/* Общие токены panel/admin (:root). Не удалять — остальные стили завязаны на var(). */
/* Shared :root for panel and admin. Do not remove — other panel/admin CSS depend on var(). */

:root {
    /* Borders: merged close values */
    --panel-border: rgba(255, 255, 255, 0.22);
    --panel-border-strong: rgba(255, 255, 255, 0.35);
    --panel-border-subtle: rgba(255, 255, 255, 0.1);
    --panel-border-muted: rgba(255, 255, 255, 0.18);
    --panel-border-divider: rgba(255, 255, 255, 0.2);
    --admin-border: rgba(255, 255, 255, 0.08);
    --admin-border-card: rgba(255, 255, 255, 0.12);
    --admin-border-muted: rgba(255, 255, 255, 0.18);

    /* Backgrounds */
    --panel-bg-body: #000;
    --panel-bg-card: rgba(0, 0, 0, 0.45);
    --panel-bg-input: rgba(0, 0, 0, 0.35);
    --panel-bg-input-hover: rgba(0, 0, 0, 0.5);
    --panel-bg-input-active: rgba(0, 0, 0, 0.6);
    --panel-bg-overlay: rgba(255, 255, 255, 0.06);
    --panel-bg-overlay-strong: rgba(255, 255, 255, 0.04);
    --panel-bg-white: #fff;
    --panel-bg-white-soft: rgba(255, 255, 255, 0.9);
    --admin-bg-body: #0d0d0d;
    --admin-bg-sidebar: #141414;
    --admin-bg-modal: #1a1a1a;
    --admin-bg-card: rgba(8, 8, 10, 0.88);
    --admin-bg-overlay: rgba(0, 0, 0, 0.75);
    --admin-bg-overlay-strong: rgba(0, 0, 0, 0.8);

    /* Text: merged close values */
    --panel-text: #fff;
    --panel-text-primary: rgba(255, 255, 255, 0.9);
    --panel-text-muted: rgba(255, 255, 255, 0.75);
    --panel-text-placeholder: rgba(255, 255, 255, 0.55);
    --panel-text-secondary: rgba(255, 255, 255, 0.6);
    --panel-text-inverse: #000;
    --admin-text: #e0e0e0;
    --admin-text-primary: rgba(255, 255, 255, 0.95);
    --admin-text-muted: rgba(255, 255, 255, 0.7);
    --admin-text-secondary: rgba(255, 255, 255, 0.6);

    /* Message/status: gray text only (no green/red tint) */
    --panel-message-text: rgba(255, 255, 255, 0.88);
    --panel-message-border: rgba(255, 255, 255, 0.18);
    --admin-message-text: rgba(255, 255, 255, 0.88);

    /* Blur: merged close values (18/20 → one, 12/16 → one) */
    --panel-blur-card: 18px;
    --panel-blur-header: 18px;
    --panel-blur-nav: 12px;
    --admin-blur-header: 16px;

    /* Border radius */
    --panel-radius-card: 16px;
    --panel-radius-card-lg: 18px;
    --panel-radius-btn: 12px;
    --panel-radius-input: 12px;
    --panel-radius-sm: 10px;
    --panel-radius-xs: 8px;
    --admin-radius-card: 16px;
    --admin-radius-btn: 10px;
    --admin-radius-input: 8px;

    /* Shadow (card-style) */
    --panel-shadow-card: 0 26px 80px rgba(0, 0, 0, 0.55);
    --admin-shadow-modal: 0 20px 40px rgba(0, 0, 0, 0.4);

    /* Select (panel-level shared tokens) */
    --panel-select-bg: #000;
    --panel-select-text: #fff;
    --panel-select-bg-hover: rgba(255, 255, 255, 0.12);
    --panel-select-text-hover: #fff;
    --panel-select-bg-selected: #fff;
    --panel-select-text-selected: #000;
    --panel-select-bg-disabled: rgba(255, 255, 255, 0.04);
    --panel-select-text-disabled: rgba(255, 255, 255, 0.35);

    /* Zone rating tier colors */
    --zone-rating-s: #b388ff;
    --zone-rating-a: #ffffff;
    --zone-rating-b: #ffffff;
    --zone-rating-c: #888888;
    --zone-rating-d: #888888;
    --zone-rating-f: #888888;
}

/* Zone rating colored text (shared, not admin-only) */
.zone-rating { display: inline; }
.zone-rating--s-tier { color: var(--zone-rating-s); }
.zone-rating--a-tier { color: var(--zone-rating-a); }
.zone-rating--b-tier { color: var(--zone-rating-b); }
.zone-rating--c-tier { color: var(--zone-rating-c); }
.zone-rating--d-tier { color: var(--zone-rating-d); }
.zone-rating--f-tier { color: var(--zone-rating-f); }