/* Match the homepage glass surfaces after sign-in, without changing page layouts. */
body:has(#signedInHome:not(.hidden)) {
  --muted: #52647a;
  --line: rgba(42, 72, 110, .17);
  --member-glass: linear-gradient(135deg, rgba(255, 255, 255, .92), rgba(239, 246, 255, .66));
  --member-edge: rgba(42, 72, 110, .2);
  --member-shadow: 0 12px 32px rgba(38, 60, 91, .07), inset 0 1px 0 rgba(255, 255, 255, .95);
  --member-sticky-offset: 108px;
  background: #fff;
  color: #17283e;
}

/* 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(231, 242, 255, .7), rgba(249, 252, 255, .88));
  border: 1px solid rgba(68, 125, 196, .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(239, 246, 255, .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: #1761bb;
  border-radius: 999px;
}
body:has(#signedInHome:not(.hidden)) .app-shell .link-action:hover { background: rgba(221, 236, 255, .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(42, 72, 110, .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(228, 240, 255, .8));
  border-color: rgba(50, 107, 183, .28);
}
body:has(#signedInHome:not(.hidden)) .app-shell :is(.mode-feed-head, .chat-header) {
  background: rgba(248, 251, 255, .5);
}
body:has(#signedInHome:not(.hidden)) .app-shell .message-list { background: rgba(238, 245, 254, .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(218, 234, 255, .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, #2679e9, #125ac8);
  color: #fff;
  box-shadow: 0 5px 12px rgba(23, 86, 178, .18), inset 0 1px 0 rgba(255, 255, 255, .3);
}
body:has(#signedInHome:not(.hidden)) .app-shell .cta:not(.secondary):hover { background: #145abf; }
body:has(#signedInHome:not(.hidden)) .app-shell :is(.outline-btn, .cta.secondary) {
  background: rgba(255, 255, 255, .8);
  border: 1px solid rgba(42, 72, 110, .24);
  color: #174f94;
  box-shadow: 0 3px 8px rgba(38, 60, 91, .06), inset 0 1px 0 #fff;
}
body:has(#signedInHome:not(.hidden)) .app-shell :is(.outline-btn, .cta.secondary):hover { background: #edf4ff; }
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(70, 102, 148, .28);
  color: #17283e;
  box-shadow: inset 0 1px 3px rgba(38, 60, 91, .04);
}
body:has(#signedInHome:not(.hidden)) .app-shell :is(button, input, textarea, select, a):focus-visible {
  outline: 3px solid #1769d2;
  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: #f8fbff; }
}
@media (prefers-reduced-transparency: reduce) {
  body:has(#signedInHome:not(.hidden)) { --member-glass: #f8fbff; }
  body:has(#signedInHome:not(.hidden)) .app-shell .card { -webkit-backdrop-filter: none; backdrop-filter: none; }
}