/* Match the homepage glass surfaces after sign-in, without changing page layouts. */
body:has(#signedInHome:not(.hidden)) {
  --muted: #5c6570;
  --line: rgba(59,74,93, .17);
  --member-glass: linear-gradient(135deg, rgba(255, 255, 255, .92), rgba(243,251,251, .66));
  --member-edge: rgba(59,74,93, .2);
  --member-shadow: 0 12px 32px rgba(51,62,78, .07), inset 0 1px 0 rgba(255, 255, 255, .95);
  --member-sticky-offset: 108px;
  background: #fff;
  color: #262a2f;
}

/* Keep the cash notice aligned with the welcome card and clearly separated. */
#home #signedInHome > .tip-box {
  max-width: 1180px;
  margin: 0 auto 22px;
  padding: 16px 20px;
  background: linear-gradient(125deg, rgba(236,250,249, .7), rgba(250,254,254, .88));
  border: 1px solid rgba(39,136,128, .18);
  border-radius: 20px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .95);
}
#home #signedInHome > .tip-box b { display: block; line-height: 1.45; }
#home #signedInHome > .tip-box p { margin-top: 5px; }

body:has(#signedInHome:not(.hidden)) .app-shell :is(.card, .job-card, .gig-card, .rank-row:not(.top3), .dashboard-stats > :not(.money-stat), .finance-summary > :not(.money-stat)) {
  background: var(--member-glass);
  border: 1px solid var(--member-edge);
  border-radius: 22px;
  box-shadow: var(--member-shadow);
}
body:has(#signedInHome:not(.hidden)) .app-shell .card {
  -webkit-backdrop-filter: blur(12px) saturate(125%);
  backdrop-filter: blur(12px) saturate(125%);
}
/* Nested cards keep the same sheen without stacking expensive backdrop filters. */
body:has(#signedInHome:not(.hidden)) .app-shell .card .card {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
body:has(#signedInHome:not(.hidden)) .app-shell .money-stat {
  border: 1px solid rgba(255, 255, 255, .35);
  border-radius: 22px;
  box-shadow: var(--member-shadow);
}
body:has(#signedInHome:not(.hidden)) .app-shell .page-mode-switch {
  background: rgba(243,251,251, .76);
  border-color: var(--member-edge);
  border-radius: 18px;
  box-shadow: inset 0 1px 0 #fff;
}
body:has(#signedInHome:not(.hidden)) .app-shell .link-action {
  background: transparent;
  color: #0b746b;
  border-radius: 999px;
}
body:has(#signedInHome:not(.hidden)) .app-shell .link-action:hover { background: rgba(229,247,247, .65); }
body:has(#signedInHome:not(.hidden)) .app-shell :is(.dashboard-row, .contract-card, .offer-row, .detail-sidebar, .contract-preview) {
  background: rgba(255, 255, 255, .68);
  border: 1px solid rgba(59,74,93, .14);
  border-radius: 16px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .85);
}
body:has(#signedInHome:not(.hidden)) .app-shell :is(.feed-item:hover, .job-card:hover, .gig-card:hover, .conversation-item:hover) {
  background: linear-gradient(135deg, rgba(255, 255, 255, .95), rgba(234,249,248, .8));
  border-color: rgba(30,118,111, .28);
}
body:has(#signedInHome:not(.hidden)) .app-shell :is(.mode-feed-head, .chat-header) {
  background: rgba(250,253,253, .5);
}
body:has(#signedInHome:not(.hidden)) .app-shell .message-list { background: rgba(241,251,250, .45); }
body:has(#signedInHome:not(.hidden)) .app-shell .message-form { background: rgba(255, 255, 255, .78); }
body:has(#signedInHome:not(.hidden)) .app-shell .conversation-item.active { background: rgba(226,247,246, .7); }

body:has(#signedInHome:not(.hidden)) .app-shell :is(.cta, .outline-btn) {
  border-radius: 999px;
}
body:has(#signedInHome:not(.hidden)) .app-shell .cta:not(.secondary) {
  background: linear-gradient(160deg, #12a397, #087e75);
  color: #fff;
  box-shadow: 0 5px 12px rgba(11,108,100, .18), inset 0 1px 0 rgba(255, 255, 255, .3);
}
body:has(#signedInHome:not(.hidden)) .app-shell .cta:not(.secondary):hover { background: #0a776e; }
body:has(#signedInHome:not(.hidden)) .app-shell :is(.outline-btn, .cta.secondary) {
  background: rgba(255, 255, 255, .8);
  border: 1px solid rgba(59,74,93, .24);
  color: #0b534d;
  box-shadow: 0 3px 8px rgba(51,62,78, .06), inset 0 1px 0 #fff;
}
body:has(#signedInHome:not(.hidden)) .app-shell :is(.outline-btn, .cta.secondary):hover { background: #f1fbfb; }
body:has(#signedInHome:not(.hidden)) .app-shell :is(input:not([type="checkbox"]):not([type="radio"]), textarea, select) {
  background: rgba(255, 255, 255, .86);
  border-color: rgba(90,106,129, .28);
  color: #262a2f;
  box-shadow: inset 0 1px 3px rgba(51,62,78, .04);
}
body:has(#signedInHome:not(.hidden)) .app-shell :is(button, input, textarea, select, a):focus-visible {
  outline: 3px solid #0c887e;
  outline-offset: 3px;
}
body:has(#signedInHome:not(.hidden)) :is(.filter-sidebar, .gig-order-box) { top: var(--member-sticky-offset); }

@media (min-width: 851px) and (max-width: 1600px) {
  body:has(#signedInHome:not(.hidden)) { --member-sticky-offset: 194px; }
}
@media (max-width: 850px) {
  #home #signedInHome > .tip-box { margin-bottom: 18px; padding: 15px 16px; }
  body:has(#signedInHome:not(.hidden)) .app-shell :is(.card, .job-card, .gig-card) { border-radius: 20px; }
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  body:has(#signedInHome:not(.hidden)) { --member-glass: #fafdfd; }
}
@media (prefers-reduced-transparency: reduce) {
  body:has(#signedInHome:not(.hidden)) { --member-glass: #fafdfd; }
  body:has(#signedInHome:not(.hidden)) .app-shell .card { -webkit-backdrop-filter: none; backdrop-filter: none; }
}