/* Shared backend palette: independent of chart tool chart skins and layout parameters. */
html[data-backend-theme="dark"] {--backend-shadow:0 22px 70px #0005;--backend-button:#e7e9ed;--backend-button-ink:#16171a;--backend-button-hover:#fff;--backend-page:#101114;--backend-surface:#191c22;--backend-control:#22262e;--backend-line:#3b424d;--backend-ink:#eef0f4;--backend-muted:#abb3c0;--backend-soft:#2b303a;--backend-accent:#8cb3ef;--backend-danger:#f29b94;--backend-danger-ink:#30110e;--backend-danger-bg:#392326;--backend-gold:#dfbb67;--backend-hover:#252a33;}
html[data-backend-theme="light"] {--backend-shadow:0 10px 30px #2027310a;--backend-button:#30343a;--backend-button-ink:#fff;--backend-button-hover:#454b54;--backend-page:#fff;--backend-surface:#fff;--backend-control:#f4f5f7;--backend-line:#ccd1d8;--backend-ink:#202731;--backend-muted:#596472;--backend-soft:#e8ecf1;--backend-accent:#315fa5;--backend-danger:#a3342c;--backend-danger-ink:#fff;--backend-danger-bg:#fff3f1;--backend-gold:#9a741b;--backend-hover:#f4f6f8;}
body.backend-theme-active {--bg:var(--backend-page);--bg2:var(--backend-control);--card:var(--backend-surface);--card-solid:var(--backend-surface);--line:var(--backend-line);--line2:var(--backend-line);--text:var(--backend-ink);--muted:var(--backend-muted);--dim:var(--backend-muted);--accent:var(--backend-accent);background:var(--backend-page)!important;color:var(--backend-ink)!important;color-scheme:dark;}
html[data-backend-theme="light"] body.backend-theme-active{color-scheme:light;}
body.backend-theme-active :is(.bg-grid,.bg-dots,.bg-scan){display:none;}
body.backend-theme-active .panel {background:var(--backend-surface);color:var(--backend-ink);border-color:var(--backend-line);}
body.backend-theme-active .panel::before{display:none;}
body.backend-theme-active :is(input,textarea,select){color:var(--backend-ink);background-color:var(--backend-control);border-color:var(--backend-line);}
body.backend-theme-active .backend-topbar input{color:var(--backend-ink);}
body.backend-theme-active .quick-preview.ok{color:var(--backend-ink);}
body.backend-theme-active .quick-preview.bad{color:var(--backend-danger);}
.backend-tones{display:inline-flex;border:1px solid #444851;border-radius:9px;padding:2px;gap:2px;margin-left:8px;}
.backend-topbar .backend-tones button{min-height:30px;padding:4px 9px;}
.backend-topbar .backend-tones button[aria-pressed="true"]{background:#34383f;color:#fff;}
.backend-topbar [hidden]{display:none!important;}
body.backend-theme-active .backend-topbar .topnav{flex:1;}
body.backend-theme-active .btpw-card{background:var(--backend-surface);color:var(--backend-ink);border-color:var(--backend-line);}
body.backend-theme-active .btpw-card :is(h2,label span){color:var(--backend-ink);}
body.backend-theme-active .btpw-sub{color:var(--backend-muted);}
/* Archive editing reuses the same fields; only the PC library presentation is modal. */
body.bk-editing{overflow:hidden!important;}
body.bk-editing #edit-birth-modal{display:flex!important;position:fixed;inset:0;z-index:100;align-items:center;justify-content:center;width:100%;height:100dvh;padding:24px;overflow:hidden;background:#0008;backdrop-filter:blur(5px);}
body.bk-editing #edit-birth-modal .di-modal-card{width:min(494px,100%);max-height:calc(100dvh - 48px);overflow:auto;margin:0;padding:18px 16px;border:1px solid var(--backend-line);border-radius:18px;background:var(--backend-surface);color:var(--backend-ink);box-shadow:0 24px 80px #0005;}
body.bk-editing .edit-birth-toolbar{display:none;}
body.bk-editing #edit-birth-modal .chart-toolbar{display:none;}
body.bk-editing .birth-edit-heading{--edit-action-width:118px;}
body.bk-editing #edit-birth-modal .di-modal-input{background:transparent;color:var(--backend-ink);border-color:var(--backend-line);}
body.bk-editing #edit-birth-modal .di-modal-label{color:var(--backend-muted);}
body.bk-editing #edit-birth-modal .bk-edit-close{position:static;margin:0;flex:0 0 32px;width:32px;height:32px;border:1px solid var(--backend-line);border-radius:50%;background:var(--backend-control);color:var(--backend-ink);font-size:22px;cursor:pointer;}
/* The website outside the bounded chart tool content stays graphite, never inherits chart paint. */
html:has(body.chart-entry:not([data-view="home"])),body.chart-entry:not([data-view="home"]){background:#242526!important;}
@media(max-width:1100px){.backend-topbar .auth a,.backend-topbar .auth button{padding-inline:7px;}.backend-topbar{gap:6px;}}

.bk-edit-close{display:none;}body.bk-editing .bk-edit-close{display:block;}

body.bk-editing .birth-edit-header{display:none;}body.bk-editing #edit-birth-modal .di-modal-card{flex:0 1 auto;}