/* Dashboard color refresh — color only. Layout, sizing, and behavior stay page-owned. */
:root{
  --app-green:#9b8cff;
  --app-blue:#38d9ff;
  --dash-green:#9b8cff;
  --dash-cyan:#38d9ff;
  --dash-purple:#d56bff;
  --app-border:rgba(174,184,255,.17);
  --dash-border:rgba(174,184,255,.17);
  --muted:#b7c0d8;
  --line:rgba(174,184,255,.14);
}

html body,
body.dashboard-polish{
  background:#07091a!important;
  color:#f7f8ff!important;
}

:is(.overview-app,.upload-app,.clips-app,.analytics-app,.schedule-app,.autopilot-app,.billing-app,.settings-app){
  background:
    radial-gradient(circle at 82% 8%,rgba(128,92,255,.18),transparent 29%),
    radial-gradient(circle at 14% 42%,rgba(26,199,255,.09),transparent 34%),
    linear-gradient(180deg,#090b20 0%,#07091a 55%,#080a1c 100%)!important;
}

nav.unified-site-nav{
  border-color:rgba(173,184,255,.16)!important;
  background:rgba(8,10,28,.9)!important;
}
nav.unified-site-nav .nav-links{
  border-color:rgba(173,184,255,.18)!important;
  background:rgba(19,23,52,.93)!important;
}
nav.unified-site-nav .nav-links a{color:#c7cde0!important}
nav.unified-site-nav .nav-links a:hover{color:#fff!important;background:rgba(155,140,255,.1)!important}
nav.unified-site-nav .nav-links a.active,
nav.unified-site-nav .nav-links a[aria-current="page"]{
  color:#fff!important;
  background:linear-gradient(135deg,rgba(155,140,255,.3),rgba(56,217,255,.12))!important;
  box-shadow:inset 0 0 0 1px rgba(173,160,255,.55),0 10px 30px rgba(97,75,255,.18)!important;
}

:is(.app-sidebar,.settings-sidebar){
  border-color:rgba(173,184,255,.15)!important;
  background:linear-gradient(180deg,rgba(13,16,39,.96),rgba(8,10,27,.93))!important;
}
:is(.app-sidebar,.settings-sidebar)>a,
:is(.app-sidebar,.settings-sidebar) .side-settings>summary,
:is(.app-sidebar,.settings-sidebar) .settings-subnav a{color:#aeb8d3!important}
:is(.app-sidebar,.settings-sidebar)>a:hover,
:is(.app-sidebar,.settings-sidebar) .side-settings>summary:hover,
:is(.app-sidebar,.settings-sidebar) .settings-subnav a:hover{
  color:#fff!important;
  background:rgba(155,140,255,.12)!important;
}
:is(.app-sidebar,.settings-sidebar)>a.active{
  color:#fff!important;
  background:linear-gradient(90deg,rgba(155,140,255,.28),rgba(56,217,255,.07))!important;
  box-shadow:inset 3px 0 #9b8cff!important;
}
.sidebar-account{
  border-color:rgba(173,184,255,.2)!important;
  background:rgba(155,140,255,.075)!important;
}
.mini-avatar,.profile-avatar{
  background:linear-gradient(135deg,#a78bfa,#38d9ff)!important;
  color:#090b20!important;
}

:is(.sync-bar,.filter-bar){
  border-color:rgba(173,184,255,.18)!important;
  background:linear-gradient(110deg,rgba(155,140,255,.12),rgba(20,25,56,.88) 50%,rgba(56,217,255,.07))!important;
  color:#c1c8dc!important;
}
.cloud-pill{
  border-color:rgba(56,217,255,.28)!important;
  background:rgba(56,217,255,.1)!important;
  color:#72e5ff!important;
}

:is(.page-hero,.settings-hero,.command-hero,.upload-hero,.clips-hero,.analytics-hero,.schedule-hero,.plan-hero){
  border-color:rgba(166,151,255,.28)!important;
  background:
    radial-gradient(circle at 84% 10%,rgba(213,107,255,.25),transparent 29%),
    radial-gradient(circle at 8% 105%,rgba(56,217,255,.16),transparent 40%),
    linear-gradient(135deg,rgba(30,25,70,.94),rgba(10,14,37,.96))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.1),0 28px 75px rgba(2,3,16,.38)!important;
}
:is(.page-hero,.settings-hero,.command-hero,.upload-hero,.clips-hero,.analytics-hero,.schedule-hero,.plan-hero) :is(h1,h2,.hero-total){color:#fff!important}
:is(.page-hero,.settings-hero,.command-hero) h1>span:not([id]),
.eyebrow,.hero-title span,.hero-total-label{color:#a99cff!important}
:is(.page-hero,.settings-hero,.command-hero,.upload-hero,.clips-hero,.analytics-hero,.schedule-hero,.plan-hero) p{color:#c0c8dc!important}

:is(.dash-card,.upload-card,.library-card,.analytics-card,.schedule-card,.billing-card,.settings-card,.health-card,.metric-card,.quick-card,.plan-option,.platform-card,.channel-card,.recommendation,.report-context){
  border-color:rgba(173,184,255,.18)!important;
  background:
    radial-gradient(circle at 100% 0,rgba(155,140,255,.105),transparent 34%),
    linear-gradient(155deg,rgba(25,29,64,.92),rgba(11,14,35,.94))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.06),0 18px 46px rgba(2,3,16,.24)!important;
}
:is(.metric-card,.quick-card,.plan-option,.platform-card,.channel-card):hover{border-color:rgba(155,140,255,.46)!important}
.metric-card:before{background:linear-gradient(90deg,#9b8cff,#38d9ff,transparent)!important}
:is(.metric-card,.hero-summary,.summary-row,.health-row,.agenda-row,.payment-method,.empty-state,.pipeline-step,.check-row,.readiness-item,.clip-setup-summary,.insight-box,.platform-row,.upload-row,.schedule-row){
  border-color:rgba(173,184,255,.14)!important;
}
:is(.hero-summary,.plan-summary,.hero-agenda){background:rgba(8,11,32,.62)!important}
:is(.summary-row,.health-row,.agenda-row,.payment-method,.empty-state,.pipeline-step,.check-row,.readiness-item,.insight-box,.platform-row,.upload-row,.schedule-row){background:rgba(155,140,255,.045)!important}

:is(h1,h2,h3,h4,strong,label,.card-head h2,.panel-head h2){color:#f8f9ff}
:is(.card-head p,.panel-head p,.hero-copy,.field-help,.support-text,.source-note,.clip-description,.results-line,.settings-message,.upload-message,.url-message,.readiness-panel>p){color:#b7c0d8!important}
:is(.metric-card span,.metric-card small,.platform-copy span,.upload-name span,.sidebar-account small,.clip-context time){color:#aeb8d0!important}

.btn-primary,
button.btn-primary,
a.btn-primary{
  border-color:#aa9cff!important;
  background:linear-gradient(135deg,#8c7cff,#b866f2)!important;
  color:#fff!important;
  box-shadow:0 12px 30px rgba(113,83,255,.28)!important;
}
.btn-primary:hover{background:linear-gradient(135deg,#9c8dff,#ca75ff)!important}
.btn-secondary{
  border-color:rgba(173,184,255,.25)!important;
  background:rgba(155,140,255,.075)!important;
  color:#eef0ff!important;
}
.btn-secondary:hover{border-color:rgba(155,140,255,.55)!important;background:rgba(155,140,255,.14)!important}
:is(.card-link,.clear-button,.quick-arrow,.setup-step,.filter-button.active,.source-tab.active,.view-button.active){color:#b7adff!important}
:is(.source-tab.active,.view-button.active,.filter-button.active){background:rgba(155,140,255,.2)!important;box-shadow:inset 0 0 0 1px rgba(155,140,255,.4)!important}

:is(input,select,textarea,.control,.filter-select){
  border-color:rgba(173,184,255,.2)!important;
  background:#11152f!important;
  color:#f7f8ff!important;
}
:is(input,select,textarea,.control,.filter-select)::placeholder{color:#8792b0!important}
:is(input,select,textarea,.control,.filter-select):focus{
  border-color:#9b8cff!important;
  box-shadow:0 0 0 3px rgba(155,140,255,.18)!important;
}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline-color:#38d9ff!important}

.progress-track,.readiness-track{background:rgba(173,184,255,.12)!important}
.progress-track span,.readiness-track span,.live-progress span{background:linear-gradient(90deg,#9b8cff,#38d9ff)!important}
.clip-intelligence{
  border-color:rgba(155,140,255,.22)!important;
  background:linear-gradient(110deg,rgba(155,140,255,.12),rgba(56,217,255,.055) 58%,rgba(213,107,255,.055))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.055)!important;
}
.clip-intelligence.is-empty{border-color:rgba(173,184,255,.14)!important;background:rgba(155,140,255,.04)!important}
.score-ring{
  border:1px solid rgba(173,160,255,.28)!important;
  background:radial-gradient(circle at center,#0c1029 0 56%,rgba(12,16,41,.98) 57% 61%,transparent 62%),conic-gradient(from -90deg,#9b8cff 0deg,#38d9ff calc(var(--clip-score) * 3.6deg),rgba(174,184,255,.12) 0)!important;
  color:#fff!important;
  box-shadow:0 0 0 4px rgba(155,140,255,.04),0 0 28px rgba(56,217,255,.1)!important;
}
.score-ring strong{color:#fff!important;text-shadow:0 1px 8px rgba(0,0,0,.35)!important}
.score-ring span,.score-copy>span{color:#aeb8d3!important}
.score-copy>strong{color:#f5f2ff!important}
.score-copy>small{color:#aeb8d0!important}
.card-badge,.panel-badge,.platform-tag,.plan-pill{
  border-color:rgba(56,217,255,.24)!important;
  background:rgba(56,217,255,.075)!important;
  color:#8beaff!important;
}
.favorite-button.active{color:#ff77ca!important}
.sync-bar[data-state="live"] .sync-dot{background:#45e6b0!important}
.sync-bar[data-state="error"] .sync-dot{background:#fb7185!important}

@media(max-width:900px){
  nav.unified-site-nav.site-nav-ready.open,
  nav.unified-site-nav.site-nav-ready.open .mobile-nav-panel{background:#0a0d24!important}
}
@media(max-width:760px){
  .app-sidebar .side-settings[open] .settings-subnav,
  .settings-sidebar .side-settings[open] .settings-subnav{
    border-color:rgba(155,140,255,.36)!important;
    background:rgba(11,14,37,.985)!important;
  }
}