/* Veyra Social v1.11.8 — final Clay 3D contrast pass.
   This file is intentionally last in the cascade: it normalizes legacy screens
   that still carried the old light or navy styling when Clay Dark is active. */

:root{
  --v-clay-light-bg:#e6f0f7;
  --v-clay-light-surface:#dceaf4;
  --v-clay-light-deep:#c8dbe9;
  --v-clay-ink:#15324d;
  --v-clay-muted:#57728c;
  --v-dark-bg:#0b1928;
  --v-dark-surface:#132a40;
  --v-dark-surface-2:#18344e;
  --v-dark-inset:#0d2134;
  --v-dark-border:#2c5578;
  --v-dark-text:#eef7ff;
  --v-dark-muted:#a8c2d8;
  --v-blue:#3a92f4;
  --v-blue-2:#2672d9;
}

/* Shared component language: depth without white glare. */
body:not(.clay-dark) .btn,
body:not(.clay-dark) .icon-btn,
body:not(.clay-dark) .wallet-header-chip,
body:not(.clay-dark) .status-legend summary,
body:not(.clay-dark) .date-filter-btn{
  box-shadow:5px 7px 13px rgba(54,92,125,.22),-3px -3px 8px rgba(255,255,255,.46),inset 1px 1px 0 rgba(255,255,255,.52)!important;
}
body:not(.clay-dark) .btn.ghost,
body:not(.clay-dark) .icon-btn,
body:not(.clay-dark) .wallet-header-chip{
  background:linear-gradient(145deg,#dce9f4,#c7dae8)!important;
  color:#1d4466!important;
}

/* ===== COMPLETE CLAY DARK THEME ===== */
html body.clay-dark,
html body.clay-dark #app,
html body.clay-dark .shell,
html body.clay-dark .workspace,
html body.clay-dark .content{
  background:radial-gradient(circle at 92% 2%,rgba(52,109,160,.15),transparent 28%),linear-gradient(150deg,#0b1a2a 0%,#0e2235 48%,#0a1725 100%)!important;
  color:var(--v-dark-text)!important;
}

html body.clay-dark .topbar,
html body.clay-dark .sidebar,
html body.clay-dark .sidebar-top,
html body.clay-dark .workspace-page-head,
html body.clay-dark .context,
html body.clay-dark .active-client-header,
html body.clay-dark .user-chip,
html body.clay-dark .wallet-header-chip{
  background:linear-gradient(145deg,#18364e,#11273a)!important;
  border-color:rgba(118,176,220,.25)!important;
  color:var(--v-dark-text)!important;
  box-shadow:9px 11px 23px rgba(0,0,0,.38),-4px -4px 10px rgba(87,139,180,.09),inset 1px 1px 0 rgba(156,209,244,.08)!important;
}
html body.clay-dark .topbar{border-bottom:1px solid rgba(100,162,209,.20)!important}
html body.clay-dark .context-label,
html body.clay-dark .active-client-copy small,
html body.clay-dark .user-chip span,
html body.clay-dark .sidebar .brand-copy small{color:var(--v-dark-muted)!important}
html body.clay-dark .context select{
  background:linear-gradient(145deg,#10263a,#0d2033)!important;
  color:var(--v-dark-text)!important;
  border-color:#315a7c!important;
  box-shadow:inset 3px 3px 7px rgba(0,0,0,.36),inset -2px -2px 5px rgba(90,147,185,.10)!important;
}

/* Sidebar — icons never disappear in either expanded or collapsed mode. */
html body.clay-dark .nav-item,
html body.clay-dark .nav-item:visited{color:#dceeff!important;background:transparent!important}
html body.clay-dark .nav-item>span{
  display:grid!important;place-items:center!important;
  width:30px!important;height:30px!important;min-width:30px!important;
  border-radius:10px!important;
  color:#8bc8ff!important;
  background:linear-gradient(145deg,#24445f,#142b41)!important;
  border:1px solid rgba(129,190,230,.20)!important;
  box-shadow:inset 1px 1px 0 rgba(158,215,249,.12),3px 4px 8px rgba(0,0,0,.26)!important;
  filter:none!important;
  opacity:1!important;
}
html body.clay-dark .nav-item:hover{background:linear-gradient(145deg,#204560,#16334d)!important;color:#ffffff!important}
html body.clay-dark .nav-item.active,
html body.clay-dark .nav-item[data-view].active{background:linear-gradient(145deg,#3e9df8,#236cca)!important;color:#fff!important;border-color:#72baff!important;box-shadow:inset 1px 1px 0 rgba(255,255,255,.30),7px 8px 16px rgba(0,0,0,.35)!important}
html body.clay-dark .nav-item.active>span,
html body.clay-dark .nav-item[data-view].active>span{background:rgba(255,255,255,.18)!important;color:#fff!important;border-color:rgba(255,255,255,.28)!important}
html body.clay-dark .sidebar-collapse,
html body.clay-dark .dark-mode-toggle{background:linear-gradient(145deg,#254965,#183550)!important;color:#e8f7ff!important;border-color:#40749b!important}
html body.clay-dark.sidebar-collapsed .sidebar{overflow:visible!important}
html body.clay-dark.sidebar-collapsed .sidebar-collapse{position:relative!important;z-index:20!important}

/* General surfaces; includes legacy widgets that were still rendered pale. */
html body.clay-dark .panel,
html body.clay-dark .stat-card,
html body.clay-dark .client-card,
html body.clay-dark .client-dashboard,
html body.clay-dark .client-dashboard-hero,
html body.clay-dark .client-dashboard-body,
html body.clay-dark .post-card,
html body.clay-dark .approval-card,
html body.clay-dark .published-card,
html body.clay-dark .media-card,
html body.clay-dark .media-library-panel,
html body.clay-dark .media-bank,
html body.clay-dark .state-card,
html body.clay-dark .empty-block,
html body.clay-dark .empty-state,
html body.clay-dark .require-client,
html body.clay-dark .require-client-view,
html body.clay-dark .locked-client-view,
html body.clay-dark .settings-hero,
html body.clay-dark .settings-drawer,
html body.clay-dark .settings-drawer-body,
html body.clay-dark .profile-drawer,
html body.clay-dark .profile-settings-panel,
html body.clay-dark .membership-stage,
html body.clay-dark .credit-station,
html body.clay-dark .billing-lux-hero,
html body.clay-dark .billing-coin-panel,
html body.clay-dark .refined-history,
html body.clay-dark .history-list>div,
html body.clay-dark .calendar-controls,
html body.clay-dark .calendar-day,
html body.clay-dark .editor-placeholder,
html body.clay-dark .support-help-grid article,
html body.clay-dark .ticket-list article,
html body.clay-dark .report-grid .panel{
  background:linear-gradient(145deg,#17344d 0%,#10263a 100%)!important;
  color:var(--v-dark-text)!important;
  border:1px solid rgba(105,171,218,.25)!important;
  box-shadow:10px 12px 25px rgba(0,0,0,.42),-4px -4px 10px rgba(81,139,178,.10),inset 1px 1px 0 rgba(165,214,245,.05)!important;
}

html body.clay-dark .client-dashboard-body,
html body.clay-dark .profile-drawer,
html body.clay-dark .settings-drawer-body{background:linear-gradient(145deg,#1c3b56,#152f47)!important}
html body.clay-dark .client-dashboard-hero{background:linear-gradient(145deg,#173752,#10283e)!important}
html body.clay-dark .client-dashboard-details,
html body.clay-dark .client-dashboard-about{background:transparent!important;border-color:rgba(124,185,225,.18)!important}

/* Typography and muted copy. */
html body.clay-dark h1,html body.clay-dark h2,html body.clay-dark h3,html body.clay-dark h4,
html body.clay-dark h5,html body.clay-dark b,html body.clay-dark strong,
html body.clay-dark label,html body.clay-dark .page-head,html body.clay-dark .workspace-title{color:var(--v-dark-text)!important;text-shadow:none!important}
html body.clay-dark p,html body.clay-dark small,html body.clay-dark .muted,
html body.clay-dark .eyebrow,html body.clay-dark .field small,
html body.clay-dark .client-meta,html body.clay-dark .post-date small,
html body.clay-dark .page-head p{color:var(--v-dark-muted)!important}
html body.clay-dark a,html body.clay-dark .link{color:#9bd4ff!important}

/* Forms + filters. */
html body.clay-dark input,
html body.clay-dark textarea,
html body.clay-dark select,
html body.clay-dark .toolbar,
html body.clay-dark .media-controls,
html body.clay-dark .media-filter-set,
html body.clay-dark .post-filter-bar,
html body.clay-dark .approval-filter-bar,
html body.clay-dark .published-filter-bar,
html body.clay-dark .storage-usage,
html body.clay-dark .storage-usage-panel,
html body.clay-dark .storage-usage-inline{
  background:linear-gradient(145deg,#10243a,#0c1d30)!important;
  color:var(--v-dark-text)!important;
  border-color:rgba(104,170,218,.32)!important;
  box-shadow:inset 3px 3px 7px rgba(0,0,0,.42),inset -2px -2px 5px rgba(92,151,190,.08),4px 5px 10px rgba(0,0,0,.18)!important;
}
html body.clay-dark input::placeholder,html body.clay-dark textarea::placeholder{color:#89a9c2!important;opacity:1!important}
html body.clay-dark select option{background:#10243a!important;color:#eff8ff!important}
html body.clay-dark .storage-usage *,html body.clay-dark .storage-usage-panel *{color:#d8edff!important}
html body.clay-dark .storage-track{background:#081727!important;border-color:#2b5275!important}
html body.clay-dark .storage-track i,html body.clay-dark .storage-track span{background:linear-gradient(90deg,#4aa4ff,#8ed3ff)!important}

/* Buttons with actual dark clay depth rather than white pills. */
html body.clay-dark .btn,
html body.clay-dark button,
html body.clay-dark .ai-generate-cta,
html body.clay-dark .membership-cta{
  color:#f6fbff!important;
  background:linear-gradient(145deg,#3f9efb,#226dd2)!important;
  border:1px solid rgba(153,208,246,.28)!important;
  box-shadow:inset 1px 1px 0 rgba(255,255,255,.28),7px 9px 17px rgba(0,0,0,.38),-3px -3px 7px rgba(80,149,203,.11)!important;
  text-shadow:0 1px 1px rgba(0,0,0,.30)!important;
}
html body.clay-dark .btn.ghost,
html body.clay-dark .icon-btn,
html body.clay-dark .date-filter-btn,
html body.clay-dark .status-legend summary,
html body.clay-dark .media-menu-dot,
html body.clay-dark .wallet-header-chip,
html body.clay-dark .ai-library-open,
html body.clay-dark .idea-action{
  background:linear-gradient(145deg,#294b67,#18334c)!important;
  color:#eaf7ff!important;
  border-color:#3c6c91!important;
  box-shadow:5px 6px 12px rgba(0,0,0,.30),-2px -2px 5px rgba(92,151,190,.09),inset 1px 1px 0 rgba(167,214,246,.08)!important;
}
html body.clay-dark .btn.danger,html body.clay-dark .danger-icon,html body.clay-dark .icon-delete{background:linear-gradient(145deg,#753744,#49242e)!important;border-color:#b45665!important;color:#ffe8eb!important}

/* Status components: names and colors must stay visible on every screen. */
html body.clay-dark .status-legend-list,
html body.clay-dark .post-status-menu,
html body.clay-dark .media-status-menu,
html body.clay-dark .post-status-tooltip,
html body.clay-dark .media-status-tooltip,
html body.clay-dark .status-config-preview,
html body.clay-dark .status-config-row,
html body.clay-dark .post-status-options label,
html body.clay-dark .media-status-option,
html body.clay-dark .status-option,
html body.clay-dark .status-legend-item{
  background:linear-gradient(145deg,#1d3b55,#132b42)!important;
  color:#edf8ff!important;
  border-color:rgba(110,178,220,.30)!important;
  box-shadow:inset 2px 2px 5px rgba(0,0,0,.27),inset -1px -1px 4px rgba(98,157,194,.08),4px 5px 9px rgba(0,0,0,.18)!important;
}
html body.clay-dark .status-legend-list *,
html body.clay-dark .post-status-menu *,
html body.clay-dark .media-status-menu *,
html body.clay-dark .post-status-tooltip *,
html body.clay-dark .media-status-tooltip *,
html body.clay-dark .status-config-preview *,
html body.clay-dark .status-config-row *,
html body.clay-dark .post-status-options label *,
html body.clay-dark .media-status-option *,
html body.clay-dark .status-option *,
html body.clay-dark .status-legend-item *{color:#edf8ff!important}
html body.clay-dark .status-dot,html body.clay-dark .media-status-dot,
html body.clay-dark .badge::before,html body.clay-dark .status-legend-item i{opacity:1!important;filter:saturate(1.3) brightness(1.12)!important;box-shadow:0 0 0 2px rgba(4,14,25,.48),0 1px 4px rgba(0,0,0,.44)!important}
html body.clay-dark .badge{background:rgba(55,101,136,.38)!important;color:#eef8ff!important;border-color:rgba(151,206,242,.25)!important;box-shadow:inset 1px 1px 0 rgba(175,221,250,.08),2px 3px 6px rgba(0,0,0,.20)!important}

/* AI screen — all old white panels become the same dark clay composition. */
html body.clay-dark .ai-studio-screen,
html body.clay-dark .veyra-ai-screen,
html body.clay-dark .veyra-ai-page,
html body.clay-dark .ai-page{background:radial-gradient(circle at 90% 7%,rgba(63,131,188,.18),transparent 26%),linear-gradient(145deg,#112b42,#0b1d30)!important;border-color:rgba(106,175,220,.26)!important}
html body.clay-dark .ai-studio-head,
html body.clay-dark .ai-compose-card,
html body.clay-dark .ai-library-card,
html body.clay-dark .ai-generator-card,
html body.clay-dark .ai-library,
html body.clay-dark .ai-ready-strip,
html body.clay-dark .ai-processing,
html body.clay-dark .ai-library-empty,
html body.clay-dark .ai-saved-card,
html body.clay-dark .ai-library-item{
  background:linear-gradient(145deg,#173752,#10263b)!important;
  color:#edf8ff!important;
  border-color:rgba(111,178,221,.28)!important;
  box-shadow:9px 11px 21px rgba(0,0,0,.38),-4px -4px 9px rgba(75,135,176,.10),inset 1px 1px 0 rgba(168,215,243,.06)!important;
}
html body.clay-dark .ai-library-empty{min-height:220px!important}
html body.clay-dark .ai-studio-head:after{background:linear-gradient(135deg,rgba(63,144,219,.23),rgba(154,196,232,.07))!important}
html body.clay-dark .ai-intent{background:linear-gradient(145deg,#244661,#142d44)!important;color:#eaf7ff!important;border-color:#3b6b90!important;box-shadow:5px 6px 11px rgba(0,0,0,.28),-2px -2px 4px rgba(83,148,192,.08)!important}
html body.clay-dark .ai-intent.active{background:linear-gradient(145deg,#42a0fa,#246fd4)!important;color:#fff!important}
html body.clay-dark .ai-studio-brand h2,html body.clay-dark .ai-studio-brand p,html body.clay-dark .ai-panel-title h3,html body.clay-dark .ai-panel-title .eyebrow{color:#eff8ff!important}
html body.clay-dark .ai-studio-brand p,html body.clay-dark .ai-library-copy p{color:#a9c7dc!important}

/* Billing, settings and cards that were seen as white/gray leftovers. */
html body.clay-dark .membership-stage,
html body.clay-dark .credit-station{background:linear-gradient(145deg,#18354f,#182548)!important}
html body.clay-dark .membership-stats span,
html body.clay-dark .credit-balance,
html body.clay-dark .credit-price,
html body.clay-dark .credit-tier-note,
html body.clay-dark .membership-ring{background:linear-gradient(145deg,#233f58,#142c43)!important;color:#eef8ff!important;border-color:#3b6d92!important}
html body.clay-dark .lux-plans-grid .user-plan-card,
html body.clay-dark .plans-user-grid .user-plan-card{background:linear-gradient(145deg,#17344e,#10253a)!important;color:#eef8ff!important;border-color:rgba(110,177,219,.25)!important;box-shadow:9px 11px 22px rgba(0,0,0,.38),-4px -4px 9px rgba(83,137,175,.09)!important}
html body.clay-dark .lux-plans-grid .user-plan-card *,
html body.clay-dark .plans-user-grid .user-plan-card *{color:inherit!important}
html body.clay-dark .membership-copy h3,
html body.clay-dark .credit-station h3,
html body.clay-dark .settings-hero h3{color:#f4faff!important}
html body.clay-dark .membership-copy p,
html body.clay-dark .credit-station-copy p,
html body.clay-dark .settings-hero p{color:#acc9dd!important}

/* Media image cards and post cards must never switch back to old charcoal/white pieces. */
html body.clay-dark .media-body,
html body.clay-dark .post-body,
html body.clay-dark .post-footer,
html body.clay-dark .approval-copy,
html body.clay-dark .published-info,
html body.clay-dark .post-meta-row{background:transparent!important;color:#eaf7ff!important;border-color:rgba(112,179,221,.22)!important}
html body.clay-dark .post-thumb,
html body.clay-dark .media-thumb,
html body.clay-dark .approval-image,
html body.clay-dark .published-media,
html body.clay-dark .post-no-media,
html body.clay-dark .media-bank-empty,
html body.clay-dark .media-client-empty{background:#0c1c2c!important;color:#bcd4e5!important;border-color:#2e587d!important}
html body.clay-dark .media-bank-empty *,
html body.clay-dark .media-client-empty *,
html body.clay-dark .post-no-media *{color:#c5dbea!important}

/* Modals should obey the dark clay theme too. */
html body.clay-dark .modal-root,html body.clay-dark .busy-overlay{background:rgba(2,9,16,.74)!important;backdrop-filter:blur(13px)!important}
html body.clay-dark .modal,html body.clay-dark .modal-body,html body.clay-dark .modal-head,
html body.clay-dark .post-preview-modal,html body.clay-dark .idea-preview-modal,
html body.clay-dark .veyra-result-modal{background:linear-gradient(145deg,#193650,#11263b)!important;color:#edf8ff!important;border-color:#376b93!important;box-shadow:22px 26px 60px rgba(0,0,0,.65),-7px -7px 17px rgba(78,136,176,.12)!important}
html body.clay-dark .modal *,html body.clay-dark .post-preview-modal *,html body.clay-dark .idea-preview-modal *,html body.clay-dark .veyra-result-modal *{color:inherit}

/* Responsive dark pages should never clip to a pale body strip. */
@media (max-width:900px){
  html body.clay-dark .content{background:#0c1c2b!important}
  html body.clay-dark .sidebar{background:linear-gradient(145deg,#17344c,#0f2235)!important}
}

/* v1.11.9 — Dark Clay visual repair: sidebar, client identity, media controls and billing depth */
html body.clay-dark{
  --v-client-surface:#122d45;
  --v-client-deep:#0c2135;
}

/* Collapsed menu: only the active area is highlighted; other icons stay neutral. */
html body.clay-dark.sidebar-collapsed .sidebar{
  width:104px!important;
  min-width:104px!important;
  flex-basis:104px!important;
  padding:12px 10px!important;
  overflow:visible!important;
}
html body.clay-dark.sidebar-collapsed .sidebar-top{min-height:62px!important;padding:4px 4px!important;justify-content:flex-start!important}
html body.clay-dark.sidebar-collapsed .brand{justify-content:flex-start!important}
html body.clay-dark.sidebar-collapsed .brand-mark{width:42px!important;height:42px!important}
html body.clay-dark.sidebar-collapsed .sidebar-top-actions{right:-15px!important;top:14px!important;z-index:200!important}
html body.clay-dark.sidebar-collapsed .sidebar-collapse{width:34px!important;height:34px!important;display:grid!important;place-items:center!important;transform:rotate(180deg)!important;background:linear-gradient(145deg,#294d6d,#16314a)!important;color:#eaf8ff!important;border-color:#4c81a8!important;box-shadow:5px 6px 12px rgba(0,0,0,.36),-2px -2px 5px rgba(91,151,193,.13)!important}
html body.clay-dark.sidebar-collapsed .nav{display:grid!important;grid-template-columns:1fr!important;grid-auto-rows:42px!important;gap:5px!important;overflow-y:auto!important;overflow-x:visible!important;padding:6px 1px!important;align-content:start!important}
html body.clay-dark.sidebar-collapsed .nav-item{
  position:relative!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  min-height:42px!important;
  height:42px!important;
  padding:0!important;
  margin:0!important;
  font-size:0!important;
  background:transparent!important;
  border:1px solid transparent!important;
  box-shadow:none!important;
  color:#aac8df!important;
}
html body.clay-dark.sidebar-collapsed .nav-item span{
  width:32px!important;height:32px!important;min-width:32px!important;margin:0!important;
  display:grid!important;place-items:center!important;
  font-size:17px!important;
  border-radius:11px!important;
  background:linear-gradient(145deg,#1e405d,#132f47)!important;
  border:1px solid rgba(94,153,194,.34)!important;
  color:#b8d6eb!important;
  box-shadow:inset 1px 1px 0 rgba(169,220,249,.10),3px 4px 8px rgba(0,0,0,.25)!important;
}
html body.clay-dark.sidebar-collapsed .nav-item:hover{background:transparent!important;border-color:transparent!important;transform:none!important}
html body.clay-dark.sidebar-collapsed .nav-item:hover span{background:linear-gradient(145deg,#315f84,#1b425f)!important;color:#f2fbff!important;border-color:#67a9d4!important}
html body.clay-dark.sidebar-collapsed .nav-item.active{background:linear-gradient(145deg,rgba(50,143,242,.34),rgba(28,88,150,.19))!important;border-color:#4b9bdf!important;box-shadow:inset 2px 2px 4px rgba(134,209,255,.16),4px 5px 10px rgba(0,0,0,.24)!important}
html body.clay-dark.sidebar-collapsed .nav-item.active span{background:linear-gradient(145deg,#4aa8ff,#2678d5)!important;color:#fff!important;border-color:#8acbff!important;box-shadow:inset 1px 1px 0 rgba(255,255,255,.34),0 0 0 3px rgba(76,163,255,.12),4px 5px 10px rgba(0,0,0,.22)!important}
html body.clay-dark.sidebar-collapsed .nav-item.active:after{display:none!important}
html body.clay-dark.sidebar-collapsed .nav-item:hover::before{
  content:attr(title)!important;
  position:fixed!important;
  left:116px!important;
  margin-top:0!important;
  padding:8px 11px!important;
  border-radius:10px!important;
  background:linear-gradient(145deg,#2c5272,#18364f)!important;
  color:#f3fbff!important;
  border:1px solid #4d85ae!important;
  box-shadow:7px 9px 18px rgba(0,0,0,.38)!important;
  font-size:11px!important;
  font-weight:800!important;
  white-space:nowrap!important;
  z-index:9999!important;
  pointer-events:none!important;
}

/* Active-client chip again uses the selected client's own identity color. */
html body.clay-dark .active-client-header{
  background:linear-gradient(135deg,color-mix(in srgb,var(--active-client-color) 28%,#173955),#102940)!important;
  border-color:color-mix(in srgb,var(--active-client-color) 65%,#3b6a8f)!important;
  box-shadow:inset 3px 0 0 var(--active-client-color),6px 7px 14px rgba(0,0,0,.30),-2px -2px 5px rgba(78,141,187,.10)!important;
}
html body.clay-dark .active-client-header .active-client-photo{
  background:linear-gradient(145deg,color-mix(in srgb,var(--active-client-color) 82%,#ffffff),var(--active-client-color))!important;
  border-color:color-mix(in srgb,var(--active-client-color) 74%,#ffffff)!important;
  color:#fff!important;
}
html body.clay-dark .active-client-header .active-client-copy small{color:#a9c9df!important}
html body.clay-dark .active-client-header .active-client-copy strong{color:#f2fbff!important}
html body.clay-dark .active-client-header .active-client-copy em{color:#b8d8ed!important}
html body.clay-dark .active-client-header .active-client-color{background:var(--active-client-color)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--active-client-color) 22%,transparent),0 0 10px color-mix(in srgb,var(--active-client-color) 50%,transparent)!important}

/* Search/filter and storage controls on the media bank. */
html body.clay-dark .media-controls,
html body.clay-dark .media-search-field,
html body.clay-dark .media-filter-set,
html body.clay-dark .storage-usage,
html body.clay-dark .storage-usage-inline{
  background:linear-gradient(145deg,#173750,#102941)!important;
  border:1px solid rgba(92,157,201,.34)!important;
  box-shadow:inset 2px 2px 5px rgba(0,0,0,.27),inset -1px -1px 4px rgba(103,165,207,.08),5px 6px 12px rgba(0,0,0,.20)!important;
}
html body.clay-dark .media-search-field input,
html body.clay-dark .media-controls select,
html body.clay-dark .media-filter-set select{
  background:linear-gradient(145deg,#0e2439,#0b1c2f)!important;
  color:#eaf7ff!important;
  border-color:#356588!important;
  box-shadow:inset 3px 3px 6px rgba(0,0,0,.38),inset -2px -2px 4px rgba(93,155,195,.08)!important;
}
html body.clay-dark .media-search-field span{color:#9ed4ff!important}
html body.clay-dark .storage-usage-copy span,html body.clay-dark .storage-usage-copy strong,html body.clay-dark .storage-usage-inline small{color:#e9f7ff!important}

/* Status palettes retain real color in the card and when expanded. */
html body.clay-dark .post-status-indicator,
html body.clay-dark .post-status-dots,
html body.clay-dark .preview-copy-top .post-status-dots,
html body.clay-dark .approval-copy .post-status-dots,
html body.clay-dark .published-info .post-status-dots{
  background:linear-gradient(145deg,#294d68,#163148)!important;
  border:1px solid #4c7da2!important;
  box-shadow:inset 1px 1px 0 rgba(187,226,249,.14),4px 5px 10px rgba(0,0,0,.28)!important;
}
html body.clay-dark .post-status-dots i,
html body.clay-dark .post-status-indicator i,
html body.clay-dark .post-status-dots span,
html body.clay-dark .post-status-indicator span,
html body.clay-dark .status-legend-item i{
  opacity:1!important;
  filter:saturate(1.45) brightness(1.16)!important;
  box-shadow:0 0 0 2px rgba(8,23,37,.74),0 2px 5px rgba(0,0,0,.38)!important;
}

/* Subscription cards get a composed dark clay hierarchy instead of flat panels. */
html body.clay-dark .membership-stage{background:radial-gradient(circle at 84% 12%,rgba(70,146,223,.22),transparent 22%),linear-gradient(135deg,#193c5a,#17294d)!important}
html body.clay-dark .credit-station,.membership-stage .credit-station{background:linear-gradient(145deg,#1b3c58,#112841)!important;border-color:#37688e!important}
html body.clay-dark .credit-price{background:linear-gradient(145deg,#2a5271,#16354f)!important;border-color:#4e86ae!important;box-shadow:inset 1px 1px 0 rgba(191,227,247,.16),5px 6px 11px rgba(0,0,0,.27)!important}
html body.clay-dark .plans-user-grid .user-plan-card,
html body.clay-dark .lux-plans-grid .user-plan-card{
  position:relative!important;
  overflow:hidden!important;
  background:linear-gradient(145deg,#1b3c58,#102840)!important;
  border-color:#376c93!important;
  box-shadow:inset 1px 1px 0 rgba(169,217,245,.08),9px 10px 19px rgba(0,0,0,.34),-3px -3px 7px rgba(92,150,189,.08)!important;
}
html body.clay-dark .plans-user-grid .user-plan-card::before,
html body.clay-dark .lux-plans-grid .user-plan-card::before{content:''!important;position:absolute!important;inset:0!important;pointer-events:none!important;background:linear-gradient(130deg,rgba(101,181,255,.12),transparent 42%,rgba(149,107,255,.10))!important}
html body.clay-dark .plans-user-grid .user-plan-card.current,
html body.clay-dark .lux-plans-grid .user-plan-card.current{border-color:#66b6ff!important;box-shadow:inset 0 0 0 1px rgba(129,203,255,.24),0 0 0 2px rgba(74,162,255,.11),10px 12px 22px rgba(0,0,0,.37)!important}
html body.clay-dark .plans-user-grid .user-plan-card h3,html body.clay-dark .plans-user-grid .user-plan-card small,html body.clay-dark .plans-user-grid .user-plan-card p,html body.clay-dark .plans-user-grid .user-plan-card li{position:relative!important;color:#edf8ff!important}

/* Prevent legacy pale insets in settings and placeholder areas. */
html body.clay-dark .settings-drawer-body,
html body.clay-dark .profile-drawer-body,
html body.clay-dark .settings-section-body,
html body.clay-dark .empty-block,
html body.clay-dark .empty-state{background:linear-gradient(145deg,#173650,#102940)!important;color:#e8f6ff!important;border-color:#35688e!important}