/* Shared visuals for classic and top navigation; hosted storefronts remain opt-in. */
html.ceo-glass {
    --cg-bg: #f3f6fd;
    --cg-surface: #ffffff;
    --cg-soft: #f7f9fd;
    --cg-surface-soft: var(--cg-soft);
    --cg-text: #1c2736;
    --cg-muted: #64748a;
    --cg-line: #e2e8f0;
    --cg-blue: #2465bd;
    --cg-primary: var(--cg-blue);
    --cg-primary-fill: #2465bd;
    --cg-blue-soft: #eaf2ff;
    --cg-field-ring: rgba(36, 101, 189, .12);
    --cg-positive: #217950;
    --cg-radius: 24px;
    --cg-shadow: 0 8px 26px rgba(52,72,115,.055);
    --cg-glass: rgba(255,255,255,.56);
    --cg-glass-line: rgba(255,255,255,.66);
    --cg-background: radial-gradient(ellipse at 8% 2%,rgba(132,152,248,.22),transparent 62%),radial-gradient(ellipse at 95% 23%,rgba(116,221,231,.22),transparent 60%),radial-gradient(ellipse at 38% 90%,rgba(175,157,239,.16),transparent 64%);
    --cg-grid: rgba(81,112,168,.028);
    color-scheme: light;
}
html.ceo-glass.cg-dark, html.ceo-glass body.dark, html.ceo-glass body.dark-mode {
    --cg-bg: #101724;
    --cg-surface: #19212d;
    --cg-soft: #212d3c;
    --cg-surface-soft: var(--cg-soft);
    --cg-text: #e7edf5;
    --cg-muted: #a1b0c4;
    --cg-line: #2b3748;
    --cg-blue: #8bbcff;
    --cg-primary: var(--cg-blue);
    --cg-blue-soft: #1b3453;
    --cg-field-ring: rgba(139, 188, 255, .14);
    --cg-positive: #88d5ae;
    --cg-shadow: 0 8px 26px rgba(0,0,0,.13);
    --cg-glass: rgba(28,39,54,.62);
    --cg-glass-line: rgba(199,219,247,.16);
    --cg-background: radial-gradient(ellipse at 8% 2%,rgba(76,102,177,.17),transparent 62%),radial-gradient(ellipse at 95% 23%,rgba(38,126,146,.13),transparent 60%),radial-gradient(ellipse at 38% 90%,rgba(103,71,150,.13),transparent 64%);
    --cg-grid: rgba(150,179,225,.028);
    color-scheme: dark;
}
html.ceo-glass body {
    color: var(--cg-text);
    background-color: var(--cg-bg);
    background-image: linear-gradient(var(--cg-grid) 1px,transparent 1px),linear-gradient(90deg,var(--cg-grid) 1px,transparent 1px),var(--cg-background);
    background-size: 36px 36px,36px 36px,100% 100%,100% 100%,100% 100%;
    background-attachment: fixed;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
    font-size: 14px;
    line-height: 1.55;
}
html.ceo-glass :where(button,input,select,textarea) {font-family:inherit}
/* Text fields use a single restrained ring; other controls retain keyboard outlines. */
html.ceo-glass :where(button, a, input:is([type="checkbox"], [type="radio"], [type="button"], [type="submit"], [type="reset"], [type="image"], [type="range"], [type="file"], [type="color"])):focus-visible {outline:2px solid var(--cg-blue);outline-offset:3px}
html.ceo-glass :where(input:not([type="checkbox"], [type="radio"], [type="button"], [type="submit"], [type="reset"], [type="image"], [type="range"], [type="file"], [type="color"], [type="hidden"]), textarea, select):focus {outline:0;outline-offset:0;border-color:var(--cg-primary);box-shadow:0 0 0 2px var(--cg-field-ring)}
@media(max-width:640px) {html.ceo-glass {--cg-radius:20px}}
@media(prefers-reduced-motion:reduce) {html.ceo-glass * {scroll-behavior:auto!important}}
@media(prefers-reduced-transparency:reduce) {html.ceo-glass {--cg-glass:var(--cg-surface)}}