/* Tillman.app — shared Seerr/Jellyfin visual language
   Loaded after page and shell styles so behavior remains untouched. */
:root{
  color-scheme:dark;
  --seerr-bg:#0b1120;
  --seerr-canvas:#111827;
  --seerr-sidebar:#0f172a;
  --seerr-panel:#182235;
  --seerr-panel-2:#1f2937;
  --seerr-panel-hover:#263348;
  --seerr-border:#374151;
  --seerr-border-soft:rgba(148,163,184,.18);
  --seerr-text:#f9fafb;
  --seerr-muted:#9ca3af;
  --seerr-dim:#6b7280;
  --seerr-indigo:#4f46e5;
  --seerr-indigo-bright:#6366f1;
  --seerr-purple:#9333ea;
  --seerr-green:#22c55e;
  --seerr-amber:#f59e0b;
  --seerr-red:#ef4444;
  --seerr-focus:rgba(99,102,241,.28);
  --seerr-gradient:linear-gradient(90deg,#4f46e5 0%,#7c3aed 52%,#9333ea 100%);
  --app-shell-bg:var(--seerr-bg);
  --app-shell-panel:var(--seerr-sidebar);
  --app-shell-panel-2:var(--seerr-panel);
  --app-shell-line:var(--seerr-border-soft);
  --app-shell-line-strong:rgba(99,102,241,.56);
  --app-shell-text:var(--seerr-text);
  --app-shell-muted:var(--seerr-muted);
  --app-shell-dim:var(--seerr-dim);
  --app-shell-accent:var(--seerr-indigo-bright);
  --app-shell-signal:#a78bfa;
}

html{background:var(--seerr-bg)}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
::selection{background:rgba(99,102,241,.38);color:#fff}
:focus-visible{outline:2px solid #818cf8;outline-offset:2px}

/* Shared application shell */
body.app-shell-ready .app-sidebar{
  border-right-color:var(--seerr-border-soft)!important;
  background:linear-gradient(180deg,#111827 0%,#0b1120 100%)!important;
  box-shadow:12px 0 36px rgba(0,0,0,.22)!important;
}
body.app-shell-ready .app-sidebar-head,
body.app-shell-ready .app-sidebar-foot{border-color:var(--seerr-border-soft)!important}
body.app-shell-ready .app-brand-mark{
  border-color:rgba(129,140,248,.72)!important;
  background:#111827!important;
  box-shadow:inset 0 0 0 4px #111827,inset 0 0 0 5px rgba(129,140,248,.25),0 0 24px rgba(124,58,237,.12)!important;
}
body.app-shell-ready .app-brand-mark b:last-child{color:#c4b5fd!important}
body.app-shell-ready .app-sidebar-human{
  border-color:rgba(99,102,241,.22)!important;
  background:linear-gradient(135deg,rgba(79,70,229,.14),rgba(147,51,234,.06))!important;
}
body.app-shell-ready .app-sidebar-human-line{background:var(--seerr-gradient)!important;box-shadow:0 0 14px rgba(124,58,237,.35)!important}
body.app-shell-ready .app-nav-label{color:#718096!important}
body.app-shell-ready .app-nav-icon{
  border-color:rgba(99,102,241,.2)!important;
  background:rgba(99,102,241,.08)!important;
  color:#a5b4fc!important;
}
body.app-shell-ready .app-nav-link:hover,
body.app-shell-ready .app-nav-link:focus-visible{border-color:rgba(99,102,241,.25)!important;background:rgba(99,102,241,.09)!important}
body.app-shell-ready .app-nav-link[aria-current="page"]{
  border-color:rgba(129,140,248,.35)!important;
  background:linear-gradient(90deg,rgba(79,70,229,.34),rgba(147,51,234,.18))!important;
  box-shadow:inset 3px 0 #818cf8!important;
}
body.app-shell-ready .app-topbar{
  border-color:var(--seerr-border-soft)!important;
  background:rgba(15,23,42,.94)!important;
  color:var(--seerr-text)!important;
  box-shadow:0 8px 28px rgba(0,0,0,.16)!important;
  backdrop-filter:blur(16px);
}
body.app-shell-ready .app-topbar-title strong{color:var(--seerr-text)!important}
body.app-shell-ready .app-topbar-title small,
body.app-shell-ready .app-account>span:not(.app-account-dot),
body.app-shell-ready .app-top-links a{color:var(--seerr-muted)!important}
body.app-shell-ready .app-top-links a:hover,
body.app-shell-ready .app-top-links a:focus-visible,
body.app-shell-ready .app-top-links a[aria-current="page"]{border-color:rgba(99,102,241,.3)!important;background:rgba(99,102,241,.12)!important;color:#c7d2fe!important}
body.app-shell-ready .app-top-button,
body.app-shell-ready .app-menu-button{border-color:var(--seerr-border)!important;background:var(--seerr-panel)!important;color:#d1d5db!important}
body.app-shell-ready .app-top-button:hover,
body.app-shell-ready .app-menu-button:hover{border-color:#6366f1!important;background:rgba(79,70,229,.16)!important;color:#fff!important}
body.app-shell-ready .app-presence,
body.app-shell-ready .app-account-dot{background:var(--seerr-green)!important;box-shadow:0 0 10px rgba(34,197,94,.55)!important}

/* Home — a quiet frame around Jellyfin and Seerr */
body.app-shell-ready[data-app-page="home"]{background:var(--seerr-bg)!important}
body.app-shell-ready[data-app-page="home"] .app-topbar{background:#111827!important}
.app-home-atmosphere{
  border-color:var(--seerr-border-soft)!important;
  background:linear-gradient(135deg,rgba(31,41,55,.96),rgba(17,24,39,.96))!important;
  box-shadow:none!important;
}
.app-home-avatar{border-color:rgba(129,140,248,.4)!important;background:rgba(99,102,241,.12)!important;color:#c7d2fe!important}
.app-home-welcome-copy strong,.app-home-now strong{color:var(--seerr-text)!important}
.app-home-welcome-copy small,.app-home-now small,.app-home-welcome-copy>span{color:var(--seerr-muted)!important}
.app-home-now{border-color:var(--seerr-border-soft)!important;background:rgba(11,17,32,.62)!important}
.app-home-now-dot,
body.app-home-search-view .app-home-now-dot{background:var(--seerr-green)!important;box-shadow:0 0 0 4px rgba(34,197,94,.1),0 0 16px rgba(34,197,94,.5)!important}
.app-home-actions{border-color:var(--seerr-border-soft)!important;background:rgba(11,17,32,.7)!important}
.app-home-action{border-color:transparent!important;background:transparent!important;color:var(--seerr-muted)!important}
.app-home-action:hover,.app-home-action:focus-visible{border-color:rgba(99,102,241,.26)!important;background:rgba(99,102,241,.1)!important;color:#e0e7ff!important}
.app-home-action.is-active{
  border-color:rgba(129,140,248,.48)!important;
  background:var(--seerr-gradient)!important;
  color:#fff!important;
  box-shadow:0 8px 22px rgba(79,70,229,.22)!important;
}
.app-home-action-icon,.app-home-action.is-active .app-home-action-icon{border-color:rgba(255,255,255,.18)!important;background:rgba(255,255,255,.08)!important;color:inherit!important}
.media-stage{background:#090f1c!important}
body.app-shell-ready[data-app-page="home"] .media-stage{
  inset:var(--app-home-head-h) 0 0!important;
  border-color:var(--seerr-border-soft)!important;
  border-width:1px 0 0!important;
  border-radius:0!important;
  background:#090f1c!important;
  box-shadow:none!important;
}
body.app-shell-ready[data-app-page="home"] .media-frame{border-radius:0!important}
.media-frame{background:#090f1c!important}
.watch-player.is-floating{
  border-color:rgba(129,140,248,.38)!important;
  background:rgba(17,24,39,.94)!important;
  box-shadow:0 20px 55px rgba(0,0,0,.48),0 0 30px rgba(79,70,229,.1)!important;
}
.watch-player.is-floating .watch-player__details{border-color:rgba(129,140,248,.3)!important;background:rgba(17,24,39,.98)!important}
.watch-player__eyebrow{color:#a5b4fc!important}
.watch-player__title{color:var(--seerr-text)!important}
.watch-player__subtitle,.watch-player__meta{color:var(--seerr-muted)!important}
.watch-player__track{height:3px!important;border-radius:99px;background:rgba(148,163,184,.2)!important}
.watch-player__track i{border-radius:inherit;background:var(--seerr-gradient)!important}
.watch-player__return,.watch-player__close{border-color:rgba(129,140,248,.45)!important;background:rgba(79,70,229,.14)!important;color:#e0e7ff!important}
.watch-player__return:hover,.watch-player__return:focus-visible,.watch-player__close:hover,.watch-player__close:focus-visible{border-color:#818cf8!important;background:rgba(79,70,229,.28)!important}

/* Login — cinematic art, Seerr sign-in surface */
body.account-page{
  min-height:100svh!important;
  padding:clamp(20px,4vw,54px)!important;
  justify-items:end!important;
  background:#0b1120!important;
  color:var(--seerr-text)!important;
}
.login-artwork{background:#0b1120!important}
.login-artwork-shade{
  background:linear-gradient(90deg,rgba(11,17,32,.28) 0%,rgba(11,17,32,.48) 44%,rgba(11,17,32,.92) 76%,#0b1120 100%),linear-gradient(0deg,rgba(11,17,32,.76),transparent 52%)!important;
}
.login-artwork-title{color:rgba(255,255,255,.78)!important;text-shadow:0 2px 18px rgba(0,0,0,.75)!important}
.account-card{
  position:relative!important;
  z-index:2!important;
  width:min(460px,100%)!important;
  padding:clamp(28px,4vw,42px)!important;
  border:1px solid rgba(148,163,184,.2)!important;
  border-radius:16px!important;
  background:rgba(17,24,39,.92)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.5),0 0 0 1px rgba(99,102,241,.06)!important;
  backdrop-filter:blur(22px)!important;
}
.account-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;border-radius:16px 16px 0 0;background:var(--seerr-gradient)}
.login-human{border-color:var(--seerr-border-soft)!important;background:rgba(15,23,42,.62)!important}
.login-human-mark{border-color:rgba(129,140,248,.55)!important;background:rgba(99,102,241,.12)!important;color:#c4b5fd!important;box-shadow:0 0 24px rgba(124,58,237,.12)!important}
.login-human small,.account-card p,.account-note{color:var(--seerr-muted)!important}
.login-human strong,.account-card h1{color:var(--seerr-text)!important}
.account-card .eyebrow{color:#a5b4fc!important;text-transform:uppercase!important;letter-spacing:.1em!important}
.account-card label{color:#d1d5db!important}
.account-card input{
  height:46px!important;
  border-color:var(--seerr-border)!important;
  border-radius:7px!important;
  background:rgba(11,17,32,.84)!important;
  color:#fff!important;
}
.account-card input:hover{border-color:#4b5563!important}
.account-card input:focus{border-color:#818cf8!important;box-shadow:0 0 0 3px var(--seerr-focus)!important;outline:0!important}
.account-card .button{
  min-height:46px!important;
  border:0!important;
  border-radius:7px!important;
  background:var(--seerr-gradient)!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(79,70,229,.24)!important;
}
.account-card .button:hover,.account-card .button:focus-visible{filter:brightness(1.1);transform:translateY(-1px)}
.account-links{border-top:1px solid var(--seerr-border-soft)!important;padding-top:18px!important}
.account-links a{color:#a5b4fc!important}
.account-links a:hover{color:#c4b5fd!important}

/* Dashboard foundation */
body.statistics-page,
body.statistics-page.app-shell-ready:is([data-app-page="dashboard"],[data-app-page="statistics"]){
  --stats-ink:var(--seerr-text);
  --stats-muted:var(--seerr-muted);
  --stats-line:var(--seerr-border-soft);
  --stats-paper:var(--seerr-panel);
  --stats-paper-2:var(--seerr-panel-2);
  --stats-olive:var(--seerr-indigo-bright);
  --stats-olive-dark:#a5b4fc;
  --stats-olive-pale:rgba(99,102,241,.12);
  --dashboard-folder-light:var(--seerr-sidebar);
  --dashboard-folder-paper:var(--seerr-panel);
  --dashboard-folder-active:var(--seerr-gradient);
  --dashboard-folder-active-text:#fff;
  background:var(--seerr-bg)!important;
  color:var(--seerr-text)!important;
}
.statistics-layout,.statistics-main{background:var(--seerr-bg)!important}
.statistics-main{color:var(--seerr-text)!important}

/* Dashboard navigation retains its behavior but now reads like Seerr. */
.dashboard-navigation.statistics-sidebar{
  border-bottom-color:var(--seerr-border-soft)!important;
  background:rgba(15,23,42,.98)!important;
  color:var(--seerr-text)!important;
  box-shadow:0 10px 32px rgba(0,0,0,.24)!important;
}
.dashboard-nav-heading{border-bottom-color:var(--seerr-border-soft)!important;background:#111827!important}
.dashboard-nav-title small{color:var(--seerr-muted)!important}
.dashboard-nav-title strong{color:var(--seerr-text)!important}
.dashboard-nav-groups button,
.dashboard-notes-toggle{
  border-color:var(--seerr-border)!important;
  background:var(--seerr-panel)!important;
  color:#cbd5e1!important;
  box-shadow:none!important;
}
.dashboard-nav-groups button:hover,.dashboard-nav-groups button:focus-visible,
.dashboard-notes-toggle:hover,.dashboard-notes-toggle:focus-visible{border-color:#6366f1!important;background:var(--seerr-panel-hover)!important;color:#fff!important;outline:0!important}
.dashboard-nav-groups button.active,.dashboard-notes-toggle[aria-expanded="true"]{border-color:#818cf8!important;background:var(--seerr-gradient)!important;color:#fff!important;box-shadow:0 8px 20px rgba(79,70,229,.2)!important}
.dashboard-watch-link,.dashboard-logout{
  border-color:var(--seerr-border)!important;
  background:var(--seerr-panel)!important;
  color:#d1d5db!important;
}
.dashboard-watch-link:hover,.dashboard-watch-link:focus-visible,.dashboard-logout:hover,.dashboard-logout:focus-visible{border-color:#6366f1!important;background:rgba(79,70,229,.16)!important;color:#fff!important;outline:0!important}
#statistics-nav{background:#0f172a!important;scrollbar-color:#4b5563 transparent!important}
#statistics-nav button{
  border-color:var(--seerr-border)!important;
  border-radius:7px!important;
  background:var(--seerr-panel)!important;
  color:#cbd5e1!important;
  box-shadow:none!important;
}
#statistics-nav button:hover,#statistics-nav button:focus-visible{border-color:#6366f1!important;background:var(--seerr-panel-hover)!important;color:#fff!important;outline:0!important}
#statistics-nav button.active,#statistics-nav button.split-active{border-color:#818cf8!important;background:var(--seerr-gradient)!important;color:#fff!important;box-shadow:0 8px 18px rgba(79,70,229,.2)!important}
#statistics-nav .nav-icon{color:#a5b4fc!important}
#statistics-nav button.active .nav-icon,#statistics-nav button.split-active .nav-icon{color:#fff!important}
.dashboard-navigation .sidebar-status{border-left-color:var(--seerr-border-soft)!important;background:#111827!important}
.dashboard-navigation .sidebar-insight,.dashboard-navigation .sync-state{border-color:var(--seerr-border-soft)!important;color:var(--seerr-muted)!important}
.dashboard-navigation .sidebar-insight span{color:var(--seerr-muted)!important}
.dashboard-navigation .sidebar-insight strong{color:var(--seerr-text)!important}
.dashboard-navigation .sync-dot{background:var(--seerr-green)!important;box-shadow:0 0 10px rgba(34,197,94,.5)}

/* Dashboard surfaces */
.statistics-hero,.overview-summary,.dashboard-card,.metric-picker,.metric-content,.field-reference,.configuration,.admin-panel,.frame-shell,.filebrowser-dock,
.settings-hub-heading,.settings-hub-panel,.settings-service-folder{
  border-color:var(--seerr-border-soft)!important;
  border-radius:12px!important;
  background:var(--seerr-panel)!important;
  color:var(--seerr-text)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.12)!important;
}
.statistics-hero{border-top:1px solid var(--seerr-border-soft)!important;background:linear-gradient(135deg,#182235,#111827)!important}
.statistics-hero:before{content:"";position:absolute;inset:0 0 auto;height:3px;border-radius:12px 12px 0 0;background:var(--seerr-gradient)}
.statistics-hero .eyebrow,.eyebrow{color:#a5b4fc!important;text-transform:uppercase!important;letter-spacing:.09em!important}
.statistics-hero h1,.settings-hub-heading h2,.admin-panel h2{background:linear-gradient(100deg,#fff 20%,#c7d2fe 65%,#d8b4fe)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
.statistics-hero p:not(.eyebrow),.admin-panel>p,.settings-hub-heading p:not(.eyebrow){color:var(--seerr-muted)!important}
.hero-status{border-color:var(--seerr-border-soft)!important;border-radius:9px!important;background:rgba(11,17,32,.58)!important}
.state-pill{border-color:rgba(34,197,94,.4)!important;border-radius:999px!important;background:rgba(34,197,94,.1)!important;color:#86efac!important;text-transform:uppercase!important}
.state-pill.attention{border-color:rgba(245,158,11,.4)!important;background:rgba(245,158,11,.1)!important;color:#fcd34d!important}
.live-refresh-control select{border-color:var(--seerr-border)!important;border-radius:7px!important;background:#111827!important;color:#e5e7eb!important}
.summary-heading,.dashboard-card>header,.frame-heading,.field-reference-heading,.api-field-group>header,.settings-panel-heading{
  border-color:var(--seerr-border-soft)!important;
  background:rgba(15,23,42,.58)!important;
}
.dashboard-card>header h3,.summary-heading h2,.settings-panel-heading h3,.settings-refresh-panel h3{color:var(--seerr-text)!important}
.dashboard-card>header p,.settings-panel-heading p,.settings-refresh-panel p{color:var(--seerr-muted)!important}
.overview-summary,.dashboard-card{overflow:hidden}
.tone-blue{--tone:#60a5fa!important}.tone-cyan{--tone:#22d3ee!important}.tone-green{--tone:#22c55e!important}.tone-amber{--tone:#f59e0b!important}.tone-red{--tone:#ef4444!important}.tone-pink{--tone:#ec4899!important}.tone-violet{--tone:#8b5cf6!important}
.kpi,.metric-card,.connection-state,.metric-switches label,.user-row,.permission-row,.service-node,.storage-indicator,.settings-live-metric,.settings-connection-state,.settings-order-block,.settings-metric-fieldset,.settings-metric-grid label{
  border-color:var(--seerr-border-soft)!important;
  border-radius:8px!important;
  background:#111827!important;
  color:var(--seerr-text)!important;
  box-shadow:none!important;
}
.kpi:hover,.kpi:focus-visible,.metric-card:hover,.metric-switches label:hover,.service-node:hover,.service-node:focus-visible,.storage-indicator:hover,.storage-indicator:focus-visible,.settings-live-metric:hover{border-color:rgba(99,102,241,.5)!important;background:var(--seerr-panel-hover)!important;transform:translateY(-1px)!important}
.kpi span,.kpi i,.service-node-icon,.service-node>i,.stream-copy em,.api-control-search,.writable-fields>h4{color:#a5b4fc!important}
.kpi strong,.media-row,.api-control-copy strong,.settings-live-metric strong,.settings-connection-state strong{color:var(--seerr-text)!important}
.attention-card{background:var(--seerr-panel)!important}
.attention-list button{border-color:rgba(245,158,11,.25)!important;border-radius:8px!important;background:rgba(245,158,11,.07)!important;color:var(--seerr-text)!important}
.attention-list button:hover{border-color:rgba(245,158,11,.5)!important;background:rgba(245,158,11,.12)!important}
.attention-mark{border-radius:6px!important;background:rgba(245,158,11,.14)!important;color:#fbbf24!important}
.clear-state{border-color:rgba(34,197,94,.24)!important;border-radius:8px!important;background:rgba(34,197,94,.06)!important}
.clear-state>span{background:rgba(34,197,94,.13)!important;color:#86efac!important}
.service-node-icon{background:rgba(99,102,241,.12)!important}
.media-row:hover,.media-row:focus-visible,.stream-open:hover,.stream-open:focus-visible{background:rgba(99,102,241,.08)!important}
.stream-art{background:#273449!important}.stream-art i{background:linear-gradient(90deg,#8b5cf6 var(--progress),rgba(148,163,184,.22) 0)!important}
.stream-source,.stream-source.source-jellyfin,.stream-source.source-plex{border-color:rgba(255,255,255,.15)!important;background:rgba(79,70,229,.88)!important;color:#fff!important}
.chart-bars em{background:#273449!important}.chart-bars em i,.vertical-chart button>i,.vertical-chart button:nth-child(2)>i,.vertical-chart button:nth-child(3)>i{background:var(--seerr-gradient)!important}
.funnel-chart>span{border-color:rgba(99,102,241,.32)!important;background:rgba(99,102,241,.1)!important}
.coverage-total>.donut{--ring:#8b5cf6!important;background:radial-gradient(circle,var(--seerr-panel) 55%,transparent 56%),conic-gradient(var(--ring) calc(var(--value)*1%),#273449 0)!important}

/* Inputs, controls and dialogs */
.configuration input,.permission-tools input,.permission-tools select,.permission-row select,dialog input,dialog select,
.api-control-search input,.api-control-row input[type="text"],.api-control-row input[type="password"],.api-control-row input[type="number"],.api-control-row select,
.api-entity-picker input,.api-entity-picker select,.settings-hub-heading input,.settings-refresh-panel select,.settings-connection-form input{
  border-color:var(--seerr-border)!important;
  border-radius:7px!important;
  background:#0f172a!important;
  color:var(--seerr-text)!important;
}
.configuration input:focus,.permission-tools input:focus,.permission-tools select:focus,.permission-row select:focus,dialog input:focus,dialog select:focus,
.api-control-search input:focus,.api-control-row input:focus,.api-control-row select:focus,.settings-hub-heading input:focus,.settings-refresh-panel select:focus,.settings-connection-form input:focus{border-color:#818cf8!important;box-shadow:0 0 0 3px var(--seerr-focus)!important;outline:0!important}
.button,.settings-panel-heading button,.settings-service-actions button,.settings-service-actions a,.settings-connection-form button{
  border-color:transparent!important;
  border-radius:7px!important;
  background:var(--seerr-gradient)!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(79,70,229,.18)!important;
}
.button:hover,.button:focus-visible,.settings-panel-heading button:hover,.settings-service-actions button:hover,.settings-service-actions a:hover,.settings-connection-form button:hover{filter:brightness(1.1)}
.user-actions button,.api-control-input button,.password-wrap button,.settings-password-wrap button{
  border-color:var(--seerr-border)!important;
  background:#111827!important;
  color:#d1d5db!important;
}
.user-actions button:hover,.api-control-input button:hover{border-color:#6366f1!important;background:rgba(79,70,229,.14)!important;color:#fff!important}
dialog{border-color:var(--seerr-border-soft)!important;border-radius:14px!important;background:var(--seerr-panel)!important;color:var(--seerr-text)!important;box-shadow:0 28px 90px rgba(0,0,0,.62)!important}
dialog::backdrop{background:rgba(2,6,23,.78)!important;backdrop-filter:blur(5px)}
.good{color:#4ade80!important}.bad{color:#f87171!important}

/* Connection controls above embedded services use the same dark Seerr system. */
.iframe-connection-bar{
  border-bottom-color:var(--seerr-border-soft)!important;
  background:#111827!important;
  color:var(--seerr-text)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.22)!important;
}
.iframe-connection-heading>span,
.iframe-connection-bar label>span:first-child{
  color:var(--seerr-muted)!important;
  font:650 11px Inter,system-ui,sans-serif!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
.iframe-connection-heading>strong{
  color:var(--seerr-text)!important;
  font:750 14px Inter,system-ui,sans-serif!important;
}
.iframe-connection-heading>small{
  color:#4ade80!important;
  font:700 10px Inter,system-ui,sans-serif!important;
}
.iframe-connection-heading>small.bad{color:#f87171!important}
.iframe-connection-bar input{
  border-color:var(--seerr-border)!important;
  border-radius:7px!important;
  background:#0f172a!important;
  color:var(--seerr-text)!important;
  font:600 12px Inter,system-ui,sans-serif!important;
}
.iframe-connection-bar input::placeholder{color:var(--seerr-dim)!important;opacity:1}
.iframe-connection-bar input:focus{
  border-color:#818cf8!important;
  box-shadow:0 0 0 3px var(--seerr-focus)!important;
  outline:0!important;
}
.iframe-key-wrap input{border-radius:7px 0 0 7px!important}
.iframe-key-wrap button{
  border-color:var(--seerr-border)!important;
  border-left:0!important;
  border-radius:0 7px 7px 0!important;
  background:var(--seerr-panel-2)!important;
  color:#d1d5db!important;
  font:700 10px Inter,system-ui,sans-serif!important;
}
.iframe-key-wrap button:hover,.iframe-key-wrap button:focus-visible{
  background:var(--seerr-panel-hover)!important;
  color:#fff!important;
  outline:0!important;
}
.iframe-key-wrap button[aria-pressed=true]{
  border-color:#818cf8!important;
  background:rgba(99,102,241,.2)!important;
  color:#c7d2fe!important;
}
.iframe-connection-bar>.button{
  border-color:transparent!important;
  border-radius:7px!important;
  background:var(--seerr-gradient)!important;
  color:#fff!important;
  font:750 11px Inter,system-ui,sans-serif!important;
  box-shadow:0 8px 20px rgba(79,70,229,.2)!important;
}
.iframe-connection-bar>.button:hover,.iframe-connection-bar>.button:focus-visible{
  filter:brightness(1.1);
  outline:0!important;
}

/* Service Assets pages previously retained light-theme ink on dark Seerr panels. */
.service-assets-view :is(h2,h3,h4,p,span,strong,label,small){color:#fff!important}
.service-assets-view .eyebrow{color:#a5b4fc!important}
.service-assets-view .good{color:#4ade80!important}
.service-assets-view .bad{color:#f87171!important}

/* Settings, API groups, embedded workspaces */
.dashboard-settings-hub{color:var(--seerr-text)!important}
.settings-hub-panel{background:var(--seerr-panel)!important}
.navigation-order-lists,.settings-refresh-panel,.settings-service-body{background:transparent!important}
.settings-order-item{border-color:var(--seerr-border)!important;background:#111827!important;color:#e5e7eb!important}
.settings-order-item button{border-color:var(--seerr-border)!important;background:var(--seerr-panel-2)!important;color:#c7d2fe!important}
.settings-service-folder{background:var(--seerr-panel)!important}
.settings-service-folder>summary{background:linear-gradient(90deg,#1f2937,#182235)!important}
.settings-folder-tab{border-color:var(--seerr-border)!important;background:linear-gradient(180deg,#263348,#1f2937)!important;box-shadow:none!important}
.settings-folder-tab:after{background:rgba(255,255,255,.08)!important}
.settings-folder-tab strong,.settings-metric-grid b{color:var(--seerr-text)!important}
.settings-folder-summary-copy small,.settings-metric-fieldset>p,.settings-metric-grid small,.settings-connection-state span,.settings-live-metric span,.settings-live-metric small{color:var(--seerr-muted)!important}
.settings-service-state.is-online{background:rgba(34,197,94,.12)!important;color:#86efac!important}
.settings-service-state.is-offline{background:rgba(239,68,68,.12)!important;color:#fca5a5!important}
.settings-folder-chevron{border-color:#a5b4fc!important}
.api-field-group{border-color:var(--seerr-border-soft)!important;border-radius:8px!important;background:#111827!important}
.api-field-group>header code,.api-field-group>header b{color:#c7d2fe!important}
.api-field-group>header em{border-color:rgba(99,102,241,.28)!important;background:rgba(99,102,241,.1)!important;color:#c7d2fe!important}
.api-entity-picker,.api-control-list{border-color:var(--seerr-border-soft)!important;background:#0f172a!important}
.api-entity-picker output{border-color:var(--seerr-border)!important;background:#182235!important;color:#d1d5db!important}
.api-field-group>p,.api-control-list,.api-control-row,.readonly-fields{border-color:var(--seerr-border-soft)!important}
.api-toggle span{border-color:#4b5563!important;background:#374151!important}.api-toggle input:checked+span{border-color:#6366f1!important;background:var(--seerr-indigo-bright)!important}
.field-chips code{border-color:rgba(99,102,241,.25)!important;background:rgba(99,102,241,.1)!important;color:#c7d2fe!important}
.filebrowser-layout-controls{border-color:var(--seerr-border)!important;background:rgba(17,24,39,.96)!important;color:var(--seerr-text)!important}
.filebrowser-layout-controls button{border-color:var(--seerr-border)!important;background:var(--seerr-panel-2)!important;color:#d1d5db!important}
.filebrowser-layout-controls button.is-current{border-color:#818cf8!important;background:var(--seerr-gradient)!important;color:#fff!important}
.external-frame-toolbar,.kvm-frame-toolbar{border-color:var(--seerr-border)!important;background:#111827!important;color:#fff!important}
.external-frame-toolbar small,.kvm-frame-toolbar small{color:var(--seerr-muted)!important}
.external-frame-toolbar a,.external-frame-open,.kvm-frame-toolbar a{border-color:#4b5563!important;background:#1f2937!important;color:#fff!important}
.external-frame-blocked-state{border-color:var(--seerr-border)!important;background:linear-gradient(180deg,#1f2937,#182235)!important;color:var(--seerr-text)!important;box-shadow:0 18px 50px rgba(0,0,0,.32)!important}
.external-frame-blocked-state:before{border-color:var(--seerr-border)!important;background:var(--seerr-gradient)!important;color:#fff!important}
.external-frame-blocked-state h2{color:#fff!important}.external-frame-blocked-state>p:not(.eyebrow){color:var(--seerr-muted)!important}

/* Notes become a compact dark utility instead of a paper prop. */
.dashboard-notes-popover{border-color:var(--seerr-border)!important;border-radius:0 0 12px 12px!important;background:var(--seerr-panel)!important;color:var(--seerr-text)!important;box-shadow:0 24px 70px rgba(0,0,0,.55)!important}
.dashboard-notes-popover>header{border-color:var(--seerr-border-soft)!important;background:#111827!important;color:#fff!important}
.dashboard-notes-popover>header small,.dashboard-notes-popover>header em{color:var(--seerr-muted)!important}
.dashboard-notes-toolbar,.dashboard-notes-popover>footer{border-color:var(--seerr-border-soft)!important;background:#182235!important;color:var(--seerr-muted)!important}
.dashboard-notes-toolbar button{border-color:var(--seerr-border)!important;background:#111827!important;color:#d1d5db!important}
.dashboard-notes-toolbar button:hover{border-color:#6366f1!important;background:rgba(79,70,229,.16)!important;color:#fff!important}
.dashboard-notes-paper{background:#0f172a!important}
.dashboard-notes-paper:before{background:rgba(129,140,248,.26)!important}
.dashboard-notes-paper textarea{background:repeating-linear-gradient(to bottom,transparent 0,transparent 30px,rgba(148,163,184,.1) 31px)!important;color:#e5e7eb!important;caret-color:#a78bfa!important}
.dashboard-notes-paper textarea::placeholder{color:#64748b!important}

@media(max-width:820px){
  body.account-page{justify-items:center!important;padding:18px!important}
  .login-artwork-shade{background:linear-gradient(0deg,rgba(11,17,32,.94),rgba(11,17,32,.5))!important}
  .account-card{background:rgba(17,24,39,.94)!important}
  .dashboard-navigation.statistics-sidebar{box-shadow:0 8px 24px rgba(0,0,0,.3)!important}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}