/* One solar palette across Qualion, COMPANY and SYSTEM surfaces. */
:root{--fi:'Inter',system-ui,sans-serif;--fm:'IBM Plex Mono',ui-monospace,monospace}
body.phase-day {
  --ink: #22223A; --paper: #FFFEFC; --card: #FFFFFF;
  --accent: #2E5090; --sun: #C9A227; --slate: #8A8FA3; --hairline: #E7E3D8;
  --overlay-ink: #2A2A40; --overlay-dim: rgba(34,34,58,.62);
  --sky-deep: #0c1629; --anim-primary: #C9A227; --anim-secondary: #D4B896;
  --footer-horizon: #D8CCA8; --footer-bar-text: rgba(58,50,38,0.70);
  --alert: #B23A34;
}
body.phase-dawn {
  --ink: #2E2434; --paper: #F6EEE8; --card: #FDF8F3;
  --accent: #8A5A44; --sun: #D9977B; --slate: #9A8A90; --hairline: #E8DCD2;
  --overlay-ink: #F6EEE8; --overlay-dim: rgba(246,238,232,.72);
  --sky-deep: #200d28; --anim-primary: #D9977B; --anim-secondary: #B88A7A;
  --footer-horizon: #BF7C48; --footer-bar-text: rgba(42,30,22,0.80);
  --alert: #A6453A;
}
body.phase-dusk {
  --ink: #EAE4F0; --paper: #241F33; --card: #2C2640;
  --accent: #B9A6D6; --sun: #D8B27A; --slate: #8B82A3; --hairline: #383150;
  --overlay-ink: #F2ECE0; --overlay-dim: rgba(242,236,224,.7);
  --sky-deep: #0d0820; --anim-primary: #B9A6D6; --anim-secondary: #9B88C4;
  --footer-horizon: #2A100A; --footer-bar-text: rgba(230,218,198,0.80);
  --alert: #E0897D;
}
body.phase-night {
  --ink: #E8E6DE; --paper: #0E0E20; --card: #17172E;
  --accent: #8FA8D8; --sun: #D8C27A; --slate: #6E7390; --hairline: #24243E;
  --overlay-ink: #E8E6DE; --overlay-dim: rgba(232,230,222,.65);
  --sky-deep: #000412; --anim-primary: #8FA8D8; --anim-secondary: #6E7390;
  --footer-horizon: #02010A; --footer-bar-text: rgba(210,204,192,0.72);
  --alert: #DC8377;
}


body{background:var(--paper);color:var(--ink);transition:none;--paper-alt:var(--card)}
body.phase-day,body.phase-dawn{color-scheme:light}body.phase-dusk,body.phase-night{color-scheme:dark}
body.sync-surface{font-family:var(--fi);--shell-bg:var(--paper);--shell-header:var(--card);--shell-panel:var(--card);--shell-line:var(--hairline);--shell-text:var(--ink);--shell-muted:var(--accent)}
body.sync-surface .canvas-container{background:color-mix(in srgb,var(--card) 95%,var(--accent) 5%)!important;border-color:var(--hairline)!important}
body.sync-surface .header-data-grid .data-value{color:var(--ink)!important}
body.sync-surface .component-label{color:var(--ink)!important}
body.sync-surface #observer-context{color:var(--ink)!important;border-color:var(--hairline)!important}
body.sync-surface #qualion-live-status{background:color-mix(in srgb,var(--card) 94%,transparent)!important;color:var(--ink)!important;border-color:var(--hairline)!important}
body.sync-surface #ash-attest-dialog{background:var(--card);color:var(--ink);border-color:var(--hairline)}
body.sync-surface #ash-attest-dialog p,body.sync-surface #ash-attest-summary dt{color:color-mix(in srgb,var(--ink) 75%,transparent)}
body.sync-surface #ash-attest-dialog input,body.sync-surface #ash-attest-dialog button,body.sync-surface .ash-attest-button{background:var(--paper);color:var(--ink);border-color:var(--hairline)}
body.sync-surface #ash-attest-submit{background:var(--accent)!important;color:var(--paper)!important}
body.api-surface{font-family:var(--fi)}
body.api-surface a{color:var(--accent)}body.api-surface p{color:color-mix(in srgb,var(--ink) 78%,transparent)}
body.api-surface section{background:color-mix(in srgb,var(--card) 96%,var(--accent) 4%);border-color:var(--hairline)}
body.api-surface input,body.api-surface select{background:var(--paper);color:var(--ink);border-color:var(--hairline)}
body.api-surface button{background:var(--accent);color:var(--paper);border-color:var(--accent)}
body.api-surface pre{background:var(--paper);color:var(--ink)}body.api-surface details{border-color:var(--hairline)}

body.sync-surface .popup-content{background:var(--card);color:var(--ink);border-color:var(--hairline)}
body.sync-surface .popup-title,body.sync-surface .popup-note{color:var(--accent)}
body.sync-surface .popup-description,body.sync-surface .description-text{color:var(--ink);text-align:left}
body.sync-surface .popup-close{background:var(--paper);color:var(--ink);border-color:var(--hairline)}
body.sync-surface .component-button,body.sync-surface #integrated-title span{background:color-mix(in srgb,var(--card) 94%,transparent)!important;border-color:var(--hairline)!important;color:var(--ink)!important}
body.sync-surface .component-button span:first-child{color:var(--accent)!important}
body.sync-surface .component-button span:last-child{color:var(--ink)!important}

body[data-theme-ready="true"]{transition:background 8s ease,color 8s ease}
.account-access,.api-access{margin:32px 0;padding:24px;border:1px solid var(--hairline);border-radius:12px}.account-access .auth-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.api-access label{display:block;margin:12px 0}.api-access input:not([type=checkbox]),.api-access select{width:100%;margin-top:7px}.api-access fieldset{border:1px solid var(--hairline);padding:12px}.api-access ul{list-style:none;padding:0}.api-access li{display:flex;align-items:center;justify-content:space-between;gap:16px;font:12px/1.8 var(--fi);margin-top:12px}.api-access li button{flex-shrink:0}@media(max-width:600px){.account-access .auth-inputs{grid-template-columns:1fr}.api-access li{align-items:flex-start;flex-direction:column}}

body.sync-surface.phase-day{--paper:#8d9da1;--card:#253743;--ink:#e4edef;--accent:#9bbfc4;--hairline:#465d69;--slate:#bccbd0}
body.sync-surface.phase-dawn{--paper:#9b8e88;--card:#3a333a;--ink:#efe6e0;--accent:#d3b9a3;--hairline:#695a61;--slate:#cabdb7}
body.sync-surface.phase-dusk{--paper:#252638;--card:#313247;--ink:#ece8ee;--accent:#c3b5d4;--hairline:#4a465f}
body.sync-surface.phase-night{--paper:#101626;--card:#1b2333;--ink:#e6e8ed;--accent:#a0b5d4;--hairline:#344256}
body.sync-surface .canvas-container,body.sync-surface .integrated-visualization{background:#0c1424!important;border-color:var(--hairline)!important}
body.sync-surface #qualion-live-status{background:var(--card)!important;box-shadow:0 6px 22px #10162624;font-size:11px!important;line-height:1.65!important;max-width:min(420px,calc(100vw - 36px))!important}
body.sync-surface #qualion-live-status>div,body.sync-surface #qualion-live-status span{color:var(--ink)!important;opacity:1}
body.sync-surface #qualion-live-status strong{color:var(--accent)!important}
body.sync-surface .header-data-grid .data-value{background:color-mix(in srgb,var(--ink) 8%,var(--card))!important;color:var(--ink)!important}
#account-services .account-services-heading{font:400 25px/1.4 Georgia,serif;text-align:left;letter-spacing:0;border:0;text-transform:none;color:var(--ink)}#account-services .api-access{margin:18px 0;padding:18px 22px;text-align:left}#account-services summary{font:500 15px/1.7 var(--fi);cursor:pointer;color:var(--ink)}.account-service-content{padding-top:18px}.account-service-content p{font:14px/1.8 var(--fi);color:var(--ink)}