/* Selected September 19 logo kit. Loaded after each EverySqueeze shell's
   structural CSS; Creator Replay retains its independent identity. Existing
   token names are aliases so historical pages inherit the same brand. */
:root[data-es-brand]{
 --brand-navy:#041330;--brand-orange:#FB6B06;--brand-white:#FFFFFF;
 --bg:#F7F9FC;--card:#FFFFFF;--card2:#EDF1F7;--paper:var(--bg);--surface:var(--card);
 --ink:#041330;--mut:#3C4B63;--dim:#53627A;--faint:var(--dim);
 /* Orange belongs to the artwork and selected primary actions. Routine
    links, filters and controls keep a readable blue/navy treatment. */
 --ever:#3455AD;--ever-soft:#EAF0FF;--action-fill:#294A9D;--ever-cta:#FB6B06;--cta-ink:#041330;
 --rp-nav-ink:#FFFFFF;--blue:#0B57C4;--amber-text:var(--gold-text);
 --line:rgba(4,19,48,.16);--linef:rgba(4,19,48,.08);
 color-scheme:light;
}
:root[data-es-brand][data-theme="dark"]{
 --bg:#041330;--card:#0D2040;--card2:#172D4D;--ink:#FFFFFF;
 --mut:#D0DAE9;--dim:#A6B6CE;
 --ever:#A8BEFF;--ever-soft:#1D315A;--action-fill:#3455AD;--ever-cta:#FB6B06;--cta-ink:#041330;
 --rp-nav-ink:#FFFFFF;--blue:#8CB7FF;--line:rgba(255,255,255,.18);--linef:rgba(255,255,255,.09);
 --good:#6BDC9A;--warn:#F0D272;--bad:#FF9690;
 --glass-bg:rgba(4,19,48,.95);--glass-line:rgba(255,255,255,.12);
 color-scheme:dark;
}
@media(prefers-color-scheme:dark){:root[data-es-brand]:not([data-theme="light"]){
 --bg:#041330;--card:#0D2040;--card2:#172D4D;--ink:#FFFFFF;
 --mut:#D0DAE9;--dim:#A6B6CE;
 --ever:#A8BEFF;--ever-soft:#1D315A;--action-fill:#3455AD;--ever-cta:#FB6B06;--cta-ink:#041330;
 --rp-nav-ink:#FFFFFF;--blue:#8CB7FF;--line:rgba(255,255,255,.18);--linef:rgba(255,255,255,.09);
 --good:#6BDC9A;--warn:#F0D272;--bad:#FF9690;
 --glass-bg:rgba(4,19,48,.95);--glass-line:rgba(255,255,255,.12);
 color-scheme:dark;
}}
.es-logo{display:inline-grid;width:120px;aspect-ratio:800/466;flex:none;vertical-align:middle}
.es-logo img{grid-area:1/1;display:block;width:100%;height:100%;object-fit:contain}
.es-logo .es-logo-dark{display:none}
[data-theme="dark"] .es-logo .es-logo-light{display:none}
[data-theme="dark"] .es-logo .es-logo-dark{display:block}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .es-logo .es-logo-light{display:none}:root:not([data-theme="light"]) .es-logo .es-logo-dark{display:block}}
.es-brand-link{display:inline-flex;align-items:center;flex:none;text-decoration:none;color:inherit}
.sbrand .es-logo{width:112px}
.mark .es-logo{width:152px}
header>.es-brand-link .es-logo{width:94px}
.nav .es-logo{width:112px}
.es-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
[data-es-brand] ::selection{background:var(--ever-soft);color:var(--ink)}
[data-es-brand] :focus-visible{outline:2px solid var(--ever);outline-offset:3px}
[data-es-brand] input,[data-es-brand] textarea{caret-color:var(--ever)}
[data-es-brand] a{text-underline-offset:3px}
[data-es-brand] .btn.primary,[data-es-brand] .btn.go{background:var(--ever-cta);color:var(--cta-ink)}
@media(max-width:940px){.sbrand .es-logo{width:96px}.nav .es-logo{width:94px}}
@media(max-width:600px){.mark .es-logo{width:132px}}
.onbbrand .es-logo{width:112px}
:root[data-es-brand]{--cta:var(--ever-cta)}
.es-logo.es-logo-failed{display:flex;align-items:center;justify-content:center}
.es-logo.es-logo-failed img{display:none}
.es-logo.es-logo-failed::after{content:attr(aria-label);font:600 16px/1.2 var(--sans,system-ui);color:var(--ink)}

:root[data-es-brand] .side .sitem.on,:root[data-es-brand] .side .sitem.on:hover{background:var(--card2);color:var(--ink);box-shadow:inset 3px 0 var(--brand-orange)}
:root[data-es-brand] .side .sitem.on .sico{background:transparent;color:var(--ink)}
:root[data-es-brand] .btn:not(.ghost):not(.primary):not(.go):not(.schpostnow):not(.danger){background:var(--action-fill);color:#FFFFFF}
:root[data-es-brand] [data-act="metasync"]{background:var(--card);color:var(--ink);border:1px solid var(--line)}
:root[data-es-brand] [data-act="metasync"]:hover{background:var(--card2);filter:none}

/* Navigation artwork is literal and decorative; the adjacent label names the
   destination. Suppress the legacy theme masks rather than layering icons. */
:root[data-es-brand] .side .sitem .sico[data-nav-icon]{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;background:transparent;color:inherit}
:root[data-es-brand] .side .sico[data-nav-icon]::before{display:none}
:root[data-es-brand] .side .sico[data-nav-icon] svg{display:block;flex:none}