/* Public pages use the same compact, persistent appearance controls. */
.appearance-toolbar { position:sticky; top:4px; z-index:900; display:flex; align-items:center; gap:8px; min-height:46px; margin-bottom:12px; background:var(--bg-body); border-bottom:1px solid var(--border-color); }
.appearance-page { margin-right:auto; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:var(--text-secondary); font-size:.8rem; }
.appearance-toolbar .lang-switcher { width:112px !important; height:34px; font-size:.78rem; margin:0 !important; flex-shrink:0; }
.appearance-toolbar .appearance-theme { width:34px; min-width:34px; height:34px; padding:0; display:inline-grid; place-items:center; border-radius:5px; border:1px solid var(--border-color); background:var(--bg-card); color:var(--text-primary); }
@media(min-width:769px) { body:not(.management-layout) .main-content:has(>.appearance-toolbar) { padding-top:4px; } }
@media(max-width:768px) { .appearance-toolbar { top:64px; } .appearance-toolbar .lang-switcher { width:96px !important; } }

/* All public routes share the overview frame, including event/history pages. */
body:not(.management-layout) .content-area,
body:not(.management-layout) .appearance-toolbar,
body:not(.management-layout) .footer-v2 { width:100%; max-width:1320px; min-width:0; }

/* Public appearance stays unobtrusive and aligned with the content frame. */
.appearance-toolbar { min-height:44px; margin-bottom:10px; gap:7px; }
.appearance-page { font-size:.77rem; }
.appearance-toolbar .lang-switcher,.appearance-toolbar .appearance-theme { height:32px; border-color:color-mix(in srgb,var(--border-color) 65%,transparent); box-shadow:none; }
.appearance-toolbar .appearance-theme { width:32px; min-width:32px; }
.appearance-toolbar .lang-switcher:hover,.appearance-toolbar .appearance-theme:hover { border-color:var(--text-secondary); }
.appearance-toolbar .lang-switcher:focus-visible,.appearance-toolbar .appearance-theme:focus-visible { outline:2px solid var(--cs-green); outline-offset:2px; }