:root{--ui-scale:1}
:root[data-theme="light"]{color-scheme:light;--bg:#f5f8fc;--panel:#fff;--line:#cbd5e1;--text:#172033;--muted:#465268;--accent:#315f9f;--danger:#a33a3a}
:root[data-theme="light"] body{background:var(--bg);color:var(--text)}
:root[data-theme="light"] .card{background:#fff;box-shadow:0 1px 3px rgba(17,24,39,.12)}
:root[data-theme="light"] .monitor-item,:root[data-theme="light"] .node-card,:root[data-theme="light"] .stats article{background:#fffbea;color:#111827;border-color:#e6d9a8}
:root[data-theme="light"] .muted,:root[data-theme="light"] .small,:root[data-theme="light"] label,:root[data-theme="light"] th{color:#374151}
:root[data-theme="light"] .status{color:#374151;background:#fff}
:root[data-theme="light"] .created{background:#fffbea;color:#111827;border-color:#e6d9a8}
:root[data-theme="light"] .danger-button,:root[data-theme="light"] .pill.off{background:#fff4cc;color:#6b4f00;border-color:#e6c96a}
:root[data-theme="light"] .quick-actions .permanent{background:#fff4cc;color:#6b4f00}
:root[data-theme="light"] h1,:root[data-theme="light"] h2,:root[data-theme="light"] h3,:root[data-theme="light"] strong{color:#111827}
:root[data-theme="light"] .settings-editor textarea,:root[data-theme="light"] .friendly-settings textarea,:root[data-theme="light"] .release-grid textarea{background:#fff;color:#111827;border-color:#c9ced6}
:root[data-theme="light"] .release-item,:root[data-theme="light"] dialog{background:#fff;color:#111827;border-color:#c9ced6}
:root[data-theme="light"] body{background:#f7f8fa!important;color:#111827!important}
:root[data-theme="light"] body{background:#f5f8fc!important}
:root[data-theme="light"] .card{background:#fff!important;color:#111827!important;border-color:#d1d5db!important}
:root[data-theme="light"] .brand-lockup{background:transparent!important;color:#111827!important;border-color:transparent!important;box-shadow:none!important}
:root[data-theme="light"] .portal-tabs{background:#eef0f3!important;border-color:#c9ced6!important}
:root[data-theme="light"] .friendly-field{background:#eaf2fb!important;color:#172033!important;border-color:#b9cbe0!important}
:root[data-theme="light"] .order-row{background:#eaf2fb!important;color:#172033!important;border-color:#b9cbe0!important}
:root[data-theme="light"] .update-card,:root[data-theme="light"] .release-item,:root[data-theme="light"] .guide-card,:root[data-theme="light"] .guide-order-preview{background:#eaf2fb!important;color:#172033!important;border-color:#b9cbe0!important}
:root[data-theme="light"] .monitor-item,:root[data-theme="light"] .node-card{background:#eaf2fb!important;color:#172033!important;border-color:#b9cbe0!important}
:root[data-theme="light"] input,:root[data-theme="light"] select,:root[data-theme="light"] textarea,:root[data-theme="light"] .friendly-field textarea,:root[data-theme="light"] .settings-editor textarea{background:#fff!important;color:#111827!important;border-color:#c9ced6!important}
:root[data-theme="light"] .setting-name code{color:#374151!important}
:root[data-theme="dark"] body{background:#0e0e0e!important}
:root[data-theme="light"] body,:root[data-theme="dark"] body{position:relative;isolation:isolate}
:root[data-theme="light"] body::before,:root[data-theme="dark"] body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:url('/theme-background.png');background-size:200% 100%;background-repeat:no-repeat;background-attachment:fixed}
:root[data-theme="light"] body::before{background-image:linear-gradient(rgba(225,239,255,.48),rgba(245,248,252,.3)),url('/theme-background.png');background-position:center,right top;background-size:100% 100%,200% 100%;opacity:.62}
:root[data-theme="dark"] body::before{background-image:linear-gradient(rgba(10,10,10,.18),rgba(10,10,10,.18)),url('/theme-background.png');background-position:center,left top;background-size:100% 100%,200% 100%;opacity:.58}
:root[data-theme="dark"] .brand-lockup{background:transparent!important;box-shadow:none!important}
:root[data-theme="dark"] .card,:root[data-theme="dark"] .stats article{background:#1f1b16!important;border-color:#6e5728!important}
:root[data-theme="dark"] .monitor-item,:root[data-theme="dark"] .node-card,:root[data-theme="dark"] .friendly-field{background:#292219!important;border-color:#80652f!important;color:#efe3c2!important}
:root[data-theme="dark"] .portal-tabs{background:#1f1b16!important;border-color:#80652f!important}
:root[data-theme="dark"] .pill{background:#6f5728!important;color:#fff!important}
:root[data-theme="dark"] .pill.off{background:#713d3d!important;color:#fff!important}
:root[data-theme="light"] .pill{background:#cfe0f4!important;color:#1f3f68!important}
:root[data-theme="light"] .pill.off{background:#e8edf3!important;color:#4b5563!important}
.order-status-pill.status-completed{background:#1f9d55!important;color:#fff!important;border-color:#3ac477!important}.order-status-pill.status-cancelled,.order-status-pill.status-overdue{background:#c53030!important;color:#fff!important;border-color:#f56565!important}.order-status-pill.status-expired{background:#6b7280!important;color:#fff!important;border-color:#9ca3af!important}
:root[data-theme="light"] input,:root[data-theme="light"] select,:root[data-theme="light"] textarea{background:#fff;color:var(--text)}
:root[data-theme="light"] button{background:#c62828;color:#fff}
:root[data-theme="light"] .secondary,:root[data-theme="light"] .actions button{background:#fff;color:#111827;border-color:#9ca3af}
:root[data-theme="light"] .portal-link{color:#111827;border-color:#9ca3af}
.appearance-controls{display:flex;flex-direction:column;align-items:stretch;gap:6px;margin:0;white-space:nowrap}
.guide-switcher{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}
.guide-switcher button.active{background:var(--accent);color:#fff;border-color:var(--accent)}
.guide-shot{margin:0 0 24px}.guide-shot-frame{position:relative;overflow:visible;border:2px solid var(--line);border-radius:14px;background:var(--panel);padding-bottom:8px}.guide-shot img{display:block;width:100%;height:auto}.guide-callout{position:static;display:block;margin:8px 12px;padding:7px 10px;border:2px solid #ff4d4d;border-radius:8px;background:rgba(255,255,255,.94);color:#111;font-size:13px;font-weight:800;box-shadow:0 2px 8px rgba(0,0,0,.25)}.guide-shot figcaption{margin-top:8px}
.guide-callout,.guide-image-notes{display:none}
.guide-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 0 24px}.guide-gallery-item{margin:0;border:1px solid var(--line);border-radius:14px;background:var(--panel);overflow:hidden}.guide-gallery-item img{display:block;width:100%;height:auto;border-bottom:1px solid var(--line)}.guide-gallery-item figcaption{padding:12px 14px;color:var(--muted);font-size:14px;line-height:1.65}.guide-gallery-item figcaption strong{color:var(--text)}
.guide-gallery-item{position:relative}.guide-image-notes{display:flex;flex-direction:column;gap:5px;padding:14px 16px;background:linear-gradient(135deg,rgba(12,18,24,.96),rgba(31,25,16,.96));border-top:1px solid var(--accent);color:var(--text);font-size:14px;line-height:1.55}.guide-image-notes strong{color:var(--accent);font-size:16px;margin-bottom:2px}.guide-image-notes span{display:block}
.guide-list{margin:0 0 18px;padding-left:1.4em;color:var(--muted);line-height:1.75}.guide-list strong{color:var(--text)}
.guide-shot img,.guide-gallery-item img{cursor:zoom-in}.guide-image-modal{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:28px;background:rgba(0,0,0,.86)}.guide-image-modal img{max-width:96vw;max-height:94vh;object-fit:contain;border:2px solid var(--accent);border-radius:12px;box-shadow:0 12px 50px rgba(0,0,0,.6)}.guide-image-modal button{position:absolute;top:18px;right:24px;width:44px;height:44px;border-radius:50%;font-size:30px;line-height:1;background:var(--accent);color:#111;border:0;cursor:pointer}
.toggle-field{align-items:center}.toggle-field>input[type="checkbox"]{appearance:none;-webkit-appearance:none;position:relative;width:58px;height:30px;flex:0 0 58px;margin:0;border:2px solid var(--line);border-radius:999px;background:#555;cursor:pointer;transition:.2s ease}.toggle-field>input[type="checkbox"]::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.35);transition:.2s ease}.toggle-field>input[type="checkbox"]:checked{background:var(--accent);border-color:var(--accent)}.toggle-field>input[type="checkbox"]:checked::after{left:31px;background:#111}.toggle-field>input[type="checkbox"]:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
@media (max-width:760px){.guide-gallery{grid-template-columns:1fr}}
@media (max-width:600px){.guide-image-notes{font-size:15px}.guide-gallery-item figcaption{font-size:15px}}
.section-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.section-actions button{white-space:nowrap}
.group-broadcast-threshold{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;margin:18px 0 24px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.group-broadcast-threshold label{display:flex;flex-direction:column;gap:6px;flex:1;min-width:260px}.group-broadcast-threshold label small{color:var(--muted)}.group-broadcast-threshold label span{display:flex;align-items:center;gap:8px}.group-broadcast-threshold input{max-width:180px}.group-broadcast-threshold p{margin:0}
.save-toast{position:fixed;left:22px;bottom:22px;z-index:11000;max-width:min(420px,calc(100vw - 44px));padding:13px 18px;border:1px solid #20a464;border-radius:10px;background:#173d2b;color:#d9ffe9;font-weight:700;box-shadow:0 10px 28px rgba(0,0,0,.35);opacity:0;transform:translateY(18px);transition:opacity .45s ease,transform .45s ease}.save-toast.visible{opacity:1;transform:translateY(0)}.save-toast.error{border-color:#d64545;background:#4a2020;color:#ffe1e1}
.toggle-field>input[type="checkbox"]{background:#d64545;border-color:#b83232}.toggle-field>input[type="checkbox"]:checked{background:#20a464;border-color:#20a464}
.toggle-control{display:inline-flex;align-items:center;gap:10px}.toggle-status{min-width:42px;color:#d64545;font-size:14px}.toggle-field input[type="checkbox"]:checked+.toggle-status{color:#20a464}
.toggle-field .toggle-control>input[type="checkbox"]{appearance:none;-webkit-appearance:none;position:relative;width:58px;height:30px;flex:0 0 58px;margin:0;border:2px solid #b83232;border-radius:999px;background:#d64545;cursor:pointer;transition:.2s ease}.toggle-field .toggle-control>input[type="checkbox"]::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.35);transition:.2s ease}.toggle-field .toggle-control>input[type="checkbox"]:checked{background:#20a464;border-color:#20a464}.toggle-field .toggle-control>input[type="checkbox"]:checked::after{left:31px;background:#111}
.bot-guide-text{white-space:pre-wrap;font:inherit;line-height:1.7;margin:0;color:var(--text);background:transparent}
.guide-card[data-guide-content="bot"]>.guide-content{display:none}
.appearance-controls label{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:12px;white-space:nowrap}
.appearance-controls select{width:130px;margin:0;padding:7px 9px}
.control-actions>.portal-link,.control-actions>button{min-width:130px;text-align:center}
.control-actions>.portal-link,.control-actions>button{display:inline-flex;align-items:center;justify-content:center}
body{font-size:calc(1rem * var(--ui-scale))}
.shell{position:relative;z-index:1}
header,.control-actions,.portal-link,button{position:relative;z-index:2}
.portal-link[href="/index.html"]{position:relative;z-index:9999!important;pointer-events:auto!important;display:inline-flex!important;visibility:visible!important;opacity:1!important}
.toggle-field .toggle-control>input[type="checkbox"]{background:#d64545!important;border-color:#b83232!important}.toggle-field .toggle-control>input[type="checkbox"]:checked{background:#20a464!important;border-color:#20a464!important}.toggle-field .toggle-control>input[type="checkbox"]:checked::after{background:#fff!important}
body :where(p,label,button,input,select,textarea,th,td,.small,.status,.pill,.portal-link,.muted,.eyebrow){font-size:calc(1rem * var(--ui-scale)) !important}
body h1{font-size:calc(2.8rem * var(--ui-scale))}
body h2{font-size:calc(1.4rem * var(--ui-scale))}
body h3{font-size:calc(1.15rem * var(--ui-scale))}
@media(max-width:760px){.control-actions{flex-wrap:wrap}}