.theme-glyph,
.bottom-nav > .dock-cash-link,
.location-health-label,
.location-card-chevron { display: none; }

.theme-options {
    min-width: 0;
    margin: 20px 0 12px;
    padding: 12px;
}
.theme-options legend { padding: 0 6px; font-weight: 750; }
.theme-options-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.theme-option {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 9px;
    min-height: 44px;
    padding: 9px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: var(--panel-2);
    font-size: .9rem;
    font-weight: 700;
    cursor: pointer;
}
.theme-option:has(input:checked) { border-color: var(--brand); box-shadow: 0 0 0 1px var(--brand); }
.theme-option input { appearance: auto; -webkit-appearance: auto; accent-color: var(--brand); margin: 0; }
.theme-sample {
    display: grid;
    grid-column: 1 / -1;
    grid-row: 1;
    gap: 5px;
    height: 44px;
    padding: 8px;
    border: 1px solid var(--sample-border);
    border-radius: 8px;
    background: var(--sample-bg);
}
.theme-sample span { width: 65%; height: 4px; align-self: center; border-radius: 3px; background: var(--sample-accent); }
.theme-sample span + span { width: 40%; opacity: .55; }
.theme-sample-classic { --sample-bg: #edf0f3; --sample-border: #c7cdd6; --sample-accent: #b91c1c; }
.theme-sample-futuristic { --sample-bg: #ffffff; --sample-border: #9abbd1; --sample-accent: #086b86; }

:root[data-theme="futuristic"] {
    color-scheme: light;
    background: var(--bg);
    --bg: #f4f8fc;
    --panel: #ffffff;
    --panel-2: #f0f5fa;
    --surface-light: #ecf3fa;
    --surface-darker: #e6eef6;
    --line: #829bb2;
    --text: #10233b;
    --muted: #465d77;
    --brand: #086b86;
    --brand-d: #075570;
    --accent: #086b86;
    --accent-soft: #e2f4fb;
    --nav: #465d77;
    --nav-active: #086b86;
    --nav-active-b: #075570;
    --ok: #14664f;
    --bad: #a12e51;
    --warning: #804708;
    --navy: #ffffff;
    --navy-2: #f0f5fa;
    --success: var(--ok);
    --danger: var(--bad);
    --on-accent: #ffffff;
    --shadow: #20466f18;
    --futuristic-radius: 14px;
}

[data-theme="futuristic"] body {
    color: var(--text);
    background: radial-gradient(ellipse at 82% 0%, #dceffe 0%, transparent 38rem), var(--bg);
    font-variant-numeric: tabular-nums;
}
[data-theme="futuristic"] a { color: var(--brand); }
[data-theme="futuristic"] :is(h1, h2, h3, h4, .article-title) { color: var(--text); }
[data-theme="futuristic"] h2 { line-height: 1.12; letter-spacing: -.035em; }
[data-theme="futuristic"] .muted { color: var(--muted); }
[data-theme="futuristic"] :is(a, button, input, select, textarea, [tabindex]):focus-visible {
    outline: 2px solid var(--brand);
    outline-offset: 3px;
}

[data-theme="futuristic"] header.safe {
    background: #fbfdfff7;
    border: 0;
    border-bottom: 1px solid #bdd3e4;
    box-shadow: 0 9px 26px #20466f14;
}
[data-theme="futuristic"] .brand-mark { border-radius: 9px; box-shadow: 0 0 0 1px #84bed2; }
[data-theme="futuristic"] header h1 { font-size: 20px; letter-spacing: .025em; }
[data-theme="futuristic"] .brand-lockup small { color: var(--muted); }
[data-theme="futuristic"] .header-status .chip,
[data-theme="futuristic"] .chip {
    border: 1px solid #90abc3;
    background: #edf5fd;
    color: var(--text);
    border-radius: 7px;
}
[data-theme="futuristic"] #chipStatus { color: var(--brand); }

[data-theme="futuristic"] main#app { width: min(1040px, calc(100% - 32px)); padding-top: 22px; }
[data-theme="futuristic"] #app > * { animation: none; }
[data-theme="futuristic"] :is(.card, .dev-item, .device-item, .lav-detail) {
    color: var(--text);
    background: var(--panel);
    border: 1px solid #a9bfd2;
    border-radius: var(--futuristic-radius);
    box-shadow: 0 8px 22px var(--shadow);
}
[data-theme="futuristic"] :is(.card h2, .page-head h2, .card h3) { color: var(--text); }
[data-theme="futuristic"] .card .card { background: var(--panel-2); box-shadow: none; }
[data-theme="futuristic"] .settings-screen { max-width: 740px; margin-inline: auto; }
[data-theme="futuristic"] .settings-screen > h2 { font-size: clamp(1.7rem, 5vw, 2.4rem); margin-top: 0; }
[data-theme="futuristic"] .settings-actions { grid-template-columns: repeat(auto-fit, minmax(135px, 1fr)); gap: 8px; }
[data-theme="futuristic"] .settings-actions .btn { width: 100%; white-space: normal; }
[data-theme="futuristic"] .theme-option { background: var(--panel); }
[data-theme="futuristic"] .theme-option:has(input:checked) { background: var(--accent-soft); }

[data-theme="futuristic"] .btn {
    min-height: 44px;
    box-sizing: border-box;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: #edf5fc;
    color: var(--text);
    box-shadow: none;
    font-weight: 700;
}
[data-theme="futuristic"] .btn.ghost { background: transparent; border-color: var(--line); color: var(--text); }
[data-theme="futuristic"] :is(.btn.primary, .btn.primary:active) {
    border-color: var(--brand);
    background: var(--brand);
    color: var(--on-accent);
    box-shadow: none;
}
[data-theme="futuristic"] .btn.inbox-button {
    width: 100%;
    min-height: 50px;
    border-color: #7db1c5;
    background: #e0f4fb;
    color: #074d66;
}
[data-theme="futuristic"] .btn:disabled { opacity: .55; }
[data-theme="futuristic"] .btn:not(:disabled):hover { border-color: var(--brand); }

[data-theme="futuristic"] :is(.lav-input, input[type="text"], input[type="number"], input[type="email"], input[type="password"], input[type="search"], input[type="time"], select, textarea) {
    color: var(--text);
    background: #ffffff;
    border-color: var(--line);
    border-radius: 10px;
    box-shadow: none;
    font-size: 16px;
}
[data-theme="futuristic"] :is(.lav-input, input, select, textarea):focus { border-color: var(--brand); box-shadow: none; }
[data-theme="futuristic"] :is(input, textarea)::placeholder { color: #506880; opacity: 1; }
[data-theme="futuristic"] .lav-switch .track { background: #7489a0; }
[data-theme="futuristic"] .lav-switch input:checked + .track { background: #08718b; }
[data-theme="futuristic"] .lav-switch input:focus-visible + .track { outline: 2px solid var(--brand); outline-offset: 3px; }

[data-theme="futuristic"] .locations-header {
    padding: clamp(16px, 3vw, 28px);
    border-top: 2px solid var(--brand);
    background:
        radial-gradient(ellipse at 100% 5%, #bfe7ffb3, transparent 56%),
        repeating-linear-gradient(90deg, transparent 0 31px, #257ea615 31px 32px),
        #edf7ff;
}
[data-theme="futuristic"] .locations-header > .row { display: grid; gap: 18px !important; }
[data-theme="futuristic"] .locations-heading h2 { font-size: clamp(2rem, 5vw, 3.15rem); }
[data-theme="futuristic"] .locations-heading .muted { margin-top: 6px; }
[data-theme="futuristic"] .locations-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px !important;
    min-width: 0 !important;
}
[data-theme="futuristic"] .locations-actions .btn { justify-self: stretch; min-width: 0; white-space: normal; }
[data-theme="futuristic"] .locations-actions #devicesTokenStockBtn { grid-column: 1 / -1; }
[data-theme="futuristic"] #locSearchCard { background: #f7fbff; }
[data-theme="futuristic"] .loc-list-row { align-items: stretch; }
[data-theme="futuristic"] .loc-list-row > .device-item {
    display: flex;
    align-items: center;
    min-width: 0;
    min-height: 88px;
    gap: 10px;
    padding: 14px 16px;
    overflow-wrap: anywhere;
}
[data-theme="futuristic"] .loc-list-row > .device-item:hover { outline: 1px solid var(--brand); }
[data-theme="futuristic"] .loc-list-row .device-item > div:first-child { min-width: 0; }
[data-theme="futuristic"] .loc-list-row .device-item > div:first-child > div:first-child { font-size: 1.08rem; }
[data-theme="futuristic"] .loc-list-row .status-dot { display: none; }
[data-theme="futuristic"] .location-card-chevron {
    display: block;
    flex: none;
    color: var(--brand);
    font-size: 1.85rem;
    line-height: 1;
}
[data-theme="futuristic"] .location-health-label {
    display: inline-flex;
    margin-top: 6px;
    color: var(--health-color, var(--muted));
    font-size: .78rem;
    font-weight: 750;
}
[data-theme="futuristic"] .location-health-label::before {
    content: '';
    align-self: center;
    width: 7px;
    height: 7px;
    margin-right: 7px;
    border: 1px solid currentColor;
    border-radius: 50%;
    background: currentColor;
}
[data-theme="futuristic"] .status-stale .location-health-label::before { background: transparent; }
[data-theme="futuristic"] .status-down .location-health-label::before { border-radius: 2px; }

[data-theme="futuristic"] :is(.loc-weather, .loc-weather strong, .loc-weather-range, .loc-weather-tomorrow, .loc-weather-credit) { color: var(--muted); }
[data-theme="futuristic"] .loc-recirculation-warning { background: #fff5e1; border-color: #d4ae74; color: var(--warning); }

[data-theme="futuristic"] .status-up {
    --health-color: var(--ok);
    background: linear-gradient(105deg, #e6f7f1, #ffffff 75%) !important;
    border: 1px solid #94c8b5 !important;
    border-inline-start: 4px solid var(--ok) !important;
    box-shadow: none !important;
    animation: none;
}
[data-theme="futuristic"] .loc-list-row > .status-up:not(.status-down)[data-weather-theme] {
    background: linear-gradient(105deg, #fff, var(--loc-paper) 45%, var(--loc-horizon)) !important;
}
[data-theme="futuristic"] .status-down {
    --health-color: var(--bad);
    background: linear-gradient(105deg, #fff0f3, #ffffff 75%) !important;
    border: 1px solid #d398ac !important;
    border-inline-start: 4px solid var(--bad) !important;
    box-shadow: none !important;
    animation: none;
}
[data-theme="futuristic"] :is(.dev-item, .device-item).status-stale {
    background: #f0f5fa;
    border-color: #8ba2b9;
    border-inline-start-width: 4px;
}
[data-theme="futuristic"] :is(.lav-physical-protection, .lav-selector-off).dev-item {
    --health-color: var(--warning);
    background: linear-gradient(105deg, #fff3df, #f0f5fa 75%) !important;
    border: 1px solid #d3ac72 !important;
    border-inline-start: 4px solid var(--warning) !important;
}
[data-theme="futuristic"] .dev-item.lav-device-paused {
    --health-color: var(--bad);
    background: #fbeef3 !important;
    border: 1px solid #d398ac !important;
    border-inline-start: 4px solid var(--bad) !important;
    color: var(--text) !important;
}
[data-theme="futuristic"] :is(.status-up, .status-down) .status-dot { background: var(--health-color); }
[data-theme="futuristic"] .status-stale .status-dot { background: var(--muted); }
[data-theme="futuristic"] .down-preview {
    background: #fff1f3;
    color: var(--text);
    border: 1px solid #ce9baa;
    animation: none;
}
[data-theme="futuristic"] .down-preview.reading-stale-preview { background: #f5f9ff; border-color: #8ba2b9; }
[data-theme="futuristic"] .down-preview:is(.lav-physical-protection, .lav-selector-off) {
    background: #fff5e1 !important;
    border: 1px solid #d3ac72 !important;
}
[data-theme="futuristic"] .down-preview :is(.title, .meta) { color: var(--text); }
[data-theme="futuristic"] .down-preview.down-preview-all { color: var(--bad); }
[data-theme="futuristic"] :is(.lav-warning, .err, .revenue-warning-text) { color: var(--bad); }
[data-theme="futuristic"] .lav-physical-message { color: var(--warning); }
[data-theme="futuristic"] .lav-reading-stale { color: var(--muted); }

[data-theme="futuristic"] .location-detail-header {
    padding: 14px 0 18px;
    margin-bottom: 14px;
    border-bottom: 1px solid #b3ccdf;
}
[data-theme="futuristic"] .location-detail-header > .row { flex-wrap: wrap; gap: 14px; }
[data-theme="futuristic"] .location-detail-header h2 { font-size: clamp(1.55rem, 4vw, 2.35rem); overflow-wrap: anywhere; }
[data-theme="futuristic"] .device-cards { padding-left: 0 !important; }
[data-theme="futuristic"] .device-cards .grid { gap: 12px !important; }
[data-theme="futuristic"] .device-cards .dev-item { padding: 15px; min-width: 0; }
[data-theme="futuristic"] .device-card-content { min-width: 0; overflow-wrap: anywhere; }
[data-theme="futuristic"] .device-card-title { margin-bottom: 6px; font-size: 1.14rem; }
[data-theme="futuristic"] .lav-device-reading { display: flex; flex-direction: column; gap: 7px; }
[data-theme="futuristic"] .lav-device-reading p { margin: 0; }
[data-theme="futuristic"] .device-reading-meta { order: 2; font-size: .82rem; }
[data-theme="futuristic"] .device-reading-timestamp {
    order: 3;
    border-top: 1px solid #b6cbdd;
    margin-top: 1px;
    padding-top: 7px;
    font-size: .78rem;
}
[data-theme="futuristic"] .device-normal-status { color: var(--ok); font-weight: 700; }
[data-theme="futuristic"] .lav-arrow { background: #e0f3fb; color: var(--brand); }
[data-theme="futuristic"] .lav-arrow span { animation: none; }
[data-theme="futuristic"] .lav-oil-track { background: #a9bfd2; }
[data-theme="futuristic"] .lav-hold-ring { stroke: var(--bad); }

[data-theme="futuristic"] .bottom-nav,
[data-theme="futuristic"] .bottom-nav::before,
[data-theme="futuristic"] .bottom-nav::after {
    background: #faffff !important;
    background-image: none !important;
}
[data-theme="futuristic"] { --dock-bottom: max(10px, env(safe-area-inset-bottom)); }
[data-theme="futuristic"] .bottom-nav {
    left: 50%;
    right: auto;
    bottom: var(--dock-bottom);
    z-index: 1001;
    width: min(358px, calc(100% - 28px));
    height: 64px;
    min-height: 64px;
    box-sizing: border-box;
    padding: 5px 10px;
    transform: translateX(-50%);
    border: 1px solid #9db8cc;
    border-radius: 24px;
    box-shadow: 0 12px 34px #20466f30;
    overflow: visible;
    backdrop-filter: none;
}
[data-theme="futuristic"] .bottom-nav > :is([data-tab="orders"], [data-tab="cart"], .bn-more-toggle) { display: none; }
[data-theme="futuristic"] .bottom-nav > .dock-cash-link { display: flex; }
[data-theme="futuristic"] #revenueNavItem:not(.hidden) ~ .dock-cash-link { display: none; }
[data-theme="futuristic"] #radialToggle { order: 1; }
[data-theme="futuristic"] :is(#revenueNavItem, .dock-cash-link) { order: 2; }
[data-theme="futuristic"] .bn-item {
    color: var(--muted);
    min-height: 50px;
    border: 1px solid transparent;
    border-radius: 11px;
}
[data-theme="futuristic"] :is(.bn-item.active, .bn-more-toggle.menu-open) {
    background: #e1f3fa;
    color: #064f68;
    border-color: #83b6ca;
    box-shadow: none;
}
[data-theme="futuristic"] .bottom-nav .bn-txt { font-size: .69rem; letter-spacing: 0; }
[data-theme="futuristic"] #radialToggle {
    display: flex !important;
    flex: 0 0 72px;
    min-height: 66px;
    margin: -15px 8px 0;
    border: 2px solid #fff;
    border-radius: 20px;
    background: linear-gradient(145deg, #087b95, #075570);
    color: #fff;
    box-shadow: 0 5px 16px #124f6f45;
    touch-action: none;
    user-select: none !important;
    -webkit-user-select: none !important;
    -webkit-touch-callout: none !important;
}
[data-theme="futuristic"] #radialToggle[aria-expanded="true"] { background: #06465f; }
[data-theme="futuristic"] #radialToggle svg {
    width: 25px;
    height: 25px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    pointer-events: none;
}
[data-theme="futuristic"] .theme-glyph {
    display: block;
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}
[data-theme="futuristic"] .classic-glyph { display: none; }
.bottom-nav .bn-device-icon svg.theme-glyph { display: none; }
[data-theme="futuristic"] .bottom-nav .bn-device-icon svg.theme-glyph { display: block; }
[data-theme="futuristic"] .bottom-nav .bn-device-icon svg.classic-glyph { display: none; }
[data-theme="futuristic"] .more-nav-menu { background: #ffffff; border-color: var(--line); box-shadow: 0 16px 28px var(--shadow); }
[data-theme="futuristic"] .more-nav-menu .more-nav-item { color: var(--text); }
[data-theme="futuristic"] .more-nav-menu .more-nav-item:hover { background: #e1f3fa; color: var(--brand); }

.radial-menu[hidden] { display: none; }
.radial-menu { position: fixed; inset: 0; z-index: 1000; }
.radial-backdrop {
    position: absolute;
    inset: 0;
    background: #e8f5ff50;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    touch-action: none;
}
.radial-target-name[hidden], .radial-pointer[hidden] { display: none; }
.radial-target-name {
    position: absolute;
    z-index: 3;
    left: 50%;
    width: min(384px, calc(100% - 32px));
    transform: translateX(-50%);
    box-sizing: border-box;
    padding: 7px 10px;
    border: 1px solid #c9eff9;
    border-radius: 18px;
    background: #084d66;
    color: #fff;
    box-shadow: 0 6px 18px #20466f38;
    font-size: clamp(21px, 7vw, 32px);
    font-weight: 750;
    line-height: 1.1;
    text-align: center;
    pointer-events: none;
}
.radial-pointer {
    position: absolute;
    z-index: 2;
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    transform: translate(-50%, -50%);
    border: 1px solid #6cb5cb;
    border-radius: 50%;
    background: #effbff;
    box-shadow: 0 0 0 4px #69c0d533;
    pointer-events: none;
    transition: left 110ms ease-out, top 110ms ease-out;
}
.radial-pointer svg {
    width: 19px;
    height: 19px;
    fill: #08738e;
    transform: rotate(var(--pointer-angle));
    transition: transform 110ms ease-out;
}
.radial-menu.is-aiming .radial-hint { visibility: hidden; }
@media (prefers-reduced-motion: reduce) {
    .radial-pointer, .radial-pointer svg { transition: none; }
}
.radial-panel { z-index: 1; }
[data-theme="futuristic"] .bottom-nav .bn-item svg.theme-glyph-color,
[data-theme="futuristic"] #radialToggle svg.theme-glyph-color,
.radial-item svg.theme-glyph-color { fill: none; stroke: none; }
.radial-panel {
    position: absolute;
    left: 50%;
    bottom: calc(var(--dock-bottom) + 62px);
    width: min(408px, calc(100% - 8px));
    height: 266px;
    transform: translateX(-50%);
    pointer-events: none;
}
.radial-guide {
    position: absolute;
    inset: 6px 4% 0;
    border: 1px solid #9cbfd2;
    border-radius: 50% 50% 22px 22px / 72% 72% 22px 22px;
    background:
        radial-gradient(ellipse at 50% 104%, transparent 0 41%, #9bc8db66 41.3% 41.8%, transparent 42.1% 63%, #9bc8db77 63.3% 63.8%, transparent 64.1%),
        linear-gradient(180deg, #fff, #e9f7fe);
    box-shadow: 0 12px 28px #20466f40;
}
#radialItems { position: absolute; inset: 0; }
.radial-item {
    position: absolute;
    bottom: var(--wheel-y);
    left: var(--wheel-x);
    width: clamp(58px, 17vw, 72px);
    min-height: 58px;
    box-sizing: border-box;
    transform: translate(-50%, 50%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 3px;
    padding: 5px 2px;
    border: 1px solid #729bb4;
    border-radius: 15px;
    background: #fff;
    color: #163653;
    font-size: clamp(.67rem, 2.9vw, .75rem);
    line-height: 1.12;
    font-weight: 750;
    text-decoration: none;
    text-align: center;
    pointer-events: auto;
    touch-action: manipulation;
    box-shadow: 0 3px 8px #20466f23;
}
[data-theme="futuristic"] .radial-item { color: #163653; }
.radial-item svg {
    display: block;
    width: 23px;
    height: 23px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.radial-item[aria-current="page"] { background: #e5f5fc; border-color: #08718b; }
[data-theme="futuristic"] .radial-item:is(.is-target, :focus-visible) {
    z-index: 1;
    background: #d6f1fc;
    color: #163653;
    border-color: #086b86;
}
.radial-count {
    position: absolute;
    top: -6px;
    right: -5px;
    min-width: 17px;
    padding: 2px 3px;
    border-radius: 20px;
    background: #ac2450;
    color: #fff;
}
.radial-hint {
    position: absolute;
    inset: auto 0 10px;
    margin: 0;
    color: #35536b;
    font-size: .72rem;
    font-weight: 650;
    text-align: center;
}
.radial-menu.is-list .radial-panel { height: auto; }
.radial-menu.is-list .radial-guide { inset: 0; border-radius: 22px; }
.radial-menu.is-list #radialItems {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    padding: 12px;
}
.radial-menu.is-list .radial-item { position: relative; inset: auto; width: 100%; transform: none; }
.radial-menu.is-list .radial-hint { display: none; }
@media (max-height: 405px), (max-width: 300px) {
    .radial-panel { height: auto; }
    .radial-guide { inset: 0; border-radius: 22px; }
    #radialItems { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; padding: 10px; }
    .radial-item { position: relative; inset: auto; width: 100%; transform: none; }
    .radial-hint { display: none; }
}

[data-theme="futuristic"] :is(.lav-table, .article-gallery, .article-gallery-kv, .article-gallery-stage, .article-gallery-qty, .article-gallery-nav, .token-stock-location, .revenue-row) {
    border-color: #90abc3;
    background: #f5f9ff;
    color: var(--text);
}
[data-theme="futuristic"] :is(.wt-location-card, .wt-program-table, .wt-changer-table, .modal) {
    background: var(--panel);
    color: var(--text);
    border-color: #90abc3;
}
[data-theme="futuristic"] :is(.wt-pill, .wt-pill-soft, .wt-program-head, .wt-changer-head) {
    color: var(--text);
    background: #e4eef8;
    border-color: #90abc3;
}
[data-theme="futuristic"] :is(.wt-program-row span, .wt-changer-line span, .wt-eyebrow, .wt-chevron) { color: var(--muted); }
[data-theme="futuristic"] .wt-changer-section .wt-section-title { color: var(--warning); }
[data-theme="futuristic"] .wt-location-card.active { background: var(--accent-soft); border-color: var(--brand); }
[data-theme="futuristic"] .lav-table th { background: #e4eef8; color: var(--text); }
[data-theme="futuristic"] .lav-table tbody tr:hover { background: #e5f2fc; }
[data-theme="futuristic"] :is(.article-gallery-meta, .article-gallery-meta span, .article-gallery-qty span, .article-gallery-counter, .article-gallery-empty) { color: var(--muted); }
[data-theme="futuristic"] .article-gallery-img,
[data-theme="futuristic"] .article-img-wrap { background: #edf4fa; border-radius: 9px; }
[data-theme="futuristic"] :is(.token-delivery-banner, .delivery-request, .card-pending, .revenue-warning) { border-inline-start-color: var(--warning) !important; }
[data-theme="futuristic"] #consumptionBanner { border-inline-start: 3px solid var(--brand); }
[data-theme="futuristic"] #consumptionBanner > div { flex-wrap: wrap; }
[data-theme="futuristic"] :is(.delivery-token-count, .pill-pending, .token-stock-value.is-pending, .token-device-card.is-pending) {
    color: var(--warning);
    background: #fff5e3;
    border-color: #d1ae73;
}
[data-theme="futuristic"] :is(.pill-delivered, .token-stock-value.is-complete, .revenue-row.revenue-paid, .revenue-actual-paid, .card-delivered .user-block) {
    color: var(--ok);
    background: #e5f6ee;
    border-color: #84b8a5;
}
[data-theme="futuristic"] :is(.token-stock-label, .token-stock-number, .revenue-section-summary, .revenue-row-caption, .cash-live-timer-label) { color: var(--text); }
[data-theme="futuristic"] :is(.token-stock-value.is-complete .token-stock-number, .token-device-today.is-done, .revenue-actual-paid strong) { color: var(--ok); }
[data-theme="futuristic"] :is(.token-stock-value.is-pending .token-stock-number, .revenue-carry-adjustment, .revenue-payment-edited) { color: var(--warning); }
[data-theme="futuristic"] .revenue-payment-edited { background: #fff5e3; }
[data-theme="futuristic"] .revenue-row { background: #f0f5fa !important; border-color: #829bb2 !important; color: var(--text) !important; }
[data-theme="futuristic"] .revenue-row.revenue-paid { background: #e5f6ee !important; border-color: #84b8a5 !important; color: var(--text) !important; }
[data-theme="futuristic"] .revenue-row.revenue-paid :is(.revenue-row-caption, .revenue-payment-edited) { color: var(--ok) !important; }
[data-theme="futuristic"] .revenue-row.revenue-paid .revenue-payment-edited { background: #d8eee5; }
[data-theme="futuristic"] :is(.revenue-warning, .revenue-tab.revenue-tab-warning, .revenue-tab.revenue-tab-warning.primary) {
    background: #fff0f3 !important;
    border-color: #d398ac !important;
    color: var(--bad) !important;
    animation: none;
}
[data-theme="futuristic"] .revenue-warning-text { color: var(--bad) !important; }
[data-theme="futuristic"] :is(.revenue-sum, .revenue-adjusted-total) { color: var(--ok); }
[data-theme="futuristic"] .token-device-today.is-waiting { color: var(--bad); }
[data-theme="futuristic"] .cash-live-timer-track { background: #a9bfd2; }
[data-theme="futuristic"] .cash-live-timer-fill { background: var(--ok); }
[data-theme="futuristic"] .cash-live-card {
    --cash-offline-bg: #f0f5fa;
    --cash-offline-color: var(--muted);
    --cash-done-color: var(--ok);
    --cash-reset-color: var(--warning);
    --cash-pending-color: var(--bad);
}
[data-theme="futuristic"] .token-device-card {
    --cash-offline-bg: #f0f5fa;
    --cash-offline-color: var(--muted);
}

@media (min-width: 820px) {
    [data-theme="futuristic"] .locations-header > .row { grid-template-columns: minmax(0, 1fr) minmax(290px, .95fr); }
    [data-theme="futuristic"] .loc-list-many { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 0 12px; }
}
@media (max-width: 540px) {
    [data-theme="futuristic"] .locations-actions .btn { font-size: .84rem; }
    [data-theme="futuristic"] #locSearchCard { padding: 12px; }
    [data-theme="futuristic"] .loc-search-controls { grid-template-columns: minmax(0, 1fr) minmax(0, 135px); gap: 8px; }
    [data-theme="futuristic"] .bottom-nav .bn-txt { font-size: .65rem; }
}
@media (prefers-reduced-motion: reduce) {
    [data-theme="futuristic"] :is(.btn, .bn-item, .lav-switch .track, .lav-switch .knob) { transition: none; }
    [data-theme="futuristic"] :is(.status-dot, .cash-live-pulse-quick, .cash-live-pulse-live) { animation: none; }
}