/* Automa Post IA — themes and optional ambient effects, entirely local. */
:root{--ap-accent:#7540c8;--ap-on-accent:#fff;--ap-accent-text:#c8a4ff;--ap-accent-rgb:117 64 200;--ap-tint:#2d203f;--ap-success:#9ce6bb;--ap-success-bg:#19362b;--ap-warn:#ffe0a0;--ap-warn-bg:#41301b;--ap-danger:#ffb3c2;--ap-danger-bg:#44232d}
:root[data-theme=ultra]{color-scheme:dark;--ap-bg:#000;--ap-surface:#0e0e11;--ap-raised:#19191e;--ap-text:#f7f7fb;--ap-muted:#b5b5c2;--ap-border:#41414b;--ap-tint:#23212c;--ap-focus:#d8c2ff;--muted:var(--ap-muted);--line:var(--ap-border);background:var(--ap-bg);color:var(--ap-text)}
:root[data-theme=light]{color-scheme:light;--ap-bg:#f5f6fa;--ap-surface:#fff;--ap-raised:#eceef5;--ap-text:#1b1d2c;--ap-muted:#555b6c;--ap-border:#b6bbca;--ap-tint:#eee6fa;--ap-focus:#6630ac;--ap-accent-text:#6630ac;--ap-success:#16603c;--ap-success-bg:#e2f3e9;--ap-warn:#744400;--ap-warn-bg:#fff0ce;--ap-danger:#a5203e;--ap-danger-bg:#fce5eb;--muted:var(--ap-muted);--line:var(--ap-border);background:var(--ap-bg);color:var(--ap-text)}
:root[data-accent=ocean]{--ap-accent:#086b98;--ap-on-accent:#fff;--ap-accent-text:#7ed4ff;--ap-accent-rgb:8 107 152}
:root[data-accent=jade]{--ap-accent:#007a55;--ap-on-accent:#fff;--ap-accent-text:#6fe0b4;--ap-accent-rgb:0 122 85}
:root[data-accent=lime]{--ap-accent:#c6f432;--ap-on-accent:#101317;--ap-accent-text:#c6f432;--ap-accent-rgb:198 244 50}
:root[data-accent=rose]{--ap-accent:#b02673;--ap-on-accent:#fff;--ap-accent-text:#ff9bd0;--ap-accent-rgb:176 38 115}
:root[data-theme=light][data-accent=ocean]{--ap-accent-text:#08638b;--ap-focus:#08638b}
:root[data-theme=light][data-accent=jade]{--ap-accent-text:#006e4b;--ap-focus:#006e4b}
:root[data-theme=light][data-accent=lime]{--ap-accent-text:#456400;--ap-focus:#456400}
:root[data-theme=light][data-accent=rose]{--ap-accent-text:#a1266b;--ap-focus:#a1266b}
:root:not([data-theme=light]){--ap-focus:var(--ap-accent-text)}
body{isolation:isolate;min-height:100vh;background:var(--ap-bg)}
.ap-ambient{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;--pointer-x:70vw;--pointer-y:20vh}
.ap-ambient:before,.ap-ambient:after{content:'';position:absolute;inset:0;pointer-events:none}
:root[data-background=aurora] .ap-ambient:before{inset:-10%;background:radial-gradient(ellipse at 20% 15%,rgb(var(--ap-accent-rgb) / .22),transparent 42%),radial-gradient(ellipse at 85% 70%,rgb(var(--ap-accent-rgb) / .12),transparent 45%)}
:root[data-background=aurora][data-motion=on] .ap-ambient:before{animation:ap-aurora-drift 22s ease-in-out infinite alternate}
:root[data-background=stars] .ap-ambient:before{opacity:.4;background-image:radial-gradient(circle,#c5b7e9 1px,transparent 1.5px),radial-gradient(circle,#a2a9d7 1px,transparent 1.5px),radial-gradient(ellipse at 70% 10%,rgb(var(--ap-accent-rgb) / .25),transparent 65%);background-size:151px 157px,271px 283px,100% 100%;background-position:0 0,72px 45px,0 0}
:root[data-theme=light][data-background=stars] .ap-ambient:before{opacity:.35;background-image:radial-gradient(circle,#606780 1px,transparent 1.5px),radial-gradient(circle,#69728a 1px,transparent 1.5px)}
:root[data-background=grid] .ap-ambient:before{inset:38% -30% -40%;transform:perspective(650px) rotateX(48deg);transform-origin:center top;background-image:linear-gradient(rgb(var(--ap-accent-rgb) / .16) 1px,transparent 1px),linear-gradient(90deg,rgb(var(--ap-accent-rgb) / .16) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(transparent,#000 30%,transparent 80%)}
:root[data-spotlight=on] .ap-ambient:after{background:radial-gradient(450px circle at var(--pointer-x) var(--pointer-y),rgb(var(--ap-accent-rgb) / .13),transparent 80%)}
@keyframes ap-aurora-drift{to{transform:translate3d(4%,3%,0) scale(1.03)}}
/* One visual hierarchy across all palettes. Platform artwork and previews retain their original colors. */
:root[data-theme][data-accent] body button,:root[data-theme][data-accent] body .button{background:var(--ap-accent);color:var(--ap-on-accent);border-color:color-mix(in srgb,var(--ap-accent) 65%,var(--ap-border));box-shadow:none}
:root[data-theme][data-accent] body button.secondary,:root[data-theme][data-accent] body .button.secondary,:root[data-theme][data-accent] body .workspace-jump{background:var(--ap-raised);color:var(--ap-text);border-color:var(--ap-border)}
:root[data-theme][data-accent] body nav button{background:transparent;color:var(--ap-muted);border-color:transparent}
:root[data-theme][data-accent] body nav button:hover{background:color-mix(in srgb,var(--ap-accent) 10%,var(--ap-surface));color:var(--ap-text)}
:root[data-theme][data-accent] body nav button.active{background:color-mix(in srgb,var(--ap-accent) 16%,var(--ap-surface));border-color:color-mix(in srgb,var(--ap-accent) 65%,var(--ap-border));color:var(--ap-text);box-shadow:inset 3px 0 var(--ap-accent-text)}
:root[data-theme][data-accent] body .nav-icon{color:var(--ap-accent-text)}
:root[data-theme][data-accent] body :is(.studio-tabs,.queue-status-tabs,.queue-filter-tabs,.agenda-display-tabs,.ap-platform-tabs) button{background:var(--ap-raised);color:var(--ap-muted);border-color:var(--ap-border)}
:root[data-theme][data-accent] body :is(.studio-tabs,.queue-status-tabs,.queue-filter-tabs,.agenda-display-tabs,.ap-platform-tabs) button:is(.active,[aria-selected=true],[aria-pressed=true]){background:var(--ap-accent);color:var(--ap-on-accent);border-color:var(--ap-accent)}
:root[data-theme][data-accent] body button.danger{background:var(--ap-danger-bg);color:var(--ap-danger);border-color:var(--ap-danger)}
:root[data-theme][data-accent] body .ap-select-option:is([aria-selected=true],.is-highlighted){background:var(--ap-accent);color:var(--ap-on-accent)}
:root[data-theme][data-accent] body a:not(.button){color:var(--ap-accent-text)}
:root[data-theme][data-accent] body .eyebrow{color:var(--ap-accent-text)}
:root[data-theme][data-accent] body input,:root[data-theme][data-accent] body textarea,:root[data-theme][data-accent] body select{accent-color:var(--ap-accent)}
:root:is([data-theme=light],[data-theme=ultra]) body :is(input,textarea,select){background:var(--ap-surface);color:var(--ap-text);border-color:var(--ap-border)}
:root:is([data-theme=light],[data-theme=ultra]) body :is(input,textarea)::placeholder{color:var(--ap-muted)}
:root:is([data-theme=light],[data-theme=ultra]) body :is(.panel,.card,.stat,.calendar-fold,.ap-select-popover,.row-action-popover){background:var(--ap-surface);color:var(--ap-text);border-color:var(--ap-border)}
:root:is([data-theme=light],[data-theme=ultra]) body :is(.work-context-toolbar,.calendar-workbench-hero,.personal-workspace-hero){background:linear-gradient(115deg,color-mix(in srgb,var(--ap-accent) 8%,var(--ap-surface)),var(--ap-surface));border-color:var(--ap-border)}
:root:is([data-theme=light],[data-theme=ultra]) .personal-workspace-hero:before{background:radial-gradient(ellipse at 20% 20%,rgb(var(--ap-accent-rgb) / .10),transparent 60%)}
:root[data-motion=off] .animated-header:before{animation:none}
:root:is([data-theme=light],[data-theme=ultra]) body aside{background:color-mix(in srgb,var(--ap-surface) 95%,transparent);border-color:var(--ap-border);backdrop-filter:blur(18px)}
:root:is([data-theme=light],[data-theme=ultra]) body dialog{background:color-mix(in srgb,var(--ap-surface) 96%,transparent);color:var(--ap-text);border-color:var(--ap-border);box-shadow:0 24px 100px #0004;backdrop-filter:blur(24px)}
:root[data-theme=light] dialog::backdrop{background:#20203766;backdrop-filter:blur(10px)}
:root:is([data-theme=light],[data-theme=ultra]) body :is(.thumb,.cover-preview,.studio-canvas-wrap){background:#0b0b10;color:#dedee6}
:root[data-theme=light] .brand-sidebar,:root[data-theme=light] .brand-login{padding:10px;border-radius:16px;background:#15101f}
:root:is([data-theme=light],[data-theme=ultra]) body :is(.muted,small,label,th,dialog p){color:var(--ap-muted)}
:root:is([data-theme=light],[data-theme=ultra]) body :is(h1,h2,h3,.stat strong){color:var(--ap-text)}
:root[data-theme][data-accent] body .badge{color:var(--ap-success);background:var(--ap-success-bg)}
:root[data-theme][data-accent] body .badge.warn{color:var(--ap-warn);background:var(--ap-warn-bg)}
:root[data-theme][data-accent] body .badge.error,:root[data-theme][data-accent] body .task-error{color:var(--ap-danger);background:var(--ap-danger-bg)}
:root[data-theme][data-accent] body #toast{background:var(--ap-success-bg);color:var(--ap-success);border:1px solid var(--ap-success)}
:root[data-theme][data-accent] body #toast.error{background:var(--ap-danger-bg);color:var(--ap-danger);border-color:var(--ap-danger)}
/* Appearance controls */
.ap-appearance-trigger,.ap-appearance-floating{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:10px 13px!important;font-size:13px!important;white-space:nowrap}
.ap-appearance-trigger svg,.ap-appearance-floating svg{width:20px;height:20px}
.ap-appearance-floating{position:fixed;top:16px;right:16px;z-index:30}
.ap-appearance-dialog{width:min(760px,calc(100vw - 24px));max-height:90dvh;overflow:auto;padding:28px}
.ap-appearance-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.ap-appearance-heading h2{margin:6px 0 0;font-size:26px}
.ap-appearance-heading [data-close]{font-size:25px;width:44px;padding:5px;flex-shrink:0}
.ap-appearance-dialog fieldset{border:0;border-top:1px solid var(--ap-border);padding:22px 0;margin:12px 0 0;min-width:0}
.ap-appearance-dialog legend{font-size:15px;font-weight:800;color:var(--ap-text);padding:0 12px 0 0}
.ap-theme-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ap-theme-card{position:relative;display:flex;flex-direction:column;gap:5px;padding:13px;border:1px solid var(--ap-border);border-radius:15px;cursor:pointer;margin:0}
.ap-theme-card input{position:absolute;top:18px;right:18px;z-index:1}
.ap-theme-card strong{font-size:14px;color:var(--ap-text)}.ap-theme-card small{font-size:12px;line-height:1.5}
.ap-theme-card:has(:checked){border-color:var(--ap-accent-text);box-shadow:0 0 0 2px color-mix(in srgb,var(--ap-accent) 25%,transparent)}
.ap-theme-card:focus-within{outline:2px solid var(--ap-focus);outline-offset:3px}
.ap-theme-mini{display:block;height:80px;border-radius:9px;background:#171020;padding:12px 12px 12px 32px;position:relative;overflow:hidden;margin-bottom:6px;border:1px solid #8885}
.ap-theme-mini i{position:absolute;top:0;bottom:0;left:0;width:22px;background:#261b35;border-right:1px solid #8884}
.ap-theme-mini b,.ap-theme-mini em{display:block;height:11px;border-radius:4px;background:#7655a0;width:65%;margin:7px 0}.ap-theme-mini em{height:24px;width:90%;background:#33293e}
[data-sample=ultra] .ap-theme-mini{background:#000}[data-sample=ultra] .ap-theme-mini i{background:#161619}[data-sample=ultra] .ap-theme-mini b{background:#eee}[data-sample=ultra] .ap-theme-mini em{background:#25252d}
[data-sample=light] .ap-theme-mini{background:#f7f8fc}[data-sample=light] .ap-theme-mini i{background:#e2e5ef}[data-sample=light] .ap-theme-mini b{background:#7540c8}[data-sample=light] .ap-theme-mini em{background:#e4e1ee}
.ap-palette-options,.ap-background-options{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.ap-palette-options label,.ap-background-options label{display:flex;align-items:center;gap:8px;padding:10px 12px;min-height:44px;border:1px solid var(--ap-border);border-radius:11px;font-size:13px;cursor:pointer;margin:0;color:var(--ap-text)!important}
.ap-palette-options label:has(:checked),.ap-background-options label:has(:checked){border-color:var(--ap-accent-text);background:color-mix(in srgb,var(--ap-accent) 10%,var(--ap-surface))}
.ap-palette-dot{background:var(--swatch);width:17px;height:17px;border-radius:50%;border:1px solid #8888;flex-shrink:0}
.ap-appearance-dialog input[type=radio],.ap-appearance-dialog input[type=checkbox]{width:19px;height:19px;min-height:0;margin:0;flex-shrink:0;accent-color:var(--ap-accent)}
.ap-setting-row{display:flex!important;align-items:center;justify-content:space-between;gap:24px;padding:16px 0;margin:0;border-bottom:1px solid var(--ap-border)}
.ap-setting-row strong,.ap-setting-row small{display:block}.ap-setting-row strong{color:var(--ap-text);font-size:14px}.ap-setting-row small{font-size:12px;line-height:1.7;max-width:550px;margin-top:5px}
.ap-appearance-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;border-top:1px solid var(--ap-border);padding-top:18px}
.ap-appearance-footer p{flex:1 1 100%;font-size:12px;margin:0}
/* Automatic rail: open on hover or keyboard focus, overlays content rather than shifting it. */
@media(min-width:801px){
 :root[data-sidebar=auto] .shell{grid-template-columns:76px minmax(0,1fr)}
 :root[data-sidebar=auto] aside{width:76px;padding:24px 12px;z-index:35;overflow:hidden;transition:width .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s}
 :root[data-sidebar=auto] aside:is(:hover,:focus-within){width:256px;box-shadow:16px 0 45px #0004}
 :root[data-sidebar=auto] aside:not(:hover):not(:focus-within) .brand>img:first-child{display:none}
 :root[data-sidebar=auto] aside:not(:hover):not(:focus-within) .compact-brand-icon{display:block!important;width:48px;height:48px;object-fit:contain}
 :root[data-sidebar=auto] aside .brand{height:76px;flex-shrink:0;display:flex;align-items:center;margin-bottom:6px;max-width:none}
 :root[data-sidebar=auto] aside .brand>img:first-child{max-height:76px;object-fit:contain}
 :root[data-sidebar=auto] aside nav{flex:1;min-height:0}
 :root[data-sidebar=auto] aside .aside-bottom{height:124px;flex:0 0 124px;overflow:hidden}
 :root[data-sidebar=auto] aside .nav-group>span{display:block;height:21px;white-space:nowrap;transition:opacity .16s}
 :root[data-sidebar=auto] aside nav button{height:46px;min-height:46px;overflow:hidden;white-space:nowrap;padding:11px 13px;justify-content:flex-start}
 :root[data-sidebar=auto] aside nav button>span:last-child{display:block;transition:opacity .16s;white-space:nowrap}
 :root[data-sidebar=auto] aside:not(:hover):not(:focus-within) :is(.nav-group>span,nav button>span:last-child,.aside-bottom small,#workspaceUsage){visibility:hidden;opacity:0}
 :root[data-sidebar=auto] aside:not(:hover):not(:focus-within) .aside-bottom{font-size:0;padding-inline:0}
 :root[data-sidebar=auto] aside:not(:hover):not(:focus-within) .aside-bottom button{font-size:12px;padding:8px;width:48px}
 :root[data-sidebar=auto] aside:hover .compact-brand-icon,:root[data-sidebar=auto] aside:focus-within .compact-brand-icon{display:none!important}
}
@media(max-width:1100px){.ap-appearance-trigger>span{display:none}.topbar{gap:10px}}
@media(max-width:650px){.ap-theme-options{grid-template-columns:1fr}.ap-theme-card{display:grid;grid-template-columns:80px 1fr;padding-right:40px;column-gap:14px}.ap-theme-mini{grid-row:1/3;margin:0;height:64px}.ap-theme-card small{grid-column:2}.ap-appearance-dialog{padding:20px}.ap-appearance-heading h2{font-size:21px}.ap-appearance-floating{position:absolute}.ap-background-options label{flex:1 1 45%}.ap-setting-row{gap:12px}.ap-appearance-trigger{width:44px;padding:10px!important;justify-content:center}}
:root[data-motion=off] *, :root[data-motion=off] *:before,:root[data-motion=off] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){:root:not([data-motion-choice=full]) *,:root:not([data-motion-choice=full]) *:before,:root:not([data-motion-choice=full]) *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

:root[data-theme][data-accent] body :is(.ap-select-trigger,.library-collections button,.dashboard-step,.row-action-popover button){background:var(--ap-raised);color:var(--ap-text);border-color:var(--ap-border)}
:root[data-theme][data-accent] body :is(.library-collections button,.agenda-account-switcher button):is(.active,[aria-pressed=true]){background:color-mix(in srgb,var(--ap-accent) 16%,var(--ap-surface));color:var(--ap-text);border-color:var(--ap-accent-text)}
:root[data-theme][data-accent] body .calendar-post{background:var(--ap-raised);color:var(--ap-text)}
:root[data-theme][data-accent] body .calendar-post.published{background:var(--ap-success-bg)}
:root[data-theme][data-accent] body .calendar-post:is(.failed,.needs_review){background:var(--ap-danger-bg)}
:root[data-theme][data-accent] body .studio-media-item button{background:transparent;color:var(--ap-text);border-color:transparent}
:root[data-theme][data-accent] body .studio-media-item.focused{background:color-mix(in srgb,var(--ap-accent) 10%,var(--ap-surface));border-color:var(--ap-accent-text)}

.ap-palette-dot[data-palette=violet]{background:#7540c8}.ap-palette-dot[data-palette=ocean]{background:#086b98}.ap-palette-dot[data-palette=jade]{background:#007a55}.ap-palette-dot[data-palette=lime]{background:#c6f432}.ap-palette-dot[data-palette=rose]{background:#b02673}
:root[data-theme][data-accent] body .nav-group button{background:transparent;color:var(--ap-muted);border-color:transparent}:root[data-theme][data-accent] body .nav-group button:hover{background:color-mix(in srgb,var(--ap-accent) 10%,var(--ap-surface));color:var(--ap-text)}:root[data-theme][data-accent] body .nav-group button.active{background:color-mix(in srgb,var(--ap-accent) 16%,var(--ap-surface));border-color:var(--ap-border);color:var(--ap-text);box-shadow:inset 3px 0 var(--ap-accent-text)}