/* uc-banner: dismissible status banner. Consumes ONLY --uc-* tokens, so it themes (light-dark) and brands (brand layer) automatically. Dismiss: the inline script adds .uc-banner-off to and sets --uc-banner-h:0 (apps that offset fixed panels by the banner height collapse cleanly). */ .uc-banner{display:flex;align-items:center;gap:10px;box-sizing:border-box;height:var(--uc-banner-h,34px);padding:7px 16px;background:var(--uc-surface-2);color:var(--uc-text);border-bottom:1px solid var(--uc-border);font:500 12.5px/1.3 var(--uc-font, ui-sans-serif, system-ui, sans-serif)} html.uc-banner-off .uc-banner,.uc-banner.is-off{display:none} .uc-banner-msg{flex:1 1 auto;text-align:center;min-width:0} .uc-banner strong{flex:0 0 auto;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 7px;border-radius:4px;background:var(--uc-accent);color:var(--uc-accent-contrast);margin-right:4px} .uc-banner-close{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:0;border-radius:5px;background:transparent;color:var(--uc-text);font-size:15px;line-height:1;cursor:pointer;padding:0;opacity:.65} .uc-banner-close:hover{opacity:1}