.glass-theme-swatch {
    background: linear-gradient(112deg,transparent 60%,#e7d6c94d 60.1%,#f5e7db4d 83%,transparent 83.1%),linear-gradient(24deg,#c5e2d959 35%,transparent 35.1%),linear-gradient(140deg,#e5eff3,#f2f6f8 46%,#e7f0ec);
}
.glass-theme-swatch > span { background: #ffffffa8; border: 1px solid #fff; border-radius: 4px; }

@media screen {
    body[data-theme="glass"] {
        --theme-accent: #1763c4;
        --theme-page: #edf3f5;
        --theme-surface: rgba(255,255,255,.84);
        --theme-surface-soft: #eef5f6;
        --theme-border: #b9cbd2;
        --theme-text: #182e42;
        --theme-muted: #4a6271;
        --glass-line: rgba(255,255,255,.94);
        background: linear-gradient(112deg,transparent 60%,rgba(231,214,201,.3) 60.1%,rgba(245,231,219,.3) 83%,transparent 83.1%),linear-gradient(24deg,rgba(197,226,217,.35) 0%,rgba(197,226,217,.12) 35%,transparent 35.1%),linear-gradient(140deg,#e5eff3 0%,#f2f6f8 46%,#e7f0ec 100%) !important;
        background-attachment: fixed !important;
    }
    body[data-theme="glass"] * { letter-spacing: 0; }
    body[data-theme="glass"] #appHeader {
        background: rgba(255,255,255,.86) !important;
        border-top: 2px solid #56899e;
        border-bottom-color: var(--glass-line);
        box-shadow: 0 1px 0 #fff,0 4px 18px #2d4d5c09;
        -webkit-backdrop-filter: blur(12px);
        backdrop-filter: blur(12px);
    }
    body[data-theme="glass"] #appNavigation {
        background: rgba(247,250,251,.86) !important;
        border-color: var(--glass-line);
        box-shadow: inset -1px 0 0 #ffffff66;
    }
    body[data-theme="glass"] #appNavigation nav { gap: 5px; }
    body[data-theme="glass"] #appNavigation button { border-radius: 6px; min-height: 44px; }
    body[data-theme="glass"] #appNavigation button:not([aria-current="page"]) { background: transparent !important; border-left-color: transparent !important; color: #526676 !important; }
    body[data-theme="glass"] #appNavigation button:not([aria-current="page"]):hover { background: #e9f0f4 !important; color: #214c6d !important; }
    body[data-theme="glass"] #appNavigation button[aria-current="page"] { background: #e1edf6 !important; border-left-color: #357bad !important; color: #21567e !important; box-shadow: inset 0 1px 0 #ffffffb3; }
    body[data-theme="glass"] #appNavigation .nav-icon-tile { width: 32px; height: 32px; background: #e5edf7; color: #36608b; border: 1px solid #d4e1ef; box-shadow: inset 0 1px 0 #ffffffb3; border-radius: 6px; }
    body[data-theme="glass"] #appNavigation :is(.nav-icon-green,.nav-icon-emerald,.nav-icon-teal) { background: #e0eee7; color: #35745b; border-color: #ccdfd4; }
    body[data-theme="glass"] #appNavigation :is(.nav-icon-cyan,.nav-icon-sky) { background: #e1eff2; color: #3a7186; border-color: #cfe1e7; }
    body[data-theme="glass"] #appNavigation :is(.nav-icon-amber,.nav-icon-orange) { background: #f3ead8; color: #926b30; border-color: #e8dcc5; }
    body[data-theme="glass"] #appNavigation :is(.nav-icon-violet,.nav-icon-indigo) { background: #eceaf4; color: #70618f; border-color: #dcd6e9; }
    body[data-theme="glass"] #appNavigation .nav-icon-rose { background: #f4e7e8; color: #9f6065; border-color: #e8d3d6; }
    body[data-theme="glass"] #appNavigation .nav-icon-slate { background: #e7ecef; color: #5c7280; border-color: #d4dfe5; }
    body[data-theme="glass"] #appNavigation .nav-icon-tile svg { width: 18px; height: 18px; stroke-width: 1.8; }
    body[data-theme="glass"] #appNavigation .nav-icon-tile::before { display: none; }
    body[data-theme="glass"] #appMain { background: transparent; }
    body[data-theme="glass"] #appMain .ops-panel,
    body[data-theme="glass"] #appMain :is(div,section,article).bg-white:not(.order-status-row),
    body[data-theme="glass"] #appMain .bg-white\/80 {
        background: var(--theme-surface) !important;
        border-color: var(--glass-line) !important;
        border-radius: 8px;
        box-shadow: inset 0 1px 0 #fff,0 4px 16px #29475906;
    }
    body[data-theme="glass"] #overviewKpis .ops-kpi { position: relative; overflow: hidden; min-height: 100px; padding: 18px 20px; }
    body[data-theme="glass"] #overviewKpis .ops-kpi::before { content: ''; position: absolute; inset: 0 auto 0 0; width: 3px; background: #3178b6; }
    body[data-theme="glass"] #overviewKpis .ops-kpi:nth-child(2)::before { background: #b48430; }
    body[data-theme="glass"] #overviewKpis .ops-kpi:nth-child(3)::before { background: #39876c; }
    body[data-theme="glass"] #overviewKpis .ops-kpi:nth-child(4)::before { background: #bd6264; }
    body[data-theme="glass"] .ops-kpi-icon { border-radius: 8px; box-shadow: inset 0 1px 0 #ffffffb3; }
    body[data-theme="glass"] .ops-kpi-value { color: #1e405a; font-size: 28px; font-variant-numeric: tabular-nums; line-height: 1.15; }
    body[data-theme="glass"] .ops-page-title { color: #193f61; }
    body[data-theme="glass"] .ops-action-row { border-top-color: #d4e0e899; padding-top: 13px; padding-bottom: 13px; }
    body[data-theme="glass"] .ops-action-row > div { min-width: 0; }
    body[data-theme="glass"] .ops-action-button:not(.ops-action-button-danger) { background: linear-gradient(#fffffff5,#f3f7fae6); border-color: #b1c4d0; color: #28516d; box-shadow: inset 0 1px 0 #fff,0 1px 2px #183e5606; }
    body[data-theme="glass"] .ops-action-button:not(.ops-action-button-danger):hover { background: #e4eff7; }
    body[data-theme="glass"] .ops-data-table th { background: #edf3f5; border-color: #d1dfe5; color: #425b6a; padding-top: 11px; padding-bottom: 11px; }
    body[data-theme="glass"] .ops-data-table td { border-color: #d5e0e6; padding-top: 11px; padding-bottom: 11px; }
    body[data-theme="glass"] .ops-data-table tbody tr:hover { background: #e7f0f580; }
    body[data-theme="glass"] .overview-chart { border-color: #b7cbd3; background: linear-gradient(to bottom,transparent 32.5%,#d1dfe780 33%,transparent 33.5%,transparent 65.5%,#d1dfe780 66%,transparent 66.5%); }
    body[data-theme="glass"] .overview-chart-bar { background: linear-gradient(to top,#78b7b1,#b0d9cf); border-color: #6caaa4; border-radius: 3px 3px 0 0; box-shadow: inset 0 1px 0 #ffffff80; }
    body[data-theme="glass"] .overview-chart-column:is(:hover,:focus-visible) .overview-chart-bar { background: #579d99; border-color: #327b78; }
    body[data-theme="glass"] .overview-chart-label { color: #526b7a; font-weight: 500; }
    body[data-theme="glass"] .overview-chart-viewport:focus-visible { outline: 2px solid #1763c4; outline-offset: 4px; }
    body[data-theme="glass"] #appMain input,
    body[data-theme="glass"] #appMain select,
    body[data-theme="glass"] #appMain textarea { background-color: #fffffff2; border-color: #a9becb; border-radius: 6px; }
    body[data-theme="glass"] #appMain .text-slate-400 { color: #617786; }
    body[data-theme="glass"] #appMain .text-slate-500 { color: #4c6373; }
    body[data-theme="glass"] #settingsModalContainer { background: #f1f6f7; border-color: #fff; border-radius: 8px; }
    body[data-theme="glass"] #settingsModalContainer > div:first-child { background: #e9f1f3; }
    body[data-theme="glass"] footer { background: #f0f6f7d9; border-color: var(--glass-line); }
    body[data-theme="glass"] button:focus-visible,
    body[data-theme="glass"] a:focus-visible { outline: 2px solid #1763c4; outline-offset: 3px; }
}
@media screen and (max-width: 1100px) {
    body[data-theme="glass"] .ops-action-row { grid-template-columns: 34px minmax(0,1fr) minmax(78px,auto); gap: 8px 12px; }
    body[data-theme="glass"] .ops-action-row > :nth-child(4) { display: inline-flex !important; grid-column: 2 / -1; justify-self: start; margin-top: 3px; }
    body[data-theme="glass"] .ops-action-row > :last-child { display: none; }
    body[data-theme="glass"] .ops-action-row > strong { text-align: right; font-size: 12px; max-width: 115px; }
}
@media screen and (max-width: 700px) {
    body[data-theme="glass"] .overview-chart-viewport { overflow-x: auto; padding-bottom: 28px; }
    body[data-theme="glass"] .overview-chart-viewport .overview-chart { min-width: 520px; }
    body[data-theme="glass"] .overview-chart-panel { padding-bottom: 12px; }
    body[data-theme="glass"] #overviewKpis .ops-kpi { min-height: 90px; padding: 14px 16px; }
    body[data-theme="glass"] #appNavigation { background: #f3f7f9 !important; box-shadow: 8px 0 24px #29475914; }
}
@media screen and (prefers-reduced-transparency: reduce) {
    body[data-theme="glass"] { --theme-surface: #f7fafb; }
    body[data-theme="glass"] #appHeader,
    body[data-theme="glass"] #appNavigation { background: #f1f6f7 !important; -webkit-backdrop-filter: none; backdrop-filter: none; }
}
@media screen and (prefers-reduced-motion: reduce) { body[data-theme="glass"], body[data-theme="glass"] * { transition: none; scroll-behavior: auto; } }
@supports not (backdrop-filter: blur(1px)) { @media screen { body[data-theme="glass"] #appHeader { background: #f1f6f7 !important; } } }