/*
Purpose
Own modern administration appearance tokens and bounded workspace preferences.
Communication / relationships
Loaded after structural admin.css; workspace.js applies allowlisted body attributes.
Settings / parameters
Dark/light theme, five accents, fonts, width, density, corners, hints and reduced motion.
Edge cases
Defaults remain usable without JavaScript; mobile menus fit the viewport.
Known limitations
Does not change public site theme or recolor the website canvas. Some specialist controls retain their own styles.
Examples
Open Appearance in the administration header.
*/
:root{color-scheme:dark;--ui-bg:#10151e;--ui-panel:#19212e;--ui-input:#121b28;--ui-text:#e9eff8;--ui-muted:#a5b4c9;--ui-border:#344258;--ui-accent:#8abaff;--ui-on-accent:#101a2a;--ui-radius:12px;--ui-font:system-ui,-apple-system,"Segoe UI",sans-serif}
body[data-workspace-theme=light]{color-scheme:light;--ui-bg:#edf2f8;--ui-panel:#fff;--ui-input:#f5f8fc;--ui-text:#19263a;--ui-muted:#4e617a;--ui-border:#b7c5d8;--ui-accent:#1857b5;--ui-on-accent:#fff}
body[data-workspace-accent=neutral]{--ui-accent:#c2cbd9;--ui-on-accent:#182333}body[data-workspace-accent=gold]{--ui-accent:#e6c178;--ui-on-accent:#28200e}body[data-workspace-accent=violet]{--ui-accent:#c4b0ff;--ui-on-accent:#24193f}body[data-workspace-accent=green]{--ui-accent:#88d9b2;--ui-on-accent:#102b20}
body[data-workspace-theme=light][data-workspace-accent=neutral]{--ui-accent:#43566e;--ui-on-accent:#fff}body[data-workspace-theme=light][data-workspace-accent=gold]{--ui-accent:#7a510b;--ui-on-accent:#fff}body[data-workspace-theme=light][data-workspace-accent=violet]{--ui-accent:#6741b5;--ui-on-accent:#fff}body[data-workspace-theme=light][data-workspace-accent=green]{--ui-accent:#146345;--ui-on-accent:#fff}
body[data-workspace-corners=square]{--ui-radius:3px}body[data-workspace-font=humanist]{--ui-font:"Trebuchet MS",Calibri,sans-serif}body[data-workspace-font=mono]{--ui-font:ui-monospace,Consolas,monospace}
body{background:var(--ui-bg);color:var(--ui-text);font-family:var(--ui-font);font-size:14px;line-height:1.55}
body h1,body h2,body h3{font-family:inherit;font-weight:650;color:var(--ui-text);letter-spacing:-.025em}body h1{font-size:28px}body h2{font-size:19px}
body a{color:var(--ui-accent)}body p,body small,body .help,body .listlabel{color:var(--ui-muted)}
body .adminbar{background:var(--ui-panel);border-color:var(--ui-border);padding:12px 20px;gap:12px;box-shadow:0 2px 12px #0002}
body .brand{color:var(--ui-text);letter-spacing:.08em;font-size:13px}body .brand span{color:var(--ui-muted)}
body .adminnav a,body .subnav a{color:var(--ui-muted);border-radius:8px}body .adminnav a.active,body .adminnav a:hover,body .subnav a.active{color:var(--ui-accent);background:var(--ui-input)}
body .subnav{background:var(--ui-panel);border-color:var(--ui-border)}
body .card,body .row,body .tcard,body .post-options,body .context-tools,body .context-head,body .context-tabs,body .inspector,body .palette,body .outline,body .modalbox{background:var(--ui-panel);color:var(--ui-text);border-color:var(--ui-border);border-radius:var(--ui-radius)}
body .card{padding:22px;box-shadow:0 5px 18px #0001}body .row{padding:14px 16px}body .row b{color:var(--ui-text)}
body input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),body textarea,body select{background:var(--ui-input);color:var(--ui-text);border:1px solid var(--ui-border);border-radius:8px;padding:10px 12px;font-family:inherit}
body input::placeholder,body textarea::placeholder{color:var(--ui-muted);opacity:.85}body input:focus,body textarea:focus,body select:focus{outline:2px solid var(--ui-accent);outline-offset:1px}
body button,body .button{background:var(--ui-accent);color:var(--ui-on-accent);border:1px solid transparent;border-radius:8px;padding:9px 14px;font:600 13px var(--ui-font);text-decoration:none;transition:filter .14s,transform .14s}
body button:hover,body .button:hover{filter:brightness(1.08)}body button:active,body .button:active{transform:translateY(1px)}body .ghost,body button.ghost,body .button.ghost{background:transparent;color:var(--ui-text);border-color:var(--ui-border)}body .danger{background:#742d3c;color:#fff}
body :focus-visible{outline:2px solid var(--ui-accent);outline-offset:3px}body .field>span{color:var(--ui-text);font-size:13px;font-weight:600}
body .tcard{padding:16px;cursor:pointer;display:flex;flex-direction:column;gap:8px}body .tcard:has(input:checked){border-color:var(--ui-accent);box-shadow:inset 0 0 0 1px var(--ui-accent)}
.page-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.page-create{max-width:1100px}.page-create-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.page-create .tgrid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.add-page-shortcut{white-space:nowrap}
.workspace-menu{position:relative;margin-left:0}.workspace-menu>summary{cursor:pointer;padding:8px 12px;color:var(--ui-text);border:1px solid var(--ui-border);border-radius:8px;font-size:13px;list-style:none}
.workspace-options{position:absolute;right:0;top:calc(100% + 8px);width:300px;max-height:70vh;overflow:auto;z-index:100;background:var(--ui-panel);color:var(--ui-text);border:1px solid var(--ui-border);border-radius:var(--ui-radius);padding:18px;box-shadow:0 16px 40px #0005}.workspace-options label{display:block;margin-bottom:12px;font-size:12px;font-weight:600}.workspace-options select{margin-top:5px;width:100%}
body[data-workspace-width=focused]:not(.wide) .adminmain{max-width:1180px}body[data-workspace-text=large]{font-size:16px}body[data-workspace-text=large] input,body[data-workspace-text=large] textarea,body[data-workspace-text=large] select{font-size:16px}
body[data-workspace-density=compact] input:not([type=checkbox]):not([type=radio]),body[data-workspace-density=compact] select,body[data-workspace-density=compact] button{padding:6px 9px}body[data-workspace-density=compact] .card{padding:15px}
body[data-workspace-hints=hide] .help{display:none}body[data-workspace-motion=reduced] *,body[data-workspace-motion=reduced] *::before,body[data-workspace-motion=reduced] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){body *,body *::before,body *::after{animation:none!important;transition:none!important}}
@media(max-width:650px){body .adminbar{padding:10px;gap:8px}body .adminmain{padding:20px 12px 60px}body .titlebar{flex-wrap:wrap;gap:12px}.page-create-fields{grid-template-columns:1fr;gap:4px}.workspace-options{position:fixed;right:12px;top:100px;width:min(300px,calc(100vw - 24px))}body h1{font-size:24px}body .card{padding:16px}}
@media(max-width:650px){body .adminbar{flex-wrap:wrap}body .adminnav{order:5;flex:1 1 100%;max-width:100%}body .subnav{max-width:100%;box-sizing:border-box}body .titlebar>div{min-width:0}body .page-create{min-width:0}body .tcard{min-width:0}}

/* 0.27 shell: one primary destination row, contextual links below it, bounded command dialog. */
body .adminbar{flex-wrap:wrap}body .adminnav{order:5;flex:1 1 100%;width:100%;min-width:0;overflow-x:auto;white-space:nowrap;display:flex;gap:4px}body .adminnav a{padding:7px 12px;flex-shrink:0}body .brand{margin-right:auto}
.destination-dialog{width:min(620px,calc(100vw - 24px));max-height:80vh;padding:22px;background:var(--ui-panel);color:var(--ui-text);border:1px solid var(--ui-border);border-radius:var(--ui-radius);box-shadow:0 20px 80px #0007}.destination-dialog::backdrop{background:#050a14b3}.destination-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.destination-head h2{margin:0}.destination-dialog ul{list-style:none;padding:0;max-height:45vh;overflow:auto}.destination-dialog li a{display:block;padding:10px 12px;border-radius:8px}.destination-dialog li.selected a{background:var(--ui-input);outline:1px solid var(--ui-accent)}