/* ozv3 — пилот «стекло» (glassmorphism + mesh-градиент) поверх ozv2.
   Действует при html.ozv3: стиль выбирает переключатель владельца (localStorage.ozui)
   или стиль по умолчанию с сервера (web/ui_style.json). */

html.ozv3 {
    --g3-glass: rgba(255, 255, 255, .42);
    --g3-glass-strong: rgba(255, 255, 255, .62);
    --g3-edge: rgba(255, 255, 255, .75);
    --g3-shadow: 0 8px 32px rgba(40, 52, 90, .08), inset 0 1px 0 rgba(255, 255, 255, .85);
    --g3-blur: blur(20px) saturate(150%);
    --g3-ink: #10151f;
    --g3-mut: rgba(16, 21, 31, .62);
    --g3-line: rgba(16, 21, 31, .08);
}

/* ---------- Фон: мягкие цветные пятна ---------- */
html.ozv3 body {
    background:
        radial-gradient(34% 42% at 58% 22%, rgba(255, 210, 40, .85) 0%, rgba(255, 210, 40, 0) 72%),
        radial-gradient(26% 34% at 80% 48%, rgba(255, 150, 70, .55) 0%, rgba(255, 150, 70, 0) 72%),
        radial-gradient(30% 40% at 12% 78%, rgba(90, 150, 255, .50) 0%, rgba(90, 150, 255, 0) 72%),
        radial-gradient(34% 44% at 92% 92%, rgba(110, 215, 175, .45) 0%, rgba(110, 215, 175, 0) 72%),
        radial-gradient(22% 30% at 30% 30%, rgba(190, 160, 255, .35) 0%, rgba(190, 160, 255, 0) 72%),
        linear-gradient(180deg, #edf0f5 0%, #e6eaf1 100%);
    background-attachment: fixed;
    color: var(--g3-ink);
    font-family: Onest, -apple-system, system-ui, sans-serif;
}
html.ozv3 .header h1, html.ozv3 .header p { color: var(--g3-ink); }

/* ===== ozv3 — стекло для всех разделов. Сгенерировано из ozv2-14.css: подложки ozv2 → матовое стекло,
   белые плитки → полупрозрачные, активные сегменты → плотный белый. Ниже — ручные правки Дашборда. ===== */
html.ozv3 {
    --v2-tray: rgba(255, 255, 255, .5);
    --v2-line: rgba(16, 21, 31, .08);
    --v2-mut: rgba(16, 21, 31, .62);
}

html.ozv3 #panel-history, html.ozv3 #panel-archive, html.ozv3 #panel-ozon, html.ozv3 .ff-panel {
    background: var(--g3-glass);
    -webkit-backdrop-filter: var(--g3-blur);
    backdrop-filter: var(--g3-blur);
    border: 1px solid var(--g3-edge);
    box-shadow: var(--g3-shadow);
}
html.ozv3 #panel-history .ozon-panel-toolbar, html.ozv3 #panel-archive .ozon-panel-toolbar, html.ozv3 #panel-ozon .ozon-panel-toolbar { background: rgba(255, 255, 255, .6); border-color: rgba(255, 255, 255, .8); }
html.ozv3 #panel-history .ozon-table-wrap, html.ozv3 #panel-archive .ozon-table-wrap, html.ozv3 #panel-ozon .ozon-table-wrap { background: rgba(255, 255, 255, .6); border-color: rgba(255, 255, 255, .8); }
html.ozv3 #panel-history .ozon-search-wrap, html.ozv3 #panel-archive .ozon-search-wrap, html.ozv3 #panel-ozon .ozon-search-wrap { border: 1px solid rgba(16, 21, 31, .08); }
html.ozv3 #panel-history .ozon-date-filter-input, html.ozv3 #panel-archive .ozon-date-filter-input, html.ozv3 #panel-ozon .ozon-date-filter-input, html.ozv3 .ff-page .ff-input { border: 1px solid rgba(16, 21, 31, .08); }
html.ozv3 #panel-history .ozon-date-filter-input:focus, html.ozv3 #panel-archive .ozon-date-filter-input:focus, html.ozv3 #panel-ozon .ozon-date-filter-input:focus, html.ozv3 .ff-page .ff-input:focus { background: rgba(255, 255, 255, .6); border-color: rgba(255, 255, 255, .8); }
html.ozv3 #panel-history .ozon-orders-table th, html.ozv3 #panel-archive .ozon-orders-table th, html.ozv3 #panel-ozon .ozon-orders-table th, html.ozv3 .ff-page .ff-table th { background: transparent; }
html.ozv3 .history-selected-count { border: 1px solid rgba(16, 21, 31, .08); }
html.ozv3 .ff-defaults, html.ozv3 .ff-product-search, html.ozv3 .ff-toolbar, html.ozv3 .ff-table-wrap, html.ozv3 .ff-vyvoz, html.ozv3 .ff-boxes-step, html.ozv3 .ff-shipping-upload, html.ozv3 .ff-hint-row { background: rgba(255, 255, 255, .6) !important; border-color: rgba(255, 255, 255, .8); }
html.ozv3 .ff-shipping-dropzone, html.ozv3 #ff-vyvoz-dropzone { border: 1px solid rgba(16, 21, 31, .08) !important; }
html.ozv3 #panel-products {
    background: var(--g3-glass);
    -webkit-backdrop-filter: var(--g3-blur);
    backdrop-filter: var(--g3-blur);
    border: 1px solid var(--g3-edge);
    box-shadow: var(--g3-shadow);
}
html.ozv3 #panel-products .products-subtabs { background: rgba(255, 255, 255, .6); border-color: rgba(255, 255, 255, .8); }
html.ozv3 #panel-products .ozon-panel-toolbar, html.ozv3 #panel-products .ozon-table-wrap, html.ozv3 #panel-products .products-pane > .oz-card { background: rgba(255, 255, 255, .6); border-color: rgba(255, 255, 255, .8); }
html.ozv3 #panel-products .ozon-search-wrap { border: 1px solid rgba(16, 21, 31, .08); }
html.ozv3 #panel-products .products-filter-select, html.ozv3 #panel-products input:not([type=checkbox]):not([type=radio]) { border: 1px solid rgba(16, 21, 31, .08); }
html.ozv3 #panel-products .ozon-orders-table th { background: transparent; }
html.ozv3 .need-calc-mode-tabs {
    background: var(--g3-glass);
    -webkit-backdrop-filter: var(--g3-blur);
    backdrop-filter: var(--g3-blur);
    border: 1px solid var(--g3-edge);
    box-shadow: var(--g3-shadow);
}
html.ozv3 .need-calc-mode-tab.active { background: rgba(255, 255, 255, .6); border-color: rgba(255, 255, 255, .8); }
html.ozv3 .need-calc-block { background: rgba(255, 255, 255, .6); border-color: rgba(255, 255, 255, .8); }
html.ozv3 .need-calc-page input[type="number"], html.ozv3 .need-calc-page input[type="text"], html.ozv3 .need-calc-page input[type="date"], html.ozv3 .need-calc-page select, html.ozv3 .need-calc-page textarea, html.ozv3 .need-calc-file { border: 1px solid rgba(16, 21, 31, .08); }
html.ozv3 .need-calc-page input:focus, html.ozv3 .need-calc-page select:focus, html.ozv3 .need-calc-page textarea:focus { background: rgba(255, 255, 255, .6); border-color: rgba(255, 255, 255, .8); }
html.ozv3 .need-calc-option-panel { background: rgba(255, 255, 255, .6); border-color: rgba(255, 255, 255, .8); }
html.ozv3 .need-calc-page th { background: transparent; }
html.ozv3 #panel-analytics-copyshield {
    background: var(--g3-glass);
    -webkit-backdrop-filter: var(--g3-blur);
    backdrop-filter: var(--g3-blur);
    border: 1px solid var(--g3-edge);
    box-shadow: var(--g3-shadow);
}
html.ozv3 #panel-analytics-copyshield > div:not([id]):first-of-type { background: rgba(255, 255, 255, .6); border-color: rgba(255, 255, 255, .8); }
html.ozv3 #panel-analytics-copyshield #cs-content > .oz-card, html.ozv3 #panel-analytics-copyshield > #cs-locked, html.ozv3 #panel-analytics-copyshield #cs-content > div:not(.oz-card):not([style*="display:none"]) { background: rgba(255, 255, 255, .6); border-color: rgba(255, 255, 255, .8); }
html.ozv3 #panel-analytics-copyshield .cs-grid {
    background: var(--g3-glass);
    -webkit-backdrop-filter: var(--g3-blur);
    backdrop-filter: var(--g3-blur);
    border: 1px solid var(--g3-edge);
    box-shadow: var(--g3-shadow);
}
html.ozv3 #panel-analytics-copyshield table.cs-tbl th { background: transparent; }
html.ozv3 #panel-analytics-copyshield input:not([type=checkbox]):not([type=radio]):not([type=file]), html.ozv3 #panel-analytics-copyshield select, html.ozv3 #panel-analytics-copyshield textarea { border: 1px solid rgba(16, 21, 31, .08) !important; }
html.ozv3 #panel-analytics-copyshield input:focus, html.ozv3 #panel-analytics-copyshield select:focus, html.ozv3 #panel-analytics-copyshield textarea:focus { background: rgba(255, 255, 255, .6) !important; border-color: rgba(255, 255, 255, .8); }
html.ozv3 #panel-analytics-copyshield #cs-dropzone { border: 1px solid rgba(16, 21, 31, .08) !important; }
html.ozv3 #panel-labels {
    background: var(--g3-glass);
    -webkit-backdrop-filter: var(--g3-blur);
    backdrop-filter: var(--g3-blur);
    border: 1px solid var(--g3-edge);
    box-shadow: var(--g3-shadow);
}
html.ozv3 #panel-labels .lbl-subtabs { background: rgba(255, 255, 255, .6); border-color: rgba(255, 255, 255, .8); }
html.ozv3 #panel-labels .lbl-input, html.ozv3 #panel-labels input:not([type=checkbox]):not([type=radio]):not([type=file]), html.ozv3 #panel-labels select, html.ozv3 #panel-labels textarea { border: 1px solid rgba(16, 21, 31, .08); }
html.ozv3 #panel-labels input:focus, html.ozv3 #panel-labels select:focus, html.ozv3 #panel-labels textarea:focus { background: rgba(255, 255, 255, .6); border-color: rgba(255, 255, 255, .8); }
html.ozv3 #panel-labels .lbl-dropzone { border: 1px solid rgba(16, 21, 31, .08); }
html.ozv3 #panel-labels .labels-template-card.selected, html.ozv3 #panel-labels .labels-template-card.is-active, html.ozv3 #panel-labels .labels-template-card.active { background: rgba(255, 255, 255, .6); border-color: rgba(255, 255, 255, .8); }
html.ozv3 #panel-labels th { background: transparent; }
html.ozv3 #stub-content:has(button[onclick^="handlePayment"]) > div > div {
    background: var(--g3-glass);
    -webkit-backdrop-filter: var(--g3-blur);
    backdrop-filter: var(--g3-blur);
    border: 1px solid var(--g3-edge);
    box-shadow: var(--g3-shadow);
}
html.ozv3 #panel-shopsettings:has(#shopsettings-booking-wrap:not([style*="none"])) {
    background: var(--g3-glass);
    -webkit-backdrop-filter: var(--g3-blur);
    backdrop-filter: var(--g3-blur);
    border: 1px solid var(--g3-edge);
    box-shadow: var(--g3-shadow);
}
html.ozv3 #panel-shopsettings:has(#shopsettings-booking-wrap:not([style*="none"])) #panel-shopsettings-title { background: rgba(255, 255, 255, .6); border-color: rgba(255, 255, 255, .8); }
html.ozv3 #shopsettings-booking-content > div { background: rgba(255, 255, 255, .6); border-color: rgba(255, 255, 255, .8); }
html.ozv3 #shopsettings-booking-content input:not([type=checkbox]):not([type=radio]), html.ozv3 #shopsettings-booking-content select { border: 1px solid rgba(16, 21, 31, .08) !important; }
html.ozv3 #page-stub:has(.doc-accordion-wrap, .news-layout, .feedback-page, #withdrawal-points-input, a[href="https://t.me/denikaev"]) {
    background: var(--g3-glass);
    -webkit-backdrop-filter: var(--g3-blur);
    backdrop-filter: var(--g3-blur);
    border: 1px solid var(--g3-edge);
    box-shadow: var(--g3-shadow);
}
html.ozv3 #page-stub:has(.doc-accordion-wrap, .news-layout, .feedback-page, #withdrawal-points-input, a[href="https://t.me/denikaev"]) #stub-title { background: rgba(255, 255, 255, .6); border-color: rgba(255, 255, 255, .8); }
html.ozv3 .doc-accordion-wrap > p { background: rgba(255, 255, 255, .6); border-color: rgba(255, 255, 255, .8); }
html.ozv3 .doc-accordion-item { background: rgba(255, 255, 255, .6); border-color: rgba(255, 255, 255, .8); }
html.ozv3 .news-sidebar { background: rgba(255, 255, 255, .6); border-color: rgba(255, 255, 255, .8); }
html.ozv3 .news-main > div:first-child { background: rgba(255, 255, 255, .6) !important; border-color: rgba(255, 255, 255, .8); }
html.ozv3 .feedback-hero, html.ozv3 .feedback-form { background: rgba(255, 255, 255, .6); border-color: rgba(255, 255, 255, .8); }
html.ozv3 .feedback-input, html.ozv3 .feedback-select, html.ozv3 .feedback-textarea { border: 1px solid rgba(16, 21, 31, .08); }
html.ozv3 .feedback-input:focus, html.ozv3 .feedback-select:focus, html.ozv3 .feedback-textarea:focus { background: rgba(255, 255, 255, .6); border-color: rgba(255, 255, 255, .8); }
html.ozv3 .feedback-file-row { background: rgba(255, 255, 255, .6); border-color: rgba(255, 255, 255, .8); }
html.ozv3 #stub-content > div:has(> a[href="https://t.me/denikaev"]) { background: rgba(255, 255, 255, .6) !important; border-color: rgba(255, 255, 255, .8); }
html.ozv3 #stub-content > div:has(#withdrawal-points-input) > div { background: rgba(255, 255, 255, .6) !important; border-color: rgba(255, 255, 255, .8); }
html.ozv3 #stub-content > div:has(#withdrawal-points-input) div[style*="grid-template-columns"] {
    background: var(--g3-glass);
    -webkit-backdrop-filter: var(--g3-blur);
    backdrop-filter: var(--g3-blur);
    border: 1px solid var(--g3-edge);
    box-shadow: var(--g3-shadow);
}
html.ozv3 #stub-content > div:has(#withdrawal-points-input) input:not([type=checkbox]) { border: 1px solid rgba(16, 21, 31, .08) !important; }
html.ozv3 #main-tabs, html.ozv3 .sub-tabs:not(.hidden) {
    background: var(--g3-glass);
    -webkit-backdrop-filter: var(--g3-blur);
    backdrop-filter: var(--g3-blur);
    border: 1px solid var(--g3-edge);
    box-shadow: var(--g3-shadow);
}
html.ozv3 .main-tab.active, html.ozv3 .sub-tab.active { background: rgba(255, 255, 255, .6); border-color: rgba(255, 255, 255, .8); }
html.ozv3 #page-stub:has(.ff-page, .need-calc-page) {
    background: var(--g3-glass);
    -webkit-backdrop-filter: var(--g3-blur);
    backdrop-filter: var(--g3-blur);
    border: 1px solid var(--g3-edge);
    box-shadow: var(--g3-shadow);
}
html.ozv3 #page-stub:has(.ff-page, .need-calc-page) #stub-title { background: rgba(255, 255, 255, .6); border-color: rgba(255, 255, 255, .8); }
html.ozv3 #page-stub .ff-hero, html.ozv3 #page-stub .need-calc-head { background: rgba(255, 255, 255, .6); border-color: rgba(255, 255, 255, .8); }
html.ozv3 #page-stub .need-calc-mode-tabs { background: rgba(255, 255, 255, .6); border-color: rgba(255, 255, 255, .8); }
html.ozv3 #page-stub .need-calc-mode-tab.active { background: rgba(255, 255, 255, .95); box-shadow: 0 2px 8px rgba(40, 52, 90, .1); }
html.ozv3 .ff-tabs, html.ozv3 #panel-products .products-subtabs, html.ozv3 #panel-labels .lbl-subtabs { background: rgba(255, 255, 255, .6); border-color: rgba(255, 255, 255, .8); }
html.ozv3 .ff-tab.active, html.ozv3 #panel-products .oz-tab.is-active, html.ozv3 #panel-labels .lbl-subtab.is-active { background: rgba(255, 255, 255, .95); box-shadow: 0 2px 8px rgba(40, 52, 90, .1); }
html.ozv3 #page-stub:has(button[onclick^="handlePayment"]) {
    background: var(--g3-glass);
    -webkit-backdrop-filter: var(--g3-blur);
    backdrop-filter: var(--g3-blur);
    border: 1px solid var(--g3-edge);
    box-shadow: var(--g3-shadow);
}
html.ozv3 #page-stub:has(button[onclick^="handlePayment"]) #stub-title { background: rgba(255, 255, 255, .6); border-color: rgba(255, 255, 255, .8); }
html.ozv3 #ff-skus-block textarea { border: 1px solid rgba(16, 21, 31, .08) !important; }
html.ozv3 #ff-skus-results > div[style*="border:1px solid"] {
    background: var(--g3-glass);
    -webkit-backdrop-filter: var(--g3-blur);
    backdrop-filter: var(--g3-blur);
    border: 1px solid var(--g3-edge);
    box-shadow: var(--g3-shadow);
}
html.ozv3 #ff-skus-results table { background: rgba(255, 255, 255, .6); border-color: rgba(255, 255, 255, .8); }
html.ozv3 #ff-skus-block .ffsk-bar { background: rgba(255, 255, 255, .6); border-color: rgba(255, 255, 255, .8); }
html.ozv3 #ff-skus-block .ffsk-tiles > div { background: rgba(255, 255, 255, .6) !important; border-color: rgba(255, 255, 255, .8); }
html.ozv3 #ff-skus-block .ffsk-row { background: rgba(255, 255, 255, .6); border-color: rgba(255, 255, 255, .8); }
html.ozv3 #panel-discount-requests {
    background: var(--g3-glass);
    -webkit-backdrop-filter: var(--g3-blur);
    backdrop-filter: var(--g3-blur);
    border: 1px solid var(--g3-edge);
    box-shadow: var(--g3-shadow);
}
html.ozv3 #panel-discount-requests .dr-page > h2 { background: rgba(255, 255, 255, .6); border-color: rgba(255, 255, 255, .8); }
html.ozv3 #panel-discount-requests .dr-sub { background: rgba(255, 255, 255, .6); border-color: rgba(255, 255, 255, .8); }
html.ozv3 #panel-discount-requests .dr-tabs { background: rgba(255, 255, 255, .6); border-color: rgba(255, 255, 255, .8); }
html.ozv3 #panel-discount-requests .dr-tabs .oz-tab.is-active { background: rgba(255, 255, 255, .95); box-shadow: 0 2px 8px rgba(40, 52, 90, .1); }
html.ozv3 #panel-discount-requests #dr-view-list { background: rgba(255, 255, 255, .6); border-color: rgba(255, 255, 255, .8); }
html.ozv3 #panel-discount-requests input:not([type=checkbox]):not([type=radio]), html.ozv3 #panel-discount-requests select, html.ozv3 #panel-discount-requests textarea { border: 1px solid rgba(16, 21, 31, .08); }
html.ozv3 #panel-discount-requests .dr-bulk input:not([type=checkbox]) { background: rgba(255, 255, 255, .6); border-color: rgba(255, 255, 255, .8); }
html.ozv3 #panel-discount-requests input:focus, html.ozv3 #panel-discount-requests select:focus, html.ozv3 #panel-discount-requests textarea:focus { background: rgba(255, 255, 255, .6); border-color: rgba(255, 255, 255, .8); }
html.ozv3 #panel-discount-requests th { background: transparent; }
html.ozv3 #panel-analytics-plan-fact #pf-tabs {
    background: var(--g3-glass);
    -webkit-backdrop-filter: var(--g3-blur);
    backdrop-filter: var(--g3-blur);
    border: 1px solid var(--g3-edge);
    box-shadow: var(--g3-shadow);
}
html.ozv3 #panel-analytics-plan-fact #pf-tabs .oz-tab.is-active { background: rgba(255, 255, 255, .6); border-color: rgba(255, 255, 255, .8); }
html.ozv3 #pp-root .pp-wrap {
    background: var(--g3-glass);
    -webkit-backdrop-filter: var(--g3-blur);
    backdrop-filter: var(--g3-blur);
    border: 1px solid var(--g3-edge);
    box-shadow: var(--g3-shadow);
}
html.ozv3 #pp-root input:not([type=checkbox]):not([type=radio]), html.ozv3 #pp-root select { border: 1px solid rgba(16, 21, 31, .08); }
html.ozv3 #pp-root input:focus, html.ozv3 #pp-root select:focus { background: rgba(255, 255, 255, .6); border-color: rgba(255, 255, 255, .8); }
html.ozv3 .pp-seg button.on { background: rgba(255, 255, 255, .6); border-color: rgba(255, 255, 255, .8); }
html.ozv3 #pp-root table.pp-table th { background: transparent; }
html.ozv3 .pp-modal input:not([type=checkbox]):not([type=radio]), html.ozv3 .pp-modal select { border: 1px solid rgba(16, 21, 31, .08); }

/* ---------- Стеклянные поверхности ---------- */
html.ozv3 .sidebar,
html.ozv3 .top-nav,
html.ozv3 .account-info,
html.ozv3 .favorites-dropoffs-info,
html.ozv3 .drivers-info,
html.ozv3 .user-info,
html.ozv3 #panel-history, html.ozv3 #panel-archive, html.ozv3 #panel-ozon,
html.ozv3 #dashboard-mode-plaque {
    background: var(--g3-glass);
    -webkit-backdrop-filter: var(--g3-blur);
    backdrop-filter: var(--g3-blur);
    border: 1px solid var(--g3-edge);
    border-radius: 24px;
    box-shadow: var(--g3-shadow);
}
html.ozv3 .account-info, html.ozv3 .favorites-dropoffs-info,
html.ozv3 .drivers-info, html.ozv3 .user-info { padding: 20px 24px; }
html.ozv3 .favorites-dropoffs-info:hover, html.ozv3 .drivers-info:hover {
    background: var(--g3-glass-strong);
    transform: translateY(-2px);
}
html.ozv3 .account-info h2, html.ozv3 .favorites-dropoffs-info h2,
html.ozv3 .drivers-info h2, html.ozv3 .user-info h2 { font-weight: 500; letter-spacing: -.01em; color: var(--g3-ink); }

/* меню слева */
html.ozv3 .sidebar-item { color: var(--g3-mut); border-radius: 12px; }
html.ozv3 .sidebar-item:hover { background: rgba(255, 255, 255, .55); color: var(--g3-ink); }
html.ozv3 .sidebar-item.active {
    background: rgba(255, 255, 255, .85);
    color: var(--g3-ink);
    box-shadow: 0 1px 2px rgba(40, 52, 90, .08);
}

/* селектор магазина */
html.ozv3 .selector-button {
    background: rgba(255, 255, 255, .7);
    border: 1px solid var(--g3-edge);
    border-radius: 16px;
}

/* ---------- Кнопки действий: стеклянные «пилюли» с цветной точкой ---------- */
html.ozv3 .dashboard-action-btn {
    background: var(--g3-glass-strong);
    -webkit-backdrop-filter: var(--g3-blur);
    backdrop-filter: var(--g3-blur);
    border: 1px solid var(--g3-edge);
    border-radius: 999px;
    color: var(--g3-ink);
    font-weight: 500;
    box-shadow: var(--g3-shadow);
}
html.ozv3 .dashboard-action-btn:hover { background: #fff; transform: translateY(-1px); box-shadow: 0 10px 30px rgba(40, 52, 90, .12); }
/* массовое бронирование — главный акцент: жёлтая пилюля, как «Launch Demo» */
html.ozv3 .dashboard-action-btn-mass { background: #ffe94d; border-color: #ffe94d; }
html.ozv3 .dashboard-action-btn-mass:hover { background: #ffe229; }
html.ozv3 .logout-btn {
    background: rgba(223, 32, 89, .1);
    color: #c0164a;
    border-radius: 999px;
    box-shadow: none;
}

/* ---------- Табы: стеклянная дорожка ---------- */
html.ozv3 #main-tabs, html.ozv3 .sub-tabs:not(.hidden) {
    background: var(--g3-glass);
    -webkit-backdrop-filter: var(--g3-blur);
    backdrop-filter: var(--g3-blur);
    border: 1px solid var(--g3-edge);
    border-radius: 999px;
    box-shadow: var(--g3-shadow);
}
html.ozv3 .main-tab, html.ozv3 .sub-tab { border-radius: 999px; color: var(--g3-mut); }
html.ozv3 .main-tab.active, html.ozv3 .sub-tab.active {
    background: rgba(255, 255, 255, .92);
    color: var(--g3-ink);
    box-shadow: 0 2px 8px rgba(40, 52, 90, .1);
}

/* ---------- Панели истории / заявок ---------- */
html.ozv3 #dashboard-mode-plaque { color: var(--g3-mut); }
html.ozv3 #panel-history .ozon-panel-toolbar, html.ozv3 #panel-archive .ozon-panel-toolbar,
html.ozv3 #panel-ozon .ozon-panel-toolbar,
html.ozv3 #panel-history .ozon-table-wrap, html.ozv3 #panel-archive .ozon-table-wrap,
html.ozv3 #panel-ozon .ozon-table-wrap {
    background: rgba(255, 255, 255, .6);
    border: 1px solid rgba(255, 255, 255, .8);
    border-radius: 20px;
}
html.ozv3 #panel-history .ozon-search-wrap, html.ozv3 #panel-archive .ozon-search-wrap,
html.ozv3 #panel-ozon .ozon-search-wrap,
html.ozv3 #panel-history .ozon-date-filter-input, html.ozv3 #panel-archive .ozon-date-filter-input,
html.ozv3 #panel-ozon .ozon-date-filter-input {
    background: rgba(255, 255, 255, .75);
    border: 1px solid var(--g3-edge);
    border-radius: 999px;
}
html.ozv3 #panel-history .ozon-orders-table th, html.ozv3 #panel-archive .ozon-orders-table th,
html.ozv3 #panel-ozon .ozon-orders-table th {
    background: transparent;
    color: var(--g3-mut);
    box-shadow: inset 0 -1px 0 var(--g3-line);
}
html.ozv3 #panel-history .ozon-orders-table td, html.ozv3 #panel-archive .ozon-orders-table td,
html.ozv3 #panel-ozon .ozon-orders-table td { box-shadow: inset 0 -1px 0 var(--g3-line); }
html.ozv3 #panel-history .ozon-orders-table tbody tr:hover td, html.ozv3 #panel-archive .ozon-orders-table tbody tr:hover td,
html.ozv3 #panel-ozon .ozon-orders-table tbody tr:hover td { background: rgba(255, 255, 255, .7); }
html.ozv3 #panel-ozon .ozon-orders-table tbody tr.ozon-order-row-expiry-warning td:first-child {
    box-shadow: inset 4px 0 0 #dc2626, inset 0 -1px 0 var(--g3-line);
}
html.ozv3 #panel-history .oz-btn, html.ozv3 #panel-ozon .oz-btn,
html.ozv3 #panel-history .ozon-btn-delete, html.ozv3 #panel-ozon .ozon-btn-delete { border-radius: 999px; }

/* без поддержки backdrop-filter — плотнее, чтобы текст читался */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    html.ozv3 { --g3-glass: rgba(255, 255, 255, .88); --g3-glass-strong: rgba(255, 255, 255, .95); }
}

/* Кнопки действий — мягкие оттенки исходных цветов (зелёный/фиолетовый), стекло */
html.ozv3 .dashboard-action-btn-auto {
    background: linear-gradient(135deg, rgba(120, 220, 170, .45), rgba(60, 190, 140, .32));
    border-color: rgba(255, 255, 255, .7);
    color: #0f5c3d;
}
html.ozv3 .dashboard-action-btn-auto:hover { background: linear-gradient(135deg, rgba(120, 220, 170, .62), rgba(60, 190, 140, .45)); }
html.ozv3 .dashboard-action-btn-mass {
    background: linear-gradient(135deg, rgba(185, 160, 255, .45), rgba(140, 110, 240, .32));
    border-color: rgba(255, 255, 255, .7);
    color: #3f2a8c;
}
html.ozv3 .dashboard-action-btn-mass:hover { background: linear-gradient(135deg, rgba(185, 160, 255, .62), rgba(140, 110, 240, .45)); }

/* Текущий пункт меню — ТОЛЬКО по ozui-current (ставит web/static/ozui/switcher-N.js по адресу страницы).
   .active из бандла бывает не на том пункте — в ozv3 гасим его, и синюю полосу снизу из старого стиля тоже. */
html.ozv3 .sidebar-item.active:not(.ozui-current) {
    background: transparent;
    color: var(--g3-mut);
    font-weight: 400;
    box-shadow: none;
}
html.ozv3 .sidebar-item, html.ozv3 .sidebar-item.active { border-bottom-color: transparent; border-bottom: none; }
html.ozv3 .sidebar-item.ozui-current {
    background: rgba(255, 255, 255, .88);
    color: var(--g3-ink);
    font-weight: 600;
    box-shadow: 0 2px 8px rgba(40, 52, 90, .1);
}

/* ================= Аналитика → Дашборд (#panel-analytics-dashboard) =================
   Разметка карточек и блоков — inline-стили из бандла (_dbCard, index.html), поэтому !important. */
html.ozv3 #panel-analytics-dashboard {
    background: var(--g3-glass);
    -webkit-backdrop-filter: var(--g3-blur);
    backdrop-filter: var(--g3-blur);
    border: 1px solid var(--g3-edge);
    border-radius: 24px;
    box-shadow: var(--g3-shadow);
}
html.ozv3 #panel-analytics-dashboard .an-header h2 { font-size: 26px; font-weight: 600; letter-spacing: -.01em; color: var(--g3-ink); }
html.ozv3 #panel-analytics-dashboard .an-meta { color: var(--g3-mut); }

/* фильтры: даты, пресеты, выпадашки категорий/артикулов */
html.ozv3 #panel-analytics-dashboard input[type=date],
html.ozv3 #panel-analytics-dashboard input[type=text],
html.ozv3 #panel-analytics-dashboard select,
html.ozv3 #db-cat-toggle, html.ozv3 #db-sku-toggle {
    background: rgba(255, 255, 255, .7) !important;
    border: 1px solid var(--g3-edge) !important;
    border-radius: 999px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9);
    color: var(--g3-ink);
    font-family: inherit;
}
html.ozv3 #db-cat-dropdown, html.ozv3 #db-sku-dropdown {
    background: rgba(255, 255, 255, .92) !important;
    -webkit-backdrop-filter: var(--g3-blur);
    backdrop-filter: var(--g3-blur);
    border: 1px solid var(--g3-edge) !important;
    border-radius: 16px !important;
    box-shadow: 0 12px 32px rgba(40, 52, 90, .14) !important;
}
html.ozv3 #panel-analytics-dashboard .an-btn {
    border-radius: 999px;
    font-family: inherit;
    font-weight: 500;
    box-shadow: none;
}
html.ozv3 #panel-analytics-dashboard .an-btn:not(.an-btn-secondary) { background: #10151f; color: #fff; border: none; }
html.ozv3 #panel-analytics-dashboard .an-btn-secondary {
    background: rgba(255, 255, 255, .6);
    color: var(--g3-ink);
    border: 1px solid var(--g3-edge);
}
html.ozv3 #panel-analytics-dashboard .an-btn-secondary:hover { background: #fff; }
html.ozv3 #panel-analytics-dashboard .oz-btn { border-radius: 999px; font-family: inherit; box-shadow: none; }
html.ozv3 #panel-analytics-dashboard .oz-btn-primary { background: #10151f; color: #fff; border: none; }
html.ozv3 #panel-analytics-dashboard .oz-btn-ghost { background: rgba(255, 255, 255, .6); color: var(--g3-ink); border: 1px solid var(--g3-edge); }

/* KPI-карточки: стеклянные плитки; цвет-акцент оставляем тонкой полоской сверху-слева */
html.ozv3 #db-cards { gap: 10px !important; }
html.ozv3 #db-cards > div {
    background: rgba(255, 255, 255, .58) !important;
    -webkit-backdrop-filter: blur(14px) saturate(140%);
    backdrop-filter: blur(14px) saturate(140%);
    border: 1px solid rgba(255, 255, 255, .85) !important;
    border-left-width: 1px !important;
    border-radius: 20px !important;
    padding: 16px 18px !important;
    box-shadow: 0 6px 24px rgba(40, 52, 90, .07), inset 0 1px 0 rgba(255, 255, 255, .9) !important;
    position: relative;
}
html.ozv3 #db-cards > div > div:nth-child(2) {
    font-size: 26px !important;
    font-weight: 500 !important;
    letter-spacing: -.02em;
    color: var(--g3-ink) !important;
}
html.ozv3 #db-cards > div > div:first-child > span:first-child { font-size: 13px !important; color: var(--g3-mut) !important; }

/* блоки с графиками и кластеры */
html.ozv3 #db-dyn-card, html.ozv3 #db-stock-sales-card, html.ozv3 #db-cluster-card > div {
    background: rgba(255, 255, 255, .55) !important;
    -webkit-backdrop-filter: blur(14px) saturate(140%);
    backdrop-filter: blur(14px) saturate(140%);
    border: 1px solid rgba(255, 255, 255, .85) !important;
    border-radius: 22px !important;
    box-shadow: 0 6px 24px rgba(40, 52, 90, .07), inset 0 1px 0 rgba(255, 255, 255, .9) !important;
}
html.ozv3 #db-dyn-tooltip, html.ozv3 #db-ss-tooltip {
    /* текст подсказки в бандле белый — фон ТОЛЬКО тёмный (на белом цифры пропадали) */
    background: rgba(16, 21, 31, .82) !important;
    -webkit-backdrop-filter: var(--g3-blur);
    backdrop-filter: var(--g3-blur);
    border: 1px solid rgba(255, 255, 255, .18) !important;
    border-radius: 14px !important;
    box-shadow: 0 12px 32px rgba(16, 21, 31, .28) !important;
    color: #fff !important;
}
html.ozv3 #db-loading { background: rgba(255, 255, 255, .45) !important; }

/* KPI-карточки Дашборда: подсветка цветом своей карточки (--acc ставит _dbCard в бандле).
   Мягкий тон стекла + тонкая цветная обводка + лёгкое цветное свечение. */
html.ozv3 #db-cards > div {
    background: color-mix(in srgb, var(--acc, #9ca3af) 9%, rgba(255, 255, 255, .62)) !important;
    border: 1px solid color-mix(in srgb, var(--acc, #9ca3af) 38%, rgba(255, 255, 255, .7)) !important;
    border-left-width: 1px !important;
    box-shadow: 0 8px 24px color-mix(in srgb, var(--acc, #9ca3af) 14%, transparent),
                inset 0 1px 0 rgba(255, 255, 255, .9) !important;
}
@supports not (background: color-mix(in srgb, red 10%, white)) {
    html.ozv3 #db-cards > div { background: rgba(255, 255, 255, .62) !important; border-color: var(--acc, #e5e7eb) !important; }
}

/* ================= РНП (/analytics/rnp): 8 подвкладок, у каждой свой префикс классов =================
   pulse- · coin- · corr- · spp- · ot- · sea- · sm- · mt-. Стили панелей — в <style> внутри index.html (#panel-x .x-…),
   :is(#…) даёт специфичность id, поэтому перебиваем без !important. */
html.ozv3 .rnp-subtabs {
    gap: 4px;
    padding: 4px;
    margin: 0 0 10px;
    background: var(--g3-glass);
    -webkit-backdrop-filter: var(--g3-blur);
    backdrop-filter: var(--g3-blur);
    border: 1px solid var(--g3-edge);
    border-radius: 999px;
    box-shadow: var(--g3-shadow);
}
html.ozv3 .rnp-subtabs .rnp-tab {
    flex: 1 1 auto;
    border: none;
    border-radius: 999px;
    background: transparent;
    color: var(--g3-mut);
    font-family: inherit;
    font-size: 13px;
    padding: 8px 12px;
    white-space: nowrap;
}
html.ozv3 .rnp-subtabs .rnp-tab:hover { background: rgba(255, 255, 255, .55); color: var(--g3-ink); }
html.ozv3 .rnp-subtabs .rnp-tab.active { background: rgba(255, 255, 255, .95); color: var(--g3-ink); box-shadow: 0 2px 8px rgba(40, 52, 90, .1); }

/* сами панели */
html.ozv3 :is(#panel-analytics-pulse, #panel-analytics-coinvest, #panel-analytics-corr, #panel-analytics-spp-heatmap,
              #panel-analytics-ordertime, #panel-analytics-season, #panel-analytics-sppmon, #panel-analytics-master) {
    background: var(--g3-glass);
    -webkit-backdrop-filter: var(--g3-blur);
    backdrop-filter: var(--g3-blur);
    border: 1px solid var(--g3-edge);
    border-radius: 24px;
    box-shadow: var(--g3-shadow);
    color: var(--g3-ink);
}
html.ozv3 :is(#panel-analytics-pulse, #panel-analytics-coinvest, #panel-analytics-corr, #panel-analytics-spp-heatmap,
              #panel-analytics-ordertime, #panel-analytics-season, #panel-analytics-sppmon, #panel-analytics-master) h2 {
    font-size: 26px; font-weight: 600; letter-spacing: -.01em; color: var(--g3-ink);
}

/* полоса фильтров */
html.ozv3 :is(#panel-analytics-pulse, #panel-analytics-coinvest, #panel-analytics-corr, #panel-analytics-spp-heatmap,
              #panel-analytics-ordertime, #panel-analytics-season, #panel-analytics-sppmon, #panel-analytics-master)
    :is(.pulse-filters, .coin-filters, .corr-filters, .spp-filters, .ot-filters, .sea-tools, .sm-filters, .mt-filters) {
    background: rgba(255, 255, 255, .5);
    border: 1px solid var(--g3-edge);
    border-radius: 20px;
}
html.ozv3 :is(#panel-analytics-pulse, #panel-analytics-coinvest, #panel-analytics-corr, #panel-analytics-spp-heatmap,
              #panel-analytics-ordertime, #panel-analytics-season, #panel-analytics-sppmon, #panel-analytics-master)
    :is(input[type=date], input[type=text], input[type=number], select) {
    background: rgba(255, 255, 255, .75);
    border: 1px solid var(--g3-edge);
    border-radius: 999px;
    font-family: inherit;
}

/* пресеты, чипы, сегменты — пилюли; активный — белый */
html.ozv3 :is(#panel-analytics-pulse, #panel-analytics-coinvest, #panel-analytics-corr, #panel-analytics-spp-heatmap,
              #panel-analytics-ordertime, #panel-analytics-season, #panel-analytics-sppmon, #panel-analytics-master)
    :is(.pulse-preset, .coin-preset, .corr-preset, .ot-preset, .sea-chip, .sea-mini) {
    background: rgba(255, 255, 255, .6);
    border: 1px solid var(--g3-edge);
    border-radius: 999px;
    color: var(--g3-ink);
    font-family: inherit;
}
html.ozv3 :is(#panel-analytics-pulse, #panel-analytics-coinvest, #panel-analytics-corr, #panel-analytics-spp-heatmap,
              #panel-analytics-ordertime, #panel-analytics-season, #panel-analytics-sppmon, #panel-analytics-master)
    :is(.pulse-preset, .coin-preset, .corr-preset, .ot-preset):hover { background: #fff; border-color: var(--g3-edge); }
html.ozv3 :is(#panel-analytics-coinvest, #panel-analytics-ordertime, #panel-analytics-season) :is(.coin-seg, .ot-seg, .sea-mode-seg) {
    background: rgba(255, 255, 255, .45);
    border: 1px solid var(--g3-edge);
    border-radius: 999px;
    padding: 2px;
    overflow: hidden;
}
html.ozv3 :is(#panel-analytics-coinvest, #panel-analytics-ordertime, #panel-analytics-season) :is(.coin-basis-btn, .ot-seg-btn, .sea-mode-btn) {
    background: transparent;
    color: var(--g3-mut);
    border-radius: 999px;
    font-family: inherit;
}
html.ozv3 :is(#panel-analytics-coinvest, #panel-analytics-ordertime, #panel-analytics-season) :is(.coin-basis-btn, .ot-seg-btn, .sea-mode-btn).is-on {
    background: rgba(255, 255, 255, .95);
    color: var(--g3-ink);
    box-shadow: 0 2px 6px rgba(40, 52, 90, .1);
}
html.ozv3 #panel-analytics-season .sea-chip.is-on { background: rgba(255, 255, 255, .95); border-color: rgba(16, 21, 31, .18); box-shadow: 0 2px 6px rgba(40, 52, 90, .1); }

/* основные кнопки «Обновить»/«Показать» — тёмная пилюля */
html.ozv3 :is(#panel-analytics-pulse, #panel-analytics-coinvest, #panel-analytics-corr, #panel-analytics-spp-heatmap,
              #panel-analytics-ordertime, #panel-analytics-season, #panel-analytics-sppmon, #panel-analytics-master)
    :is(.pulse-btn, .coin-btn, .corr-btn, .spp-btn, .ot-btn, .sm-btn) {
    background: #10151f;
    color: #fff;
    border-radius: 999px;
    font-family: inherit;
}
html.ozv3 :is(#panel-analytics-pulse, #panel-analytics-coinvest, #panel-analytics-corr, #panel-analytics-spp-heatmap,
              #panel-analytics-ordertime, #panel-analytics-season, #panel-analytics-sppmon, #panel-analytics-master)
    :is(.pulse-btn, .coin-btn, .corr-btn, .spp-btn, .ot-btn, .sm-btn):hover { background: #2a3140; }
html.ozv3 #panel-analytics-master .oz-btn { border-radius: 999px; box-shadow: none; }

/* карточки-метрики — стеклянные плитки */
html.ozv3 :is(#panel-analytics-pulse, #panel-analytics-coinvest, #panel-analytics-corr, #panel-analytics-ordertime,
              #panel-analytics-sppmon, #panel-analytics-master)
    :is(.pulse-card, .coin-card, .corr-card, .ot-card, .sm-cards > *, .mt-cards > *) {
    background: rgba(255, 255, 255, .58);
    -webkit-backdrop-filter: blur(14px) saturate(140%);
    backdrop-filter: blur(14px) saturate(140%);
    border: 1px solid rgba(255, 255, 255, .85);
    border-radius: 20px;
    padding: 14px 16px;
    box-shadow: 0 6px 24px rgba(40, 52, 90, .07), inset 0 1px 0 rgba(255, 255, 255, .9);
}
html.ozv3 #panel-analytics-pulse .pulse-card.pulse-clickable:hover { background: rgba(255, 255, 255, .85); transform: translateY(-1px); }
html.ozv3 #panel-analytics-pulse .pulse-card .value { font-weight: 600; letter-spacing: -.02em; }
html.ozv3 #panel-analytics-pulse .pulse-card .label, html.ozv3 #panel-analytics-pulse .pulse-sec { color: var(--g3-mut); }

/* блоки графиков и таблиц */
html.ozv3 :is(#panel-analytics-coinvest, #panel-analytics-corr, #panel-analytics-spp-heatmap, #panel-analytics-ordertime,
              #panel-analytics-season, #panel-analytics-sppmon, #panel-analytics-master)
    :is(.coin-chart, .corr-chart-wrap, .ot-chart, .sea-chart, .sm-chart, .coin-table-wrap, .corr-table-wrap,
        .spp-table-wrap, .ot-hm-wrap, .sm-table-wrap, .mt-table-wrap) {
    background: rgba(255, 255, 255, .6);
    border: 1px solid rgba(255, 255, 255, .85);
    border-radius: 20px;
    box-shadow: 0 6px 24px rgba(40, 52, 90, .07), inset 0 1px 0 rgba(255, 255, 255, .9);
}
/* липкие шапки/колонки таблиц — почти непрозрачные, иначе строки просвечивают при прокрутке */
html.ozv3 :is(#panel-analytics-coinvest, #panel-analytics-corr, #panel-analytics-spp-heatmap, #panel-analytics-ordertime,
              #panel-analytics-season, #panel-analytics-sppmon, #panel-analytics-master) thead th {
    background: rgba(246, 248, 251, .96);
    color: var(--g3-mut);
}
html.ozv3 #panel-analytics-spp-heatmap :is(.spp-sticky-col, .spp-sku-col),
html.ozv3 #panel-analytics-ordertime table.ot-hm .ot-hm-day { background: rgba(255, 255, 255, .96); }
html.ozv3 #panel-analytics-spp-heatmap .spp-table thead th:is(.spp-sticky-col, .spp-sku-col),
html.ozv3 #panel-analytics-ordertime table.ot-hm thead th.ot-hm-day { background: rgba(246, 248, 251, .98); }

/* подсказки графиков — текст белый, фон ТОЛЬКО тёмный (см. правило в CLAUDE.md) */
html.ozv3 :is(#panel-analytics-coinvest, #panel-analytics-ordertime, #panel-analytics-season) :is(.coin-cv-tip, .ot-cv-tip, .sea-cv-tip) {
    background: rgba(16, 21, 31, .85);
    -webkit-backdrop-filter: var(--g3-blur);
    backdrop-filter: var(--g3-blur);
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 12px;
    color: #fff;
    box-shadow: 0 12px 28px rgba(16, 21, 31, .28);
}

/* ================= Остатки и оборачиваемость (#panel-analytics-stocks) ================= */
html.ozv3 #panel-analytics-stocks {
    background: var(--g3-glass);
    -webkit-backdrop-filter: var(--g3-blur);
    backdrop-filter: var(--g3-blur);
    border: 1px solid var(--g3-edge);
    border-radius: 24px;
    box-shadow: var(--g3-shadow);
    color: var(--g3-ink);
}
html.ozv3 #panel-analytics-stocks .an-header h2 { font-size: 26px; font-weight: 600; letter-spacing: -.01em; }
html.ozv3 #panel-analytics-stocks .an-meta { color: var(--g3-mut); }

/* фильтры и поля */
html.ozv3 #panel-analytics-stocks .an-filters {
    background: rgba(255, 255, 255, .5);
    border: 1px solid var(--g3-edge);
    border-radius: 20px;
}
html.ozv3 #panel-analytics-stocks :is(input[type=text], input[type=search], input[type=date], input[type=number], select) {
    background: rgba(255, 255, 255, .75);
    border: 1px solid var(--g3-edge);
    border-radius: 999px;
    font-family: inherit;
}
/* кнопки действий */
html.ozv3 #panel-analytics-stocks .an-btn { border-radius: 999px; font-family: inherit; font-weight: 500; box-shadow: none; }
html.ozv3 #panel-analytics-stocks .an-btn:not(.an-btn-secondary) { background: #10151f; color: #fff; border: none; }
html.ozv3 #panel-analytics-stocks .an-btn-secondary { background: rgba(255, 255, 255, .6); color: var(--g3-ink); border: 1px solid var(--g3-edge); }
html.ozv3 #panel-analytics-stocks .an-btn-secondary:hover { background: #fff; }
html.ozv3 #panel-analytics-stocks .oz-btn { border-radius: 999px; box-shadow: none; font-family: inherit; }
html.ozv3 #panel-analytics-stocks .oz-btn-soft { background: rgba(91, 140, 255, .12); color: #2f5fd6; border: none; }

/* вкладки Товары / Склад × Артикул / Склад ФФ — стеклянная дорожка */
html.ozv3 #panel-analytics-stocks #an-tabs {
    display: flex !important;
    gap: 4px !important;
    padding: 4px !important;
    background: rgba(255, 255, 255, .45) !important;
    border: 1px solid var(--g3-edge) !important;
    border-radius: 999px !important;
}
html.ozv3 #panel-analytics-stocks #an-tabs .oz-tab {
    flex: 1 1 0;
    width: auto;
    border: none;
    border-radius: 999px;
    background: transparent;
    color: var(--g3-mut);
    padding: 8px 14px;
    font-family: inherit;
}
html.ozv3 #panel-analytics-stocks #an-tabs .oz-tab.is-active { background: rgba(255, 255, 255, .95); color: var(--g3-ink); box-shadow: 0 2px 8px rgba(40, 52, 90, .1); }

/* KPI-карточки */
html.ozv3 #panel-analytics-stocks .an-summary .card {
    background: rgba(255, 255, 255, .58);
    -webkit-backdrop-filter: blur(14px) saturate(140%);
    backdrop-filter: blur(14px) saturate(140%);
    border: 1px solid rgba(255, 255, 255, .85);
    border-radius: 20px;
    padding: 14px 16px;
    box-shadow: 0 6px 24px rgba(40, 52, 90, .07), inset 0 1px 0 rgba(255, 255, 255, .9);
}
html.ozv3 #panel-analytics-stocks .an-summary .card.clickable { border-color: rgba(91, 140, 255, .45); }
html.ozv3 #panel-analytics-stocks .an-summary .card.clickable:hover { background: rgba(255, 255, 255, .85); border-color: rgba(91, 140, 255, .7); }
html.ozv3 #panel-analytics-stocks .an-summary .card.active { background: rgba(232, 240, 255, .85); border-color: #5b8cff; box-shadow: 0 0 0 3px rgba(91, 140, 255, .18); }
html.ozv3 #panel-analytics-stocks .an-summary .card .label { color: var(--g3-mut); }
html.ozv3 #panel-analytics-stocks .an-summary .card .value { font-weight: 600; letter-spacing: -.02em; }

/* блоки: страхование, снято с продажи, выпали из регионов, заказы по кластерам */
html.ozv3 #panel-analytics-stocks :is(.an-ins, .an-drop, .an-clo) {
    background: rgba(255, 255, 255, .55);
    -webkit-backdrop-filter: blur(14px) saturate(140%);
    backdrop-filter: blur(14px) saturate(140%);
    border: 1px solid rgba(255, 255, 255, .85);
    border-radius: 22px;
    box-shadow: 0 6px 24px rgba(40, 52, 90, .07), inset 0 1px 0 rgba(255, 255, 255, .9);
}
html.ozv3 #panel-analytics-stocks .an-ins .c {
    background: rgba(255, 255, 255, .6);
    border: 1px solid rgba(255, 255, 255, .85);
    border-radius: 16px;
}
html.ozv3 #panel-analytics-stocks .an-ins select { border-radius: 999px; }
html.ozv3 #panel-analytics-stocks .an-clo-toggle {
    border: 1px solid var(--g3-edge);
    border-radius: 999px;
    background: rgba(255, 255, 255, .45);
    padding: 2px;
}
html.ozv3 #panel-analytics-stocks .an-clo-toggle button { background: transparent; color: var(--g3-mut); border-radius: 999px; width: auto; }
html.ozv3 #panel-analytics-stocks .an-clo-toggle button.active { background: rgba(255, 255, 255, .95); color: var(--g3-ink); box-shadow: 0 2px 6px rgba(40, 52, 90, .1); }
html.ozv3 #panel-analytics-stocks .an-clo-chip { background: rgba(255, 255, 255, .6); border-color: var(--g3-edge); }
html.ozv3 #panel-analytics-stocks .an-clo-track { background: rgba(16, 21, 31, .06); border-radius: 999px; }
html.ozv3 #panel-analytics-stocks .an-clo-fill { border-radius: 999px; }

/* таблицы */
html.ozv3 #panel-analytics-stocks .an-table-wrap {
    background: rgba(255, 255, 255, .6);
    border: 1px solid rgba(255, 255, 255, .85);
    border-radius: 20px;
    box-shadow: 0 6px 24px rgba(40, 52, 90, .07);
}
/* липкая шапка — почти непрозрачная, иначе строки просвечивают при прокрутке */
html.ozv3 #panel-analytics-stocks .an-table thead th { background: rgba(246, 248, 251, .97); color: var(--g3-mut); }
html.ozv3 #panel-analytics-stocks .an-table tbody tr:hover td { background: rgba(255, 255, 255, .7); }
html.ozv3 #panel-analytics-stocks .an-thumb { border-radius: 10px; }

/* ================= Возвраты (#panel-analytics-returns) — те же an-* классы, что в Остатках ================= */
html.ozv3 #panel-analytics-returns {
    background: var(--g3-glass);
    -webkit-backdrop-filter: var(--g3-blur);
    backdrop-filter: var(--g3-blur);
    border: 1px solid var(--g3-edge);
    border-radius: 24px;
    box-shadow: var(--g3-shadow);
    color: var(--g3-ink);
}
html.ozv3 #panel-analytics-returns .an-header h2 { font-size: 26px; font-weight: 600; letter-spacing: -.01em; }
html.ozv3 #panel-analytics-returns .an-meta { color: var(--g3-mut); }

/* фильтры и поля */
html.ozv3 #panel-analytics-returns .an-filters {
    background: rgba(255, 255, 255, .5);
    border: 1px solid var(--g3-edge);
    border-radius: 20px;
}
html.ozv3 #panel-analytics-returns :is(input[type=text], input[type=search], input[type=date], input[type=number], select) {
    background: rgba(255, 255, 255, .75);
    border: 1px solid var(--g3-edge);
    border-radius: 999px;
    font-family: inherit;
}
/* кнопки действий */
html.ozv3 #panel-analytics-returns .an-btn { border-radius: 999px; font-family: inherit; font-weight: 500; box-shadow: none; }
html.ozv3 #panel-analytics-returns .an-btn:not(.an-btn-secondary) { background: #10151f; color: #fff; border: none; }
html.ozv3 #panel-analytics-returns .an-btn-secondary { background: rgba(255, 255, 255, .6); color: var(--g3-ink); border: 1px solid var(--g3-edge); }
html.ozv3 #panel-analytics-returns .an-btn-secondary:hover { background: #fff; }
html.ozv3 #panel-analytics-returns .oz-btn { border-radius: 999px; box-shadow: none; font-family: inherit; }
html.ozv3 #panel-analytics-returns .oz-btn-soft { background: rgba(91, 140, 255, .12); color: #2f5fd6; border: none; }

/* вкладки Товары / Склад × Артикул / Склад ФФ — стеклянная дорожка */
html.ozv3 #panel-analytics-returns #an-tabs {
    display: flex !important;
    gap: 4px !important;
    padding: 4px !important;
    background: rgba(255, 255, 255, .45) !important;
    border: 1px solid var(--g3-edge) !important;
    border-radius: 999px !important;
}
html.ozv3 #panel-analytics-returns #an-tabs .oz-tab {
    flex: 1 1 0;
    width: auto;
    border: none;
    border-radius: 999px;
    background: transparent;
    color: var(--g3-mut);
    padding: 8px 14px;
    font-family: inherit;
}
html.ozv3 #panel-analytics-returns #an-tabs .oz-tab.is-active { background: rgba(255, 255, 255, .95); color: var(--g3-ink); box-shadow: 0 2px 8px rgba(40, 52, 90, .1); }

/* KPI-карточки */
html.ozv3 #panel-analytics-returns .an-summary .card {
    background: rgba(255, 255, 255, .58);
    -webkit-backdrop-filter: blur(14px) saturate(140%);
    backdrop-filter: blur(14px) saturate(140%);
    border: 1px solid rgba(255, 255, 255, .85);
    border-radius: 20px;
    padding: 14px 16px;
    box-shadow: 0 6px 24px rgba(40, 52, 90, .07), inset 0 1px 0 rgba(255, 255, 255, .9);
}
html.ozv3 #panel-analytics-returns .an-summary .card.clickable { border-color: rgba(91, 140, 255, .45); }
html.ozv3 #panel-analytics-returns .an-summary .card.clickable:hover { background: rgba(255, 255, 255, .85); border-color: rgba(91, 140, 255, .7); }
html.ozv3 #panel-analytics-returns .an-summary .card.active { background: rgba(232, 240, 255, .85); border-color: #5b8cff; box-shadow: 0 0 0 3px rgba(91, 140, 255, .18); }
html.ozv3 #panel-analytics-returns .an-summary .card .label { color: var(--g3-mut); }
html.ozv3 #panel-analytics-returns .an-summary .card .value { font-weight: 600; letter-spacing: -.02em; }

/* блоки: страхование, снято с продажи, выпали из регионов, заказы по кластерам */
html.ozv3 #panel-analytics-returns :is(.an-ins, .an-drop, .an-clo) {
    background: rgba(255, 255, 255, .55);
    -webkit-backdrop-filter: blur(14px) saturate(140%);
    backdrop-filter: blur(14px) saturate(140%);
    border: 1px solid rgba(255, 255, 255, .85);
    border-radius: 22px;
    box-shadow: 0 6px 24px rgba(40, 52, 90, .07), inset 0 1px 0 rgba(255, 255, 255, .9);
}
html.ozv3 #panel-analytics-returns .an-ins .c {
    background: rgba(255, 255, 255, .6);
    border: 1px solid rgba(255, 255, 255, .85);
    border-radius: 16px;
}
html.ozv3 #panel-analytics-returns .an-ins select { border-radius: 999px; }
html.ozv3 #panel-analytics-returns .an-clo-toggle {
    border: 1px solid var(--g3-edge);
    border-radius: 999px;
    background: rgba(255, 255, 255, .45);
    padding: 2px;
}
html.ozv3 #panel-analytics-returns .an-clo-toggle button { background: transparent; color: var(--g3-mut); border-radius: 999px; width: auto; }
html.ozv3 #panel-analytics-returns .an-clo-toggle button.active { background: rgba(255, 255, 255, .95); color: var(--g3-ink); box-shadow: 0 2px 6px rgba(40, 52, 90, .1); }
html.ozv3 #panel-analytics-returns .an-clo-chip { background: rgba(255, 255, 255, .6); border-color: var(--g3-edge); }
html.ozv3 #panel-analytics-returns .an-clo-track { background: rgba(16, 21, 31, .06); border-radius: 999px; }
html.ozv3 #panel-analytics-returns .an-clo-fill { border-radius: 999px; }

/* таблицы */
html.ozv3 #panel-analytics-returns .an-table-wrap {
    background: rgba(255, 255, 255, .6);
    border: 1px solid rgba(255, 255, 255, .85);
    border-radius: 20px;
    box-shadow: 0 6px 24px rgba(40, 52, 90, .07);
}
/* липкая шапка — почти непрозрачная, иначе строки просвечивают при прокрутке */
html.ozv3 #panel-analytics-returns .an-table thead th { background: rgba(246, 248, 251, .97); color: var(--g3-mut); }
html.ozv3 #panel-analytics-returns .an-table tbody tr:hover td { background: rgba(255, 255, 255, .7); }
html.ozv3 #panel-analytics-returns .an-thumb { border-radius: 10px; }


/* блоки, которые есть только в Возвратах (разметка inline → !important) */
html.ozv3 #panel-analytics-returns .an-actions + div {   /* плашка «когортный расчёт…» */
    background: rgba(255, 236, 170, .45) !important;
    border: 1px solid rgba(255, 255, 255, .8) !important;
    border-radius: 16px !important;
    color: #7a4b00 !important;
}
html.ozv3 #panel-analytics-returns #ret-trend-wrap,
html.ozv3 #panel-analytics-returns #ret-reasons > div {
    background: rgba(255, 255, 255, .58) !important;
    -webkit-backdrop-filter: blur(14px) saturate(140%);
    backdrop-filter: blur(14px) saturate(140%);
    border: 1px solid rgba(255, 255, 255, .85) !important;
    border-radius: 22px !important;
    box-shadow: 0 6px 24px rgba(40, 52, 90, .07), inset 0 1px 0 rgba(255, 255, 255, .9);
}
html.ozv3 #panel-analytics-returns #ret-reasons table tr { border-color: rgba(16, 21, 31, .06) !important; }
html.ozv3 #ret-trend-tooltip {
    background: rgba(16, 21, 31, .85) !important;
    -webkit-backdrop-filter: var(--g3-blur);
    backdrop-filter: var(--g3-blur);
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 12px !important;
    color: #fff !important;
}

/* ================= План / факт (#panel-analytics-plan-fact) — те же an-* классы ================= */
html.ozv3 #panel-analytics-plan-fact {
    background: var(--g3-glass);
    -webkit-backdrop-filter: var(--g3-blur);
    backdrop-filter: var(--g3-blur);
    border: 1px solid var(--g3-edge);
    border-radius: 24px;
    box-shadow: var(--g3-shadow);
    color: var(--g3-ink);
}
html.ozv3 #panel-analytics-plan-fact .an-header h2 { font-size: 26px; font-weight: 600; letter-spacing: -.01em; }
html.ozv3 #panel-analytics-plan-fact .an-meta { color: var(--g3-mut); }

/* фильтры и поля */
html.ozv3 #panel-analytics-plan-fact .an-filters {
    background: rgba(255, 255, 255, .5);
    border: 1px solid var(--g3-edge);
    border-radius: 20px;
}
html.ozv3 #panel-analytics-plan-fact :is(input[type=text], input[type=search], input[type=date], input[type=number], select) {
    background: rgba(255, 255, 255, .75);
    border: 1px solid var(--g3-edge);
    border-radius: 999px;
    font-family: inherit;
}
/* кнопки действий */
html.ozv3 #panel-analytics-plan-fact .an-btn { border-radius: 999px; font-family: inherit; font-weight: 500; box-shadow: none; }
html.ozv3 #panel-analytics-plan-fact .an-btn:not(.an-btn-secondary) { background: #10151f; color: #fff; border: none; }
html.ozv3 #panel-analytics-plan-fact .an-btn-secondary { background: rgba(255, 255, 255, .6); color: var(--g3-ink); border: 1px solid var(--g3-edge); }
html.ozv3 #panel-analytics-plan-fact .an-btn-secondary:hover { background: #fff; }
html.ozv3 #panel-analytics-plan-fact .oz-btn { border-radius: 999px; box-shadow: none; font-family: inherit; }
html.ozv3 #panel-analytics-plan-fact .oz-btn-soft { background: rgba(91, 140, 255, .12); color: #2f5fd6; border: none; }

/* вкладки Товары / Склад × Артикул / Склад ФФ — стеклянная дорожка */
html.ozv3 #panel-analytics-plan-fact #an-tabs {
    display: flex !important;
    gap: 4px !important;
    padding: 4px !important;
    background: rgba(255, 255, 255, .45) !important;
    border: 1px solid var(--g3-edge) !important;
    border-radius: 999px !important;
}
html.ozv3 #panel-analytics-plan-fact #an-tabs .oz-tab {
    flex: 1 1 0;
    width: auto;
    border: none;
    border-radius: 999px;
    background: transparent;
    color: var(--g3-mut);
    padding: 8px 14px;
    font-family: inherit;
}
html.ozv3 #panel-analytics-plan-fact #an-tabs .oz-tab.is-active { background: rgba(255, 255, 255, .95); color: var(--g3-ink); box-shadow: 0 2px 8px rgba(40, 52, 90, .1); }

/* KPI-карточки */
html.ozv3 #panel-analytics-plan-fact .an-summary .card {
    background: rgba(255, 255, 255, .58);
    -webkit-backdrop-filter: blur(14px) saturate(140%);
    backdrop-filter: blur(14px) saturate(140%);
    border: 1px solid rgba(255, 255, 255, .85);
    border-radius: 20px;
    padding: 14px 16px;
    box-shadow: 0 6px 24px rgba(40, 52, 90, .07), inset 0 1px 0 rgba(255, 255, 255, .9);
}
html.ozv3 #panel-analytics-plan-fact .an-summary .card.clickable { border-color: rgba(91, 140, 255, .45); }
html.ozv3 #panel-analytics-plan-fact .an-summary .card.clickable:hover { background: rgba(255, 255, 255, .85); border-color: rgba(91, 140, 255, .7); }
html.ozv3 #panel-analytics-plan-fact .an-summary .card.active { background: rgba(232, 240, 255, .85); border-color: #5b8cff; box-shadow: 0 0 0 3px rgba(91, 140, 255, .18); }
html.ozv3 #panel-analytics-plan-fact .an-summary .card .label { color: var(--g3-mut); }
html.ozv3 #panel-analytics-plan-fact .an-summary .card .value { font-weight: 600; letter-spacing: -.02em; }

/* блоки: страхование, снято с продажи, выпали из регионов, заказы по кластерам */
html.ozv3 #panel-analytics-plan-fact :is(.an-ins, .an-drop, .an-clo) {
    background: rgba(255, 255, 255, .55);
    -webkit-backdrop-filter: blur(14px) saturate(140%);
    backdrop-filter: blur(14px) saturate(140%);
    border: 1px solid rgba(255, 255, 255, .85);
    border-radius: 22px;
    box-shadow: 0 6px 24px rgba(40, 52, 90, .07), inset 0 1px 0 rgba(255, 255, 255, .9);
}
html.ozv3 #panel-analytics-plan-fact .an-ins .c {
    background: rgba(255, 255, 255, .6);
    border: 1px solid rgba(255, 255, 255, .85);
    border-radius: 16px;
}
html.ozv3 #panel-analytics-plan-fact .an-ins select { border-radius: 999px; }
html.ozv3 #panel-analytics-plan-fact .an-clo-toggle {
    border: 1px solid var(--g3-edge);
    border-radius: 999px;
    background: rgba(255, 255, 255, .45);
    padding: 2px;
}
html.ozv3 #panel-analytics-plan-fact .an-clo-toggle button { background: transparent; color: var(--g3-mut); border-radius: 999px; width: auto; }
html.ozv3 #panel-analytics-plan-fact .an-clo-toggle button.active { background: rgba(255, 255, 255, .95); color: var(--g3-ink); box-shadow: 0 2px 6px rgba(40, 52, 90, .1); }
html.ozv3 #panel-analytics-plan-fact .an-clo-chip { background: rgba(255, 255, 255, .6); border-color: var(--g3-edge); }
html.ozv3 #panel-analytics-plan-fact .an-clo-track { background: rgba(16, 21, 31, .06); border-radius: 999px; }
html.ozv3 #panel-analytics-plan-fact .an-clo-fill { border-radius: 999px; }

/* таблицы */
html.ozv3 #panel-analytics-plan-fact .an-table-wrap {
    background: rgba(255, 255, 255, .6);
    border: 1px solid rgba(255, 255, 255, .85);
    border-radius: 20px;
    box-shadow: 0 6px 24px rgba(40, 52, 90, .07);
}
/* липкая шапка — почти непрозрачная, иначе строки просвечивают при прокрутке */
html.ozv3 #panel-analytics-plan-fact .an-table thead th { background: rgba(246, 248, 251, .97); color: var(--g3-mut); }
html.ozv3 #panel-analytics-plan-fact .an-table tbody tr:hover td { background: rgba(255, 255, 255, .7); }
html.ozv3 #panel-analytics-plan-fact .an-thumb { border-radius: 10px; }


/* вкладки «План / факт | Подготовка» — дорожка-пилюля (у #pf-tabs inline-стили) */
html.ozv3 #panel-analytics-plan-fact #pf-tabs {
    display: flex !important; gap: 4px !important; padding: 4px !important;
    background: rgba(255, 255, 255, .45) !important; border: 1px solid var(--g3-edge) !important; border-radius: 999px !important;
}
html.ozv3 #panel-analytics-plan-fact #pf-tabs .oz-tab {
    flex: 1 1 0; width: auto; border: none; border-radius: 999px; background: transparent; color: var(--g3-mut); padding: 8px 14px; font-family: inherit;
}
html.ozv3 #panel-analytics-plan-fact #pf-tabs .oz-tab.is-active { background: rgba(255, 255, 255, .95); color: var(--g3-ink); box-shadow: 0 2px 8px rgba(40, 52, 90, .1); }
html.ozv3 #panel-analytics-plan-fact .an-btn-excel { background: rgba(52, 195, 143, .16); color: #1d7d57; border: 1px solid var(--g3-edge); }
/* «Заказы | Выкупы» над графиком */
html.ozv3 #panel-analytics-plan-fact .pf-metric-btn { border-radius: 999px; border: 1px solid var(--g3-edge); background: rgba(255, 255, 255, .55); color: var(--g3-mut); font-family: inherit; }
html.ozv3 #panel-analytics-plan-fact .pf-metric-btn.pf-metric-active { background: #10151f; color: #fff; border-color: #10151f; }
/* блок графика (canvas внутри inline-обёртки) */
html.ozv3 #panel-analytics-plan-fact .pf-pane > div:has(> canvas#pf-chart),
html.ozv3 #panel-analytics-plan-fact div:has(> #pf-chart):not(.pf-pane) {
    background: rgba(255, 255, 255, .58) !important;
    border: 1px solid rgba(255, 255, 255, .85) !important;
    border-radius: 22px !important;
    box-shadow: 0 6px 24px rgba(40, 52, 90, .07), inset 0 1px 0 rgba(255, 255, 255, .9) !important;
}
html.ozv3 #pf-chart-tooltip {
    background: rgba(16, 21, 31, .85) !important; color: #fff !important; border-radius: 12px !important;
    border: 1px solid rgba(255, 255, 255, .15) !important;
    -webkit-backdrop-filter: var(--g3-blur); backdrop-filter: var(--g3-blur);
}
/* пагинация таблицы */
html.ozv3 #panel-analytics-plan-fact .pf-pg-btn { border-radius: 999px; border-color: var(--g3-edge); background: rgba(255, 255, 255, .6); }
html.ozv3 #panel-analytics-plan-fact .pf-pg-btn.is-active { background: #10151f; border-color: #10151f; color: #fff; }

/* ---------- Подготовка план/факта (#pp-root) ---------- */
html.ozv3 #pp-root :is(.pp-plate, .pp-k) {
    background: rgba(255, 255, 255, .58);
    -webkit-backdrop-filter: blur(14px) saturate(140%);
    backdrop-filter: blur(14px) saturate(140%);
    border: 1px solid rgba(255, 255, 255, .85);
    border-radius: 20px;
    box-shadow: 0 6px 24px rgba(40, 52, 90, .07), inset 0 1px 0 rgba(255, 255, 255, .9);
}
html.ozv3 #pp-root .pp-k .v { font-weight: 600; letter-spacing: -.02em; }
html.ozv3 #pp-root .pp-k .v.bad { color: #e0457a; }
html.ozv3 #pp-root .pp-k .v.ok { color: #1d9b6c; }
html.ozv3 #pp-root .pp-seg { border: 1px solid var(--g3-edge); border-radius: 999px; background: rgba(255, 255, 255, .45); padding: 2px; }
html.ozv3 #pp-root .pp-seg button { background: transparent; color: var(--g3-mut); border-radius: 999px; }
html.ozv3 #pp-root .pp-seg button.on { background: rgba(255, 255, 255, .95); color: var(--g3-ink); box-shadow: 0 2px 6px rgba(40, 52, 90, .1); }
html.ozv3 #pp-root .pp-note { border-radius: 14px; }
html.ozv3 #pp-root .pp-note.warn { background: rgba(255, 236, 170, .5); color: #7a4b00; }
html.ozv3 #pp-root .pp-note.info { background: rgba(214, 228, 255, .55); color: #1849a9; }
html.ozv3 #pp-root .pp-note.err { background: rgba(253, 220, 230, .6); color: #b0103f; }
html.ozv3 #pp-root :is(input[type=text], input[type=number], input[type=date], select, textarea) {
    background: rgba(255, 255, 255, .75); border: 1px solid var(--g3-edge); border-radius: 999px; font-family: inherit;
}
html.ozv3 #pp-root .oz-btn { border-radius: 999px; box-shadow: none; font-family: inherit; }
html.ozv3 #pp-root .oz-btn-primary { background: #10151f; color: #fff; border: none; }
html.ozv3 #pp-root .oz-btn-soft { background: rgba(91, 140, 255, .12); color: #2f5fd6; border: none; }
html.ozv3 #pp-root .pp-btn-danger { background: rgba(223, 32, 89, .1); color: #c0164a; border: none; border-radius: 999px; }
html.ozv3 #pp-root .pp-table-wrap { background: rgba(255, 255, 255, .6); border: 1px solid rgba(255, 255, 255, .85); border-radius: 18px; }
html.ozv3 #pp-root .pp-table-wrap thead th { background: rgba(246, 248, 251, .97); }
html.ozv3 :is(#pp-root, .pp-modal) .pp-tip {
    background: rgba(16, 21, 31, .85); color: #fff; border-radius: 12px; border: 1px solid rgba(255, 255, 255, .15);
    -webkit-backdrop-filter: var(--g3-blur); backdrop-filter: var(--g3-blur);
}
html.ozv3 .pp-modal .pp-push-item { border-color: var(--g3-edge); border-radius: 14px; background: rgba(255, 255, 255, .6); }
html.ozv3 .pp-modal .pp-push-item:hover { background: #fff; }
html.ozv3 #panel-analytics-plan-fact :is(.pp-plate, .pp-k, #db-cards > div):hover { position: relative; z-index: 40; }

/* ================= Рекламный кабинет (#panel-analytics-ads) — те же an-* классы ================= */
html.ozv3 #panel-analytics-ads {
    background: var(--g3-glass);
    -webkit-backdrop-filter: var(--g3-blur);
    backdrop-filter: var(--g3-blur);
    border: 1px solid var(--g3-edge);
    border-radius: 24px;
    box-shadow: var(--g3-shadow);
    color: var(--g3-ink);
}
html.ozv3 #panel-analytics-ads .an-header h2 { font-size: 26px; font-weight: 600; letter-spacing: -.01em; }
html.ozv3 #panel-analytics-ads .an-meta { color: var(--g3-mut); }

/* фильтры и поля */
html.ozv3 #panel-analytics-ads .an-filters {
    background: rgba(255, 255, 255, .5);
    border: 1px solid var(--g3-edge);
    border-radius: 20px;
}
html.ozv3 #panel-analytics-ads :is(input[type=text], input[type=search], input[type=date], input[type=number], select) {
    background: rgba(255, 255, 255, .75);
    border: 1px solid var(--g3-edge);
    border-radius: 999px;
    font-family: inherit;
}
/* кнопки действий */
html.ozv3 #panel-analytics-ads .an-btn { border-radius: 999px; font-family: inherit; font-weight: 500; box-shadow: none; }
html.ozv3 #panel-analytics-ads .an-btn:not(.an-btn-secondary) { background: #10151f; color: #fff; border: none; }
html.ozv3 #panel-analytics-ads .an-btn-secondary { background: rgba(255, 255, 255, .6); color: var(--g3-ink); border: 1px solid var(--g3-edge); }
html.ozv3 #panel-analytics-ads .an-btn-secondary:hover { background: #fff; }
html.ozv3 #panel-analytics-ads .oz-btn { border-radius: 999px; box-shadow: none; font-family: inherit; }
html.ozv3 #panel-analytics-ads .oz-btn-soft { background: rgba(91, 140, 255, .12); color: #2f5fd6; border: none; }

/* вкладки Товары / Склад × Артикул / Склад ФФ — стеклянная дорожка */
html.ozv3 #panel-analytics-ads #an-tabs {
    display: flex !important;
    gap: 4px !important;
    padding: 4px !important;
    background: rgba(255, 255, 255, .45) !important;
    border: 1px solid var(--g3-edge) !important;
    border-radius: 999px !important;
}
html.ozv3 #panel-analytics-ads #an-tabs .oz-tab {
    flex: 1 1 0;
    width: auto;
    border: none;
    border-radius: 999px;
    background: transparent;
    color: var(--g3-mut);
    padding: 8px 14px;
    font-family: inherit;
}
html.ozv3 #panel-analytics-ads #an-tabs .oz-tab.is-active { background: rgba(255, 255, 255, .95); color: var(--g3-ink); box-shadow: 0 2px 8px rgba(40, 52, 90, .1); }

/* KPI-карточки */
html.ozv3 #panel-analytics-ads .an-summary .card {
    background: rgba(255, 255, 255, .58);
    -webkit-backdrop-filter: blur(14px) saturate(140%);
    backdrop-filter: blur(14px) saturate(140%);
    border: 1px solid rgba(255, 255, 255, .85);
    border-radius: 20px;
    padding: 14px 16px;
    box-shadow: 0 6px 24px rgba(40, 52, 90, .07), inset 0 1px 0 rgba(255, 255, 255, .9);
}
html.ozv3 #panel-analytics-ads .an-summary .card.clickable { border-color: rgba(91, 140, 255, .45); }
html.ozv3 #panel-analytics-ads .an-summary .card.clickable:hover { background: rgba(255, 255, 255, .85); border-color: rgba(91, 140, 255, .7); }
html.ozv3 #panel-analytics-ads .an-summary .card.active { background: rgba(232, 240, 255, .85); border-color: #5b8cff; box-shadow: 0 0 0 3px rgba(91, 140, 255, .18); }
html.ozv3 #panel-analytics-ads .an-summary .card .label { color: var(--g3-mut); }
html.ozv3 #panel-analytics-ads .an-summary .card .value { font-weight: 600; letter-spacing: -.02em; }

/* блоки: страхование, снято с продажи, выпали из регионов, заказы по кластерам */
html.ozv3 #panel-analytics-ads :is(.an-ins, .an-drop, .an-clo) {
    background: rgba(255, 255, 255, .55);
    -webkit-backdrop-filter: blur(14px) saturate(140%);
    backdrop-filter: blur(14px) saturate(140%);
    border: 1px solid rgba(255, 255, 255, .85);
    border-radius: 22px;
    box-shadow: 0 6px 24px rgba(40, 52, 90, .07), inset 0 1px 0 rgba(255, 255, 255, .9);
}
html.ozv3 #panel-analytics-ads .an-ins .c {
    background: rgba(255, 255, 255, .6);
    border: 1px solid rgba(255, 255, 255, .85);
    border-radius: 16px;
}
html.ozv3 #panel-analytics-ads .an-ins select { border-radius: 999px; }
html.ozv3 #panel-analytics-ads .an-clo-toggle {
    border: 1px solid var(--g3-edge);
    border-radius: 999px;
    background: rgba(255, 255, 255, .45);
    padding: 2px;
}
html.ozv3 #panel-analytics-ads .an-clo-toggle button { background: transparent; color: var(--g3-mut); border-radius: 999px; width: auto; }
html.ozv3 #panel-analytics-ads .an-clo-toggle button.active { background: rgba(255, 255, 255, .95); color: var(--g3-ink); box-shadow: 0 2px 6px rgba(40, 52, 90, .1); }
html.ozv3 #panel-analytics-ads .an-clo-chip { background: rgba(255, 255, 255, .6); border-color: var(--g3-edge); }
html.ozv3 #panel-analytics-ads .an-clo-track { background: rgba(16, 21, 31, .06); border-radius: 999px; }
html.ozv3 #panel-analytics-ads .an-clo-fill { border-radius: 999px; }

/* таблицы */
html.ozv3 #panel-analytics-ads .an-table-wrap {
    background: rgba(255, 255, 255, .6);
    border: 1px solid rgba(255, 255, 255, .85);
    border-radius: 20px;
    box-shadow: 0 6px 24px rgba(40, 52, 90, .07);
}
/* липкая шапка — почти непрозрачная, иначе строки просвечивают при прокрутке */
html.ozv3 #panel-analytics-ads .an-table thead th { background: rgba(246, 248, 251, .97); color: var(--g3-mut); }
html.ozv3 #panel-analytics-ads .an-table tbody tr:hover td { background: rgba(255, 255, 255, .7); }
html.ozv3 #panel-analytics-ads .an-thumb { border-radius: 10px; }


/* вкладки «РК | Гипотезы» (у кнопок inline-стили, активную JS красит inline → !important) */
html.ozv3 #panel-analytics-ads #ads-tabs {
    gap: 4px !important; padding: 4px !important; border: 1px solid var(--g3-edge) !important;
    background: rgba(255, 255, 255, .45) !important; border-radius: 999px !important;
}
html.ozv3 #panel-analytics-ads #ads-tabs .ads-tab-btn {
    flex: 1 1 0; width: auto; border: none !important; border-radius: 999px !important;
    background: transparent !important; color: var(--g3-mut) !important; font-weight: 500 !important; padding: 8px 14px !important;
}
html.ozv3 #panel-analytics-ads #ads-tabs .ads-tab-btn.active { background: rgba(255, 255, 255, .95) !important; color: var(--g3-ink) !important; box-shadow: 0 2px 8px rgba(40, 52, 90, .1); }

/* поиск артикулов: выпадашка, чипы; мультивыбор категорий */
html.ozv3 #panel-analytics-ads #ads-sku-results {
    background: rgba(255, 255, 255, .94) !important; border: 1px solid var(--g3-edge) !important; border-radius: 16px !important;
    -webkit-backdrop-filter: var(--g3-blur); backdrop-filter: var(--g3-blur); box-shadow: 0 12px 32px rgba(40, 52, 90, .14) !important;
}
html.ozv3 #panel-analytics-ads #ads-sku-chips > * { border-radius: 999px !important; background: rgba(91, 140, 255, .12) !important; color: #2f5fd6 !important; border: none !important; }
html.ozv3 #panel-analytics-ads #ads-cat-select { border-radius: 14px !important; background: rgba(255, 255, 255, .75) !important; border: 1px solid var(--g3-edge) !important; }
html.ozv3 #panel-analytics-ads #ads-clear-btn { background: rgba(223, 32, 89, .08) !important; color: #c0164a !important; border: 1px solid rgba(223, 32, 89, .15) !important; }

/* раскрывающиеся блоки: мониторинг, зомби, бюджет, гипотезы, изменения — стекло + лёгкий тон шапки */
html.ozv3 #panel-analytics-ads details[id$="-block"] {
    background: rgba(255, 255, 255, .58) !important;
    -webkit-backdrop-filter: blur(14px) saturate(140%); backdrop-filter: blur(14px) saturate(140%);
    border: 1px solid rgba(255, 255, 255, .85) !important; border-radius: 22px !important;
    box-shadow: 0 6px 24px rgba(40, 52, 90, .07), inset 0 1px 0 rgba(255, 255, 255, .9); overflow: hidden;
}
html.ozv3 #panel-analytics-ads details[id$="-block"] > summary { border-radius: 0 !important; padding: 12px 18px !important; list-style-position: inside; }
html.ozv3 #panel-analytics-ads #ads-alerts-block > summary { background: rgba(255, 214, 102, .22) !important; }
html.ozv3 #panel-analytics-ads #ads-zombie-block > summary { background: rgba(240, 110, 130, .14) !important; }
html.ozv3 #panel-analytics-ads #ads-budget-block > summary { background: rgba(91, 140, 255, .14) !important; }
html.ozv3 #panel-analytics-ads #ads-hyp-block > summary { background: rgba(138, 140, 242, .16) !important; }
html.ozv3 #panel-analytics-ads #ads-changes-block > summary { background: rgba(52, 195, 143, .14) !important; }
html.ozv3 #panel-analytics-ads details[id$="-block"] > div { padding: 12px 18px !important; }
/* полоса настроек внутри блока (inline-подложка) */
html.ozv3 #panel-analytics-ads details[id$="-block"] > div > div:first-child {
    background: rgba(255, 255, 255, .55) !important; border: 1px solid var(--g3-edge) !important; border-radius: 16px !important;
}
html.ozv3 #panel-analytics-ads details[id$="-block"] :is(input[type=number], input[type=text], input[type=time], input[type=date], select) {
    background: rgba(255, 255, 255, .8) !important; border: 1px solid var(--g3-edge) !important; border-radius: 999px !important; font-family: inherit;
}
html.ozv3 #panel-analytics-ads details[id$="-block"] button { border-radius: 999px !important; font-family: inherit !important; box-shadow: none !important; }
html.ozv3 #panel-analytics-ads details[id$="-block"] button[style*="background:#005BFF"],
html.ozv3 #panel-analytics-ads details[id$="-block"] button[style*="background:#4f46e5"] { background: #10151f !important; color: #fff !important; border: none !important; }
html.ozv3 #panel-analytics-ads details[id$="-block"] button[style*="background:#f3f4f6"],
html.ozv3 #panel-analytics-ads details[id$="-block"] button[style*="background:#fff"] { background: rgba(255, 255, 255, .7) !important; color: var(--g3-ink) !important; border: 1px solid var(--g3-edge) !important; }
html.ozv3 #panel-analytics-ads details[id$="-block"] summary span[id$="-badge"] { border-radius: 999px !important; }

/* блок графика «Динамика по дням» (inline-обёртка) */
html.ozv3 #panel-analytics-ads .ads-tab-pane > div:has(> canvas#ads-chart) {
    background: rgba(255, 255, 255, .58) !important; border: 1px solid rgba(255, 255, 255, .85) !important; border-radius: 22px !important;
    box-shadow: 0 6px 24px rgba(40, 52, 90, .07), inset 0 1px 0 rgba(255, 255, 255, .9); padding: 16px 18px !important;
}
html.ozv3 #panel-analytics-ads div:has(> #ads-drr-target) {
    background: rgba(255, 255, 255, .55) !important; border: 1px solid var(--g3-edge) !important; border-radius: 16px !important;
}
html.ozv3 #panel-analytics-ads div:has(> #ads-drr-target) input:not([type=checkbox]) { border-radius: 999px !important; border: 1px solid var(--g3-edge) !important; background: rgba(255, 255, 255, .8) !important; }
html.ozv3 #panel-analytics-ads #ads-drr-save { background: #10151f !important; border-radius: 999px !important; width: auto !important; }
html.ozv3 :is(#ads-chart-tooltip, #ads-sku-chart-tooltip) {
    background: rgba(16, 21, 31, .85) !important; color: #fff !important; border-radius: 12px !important;
    border: 1px solid rgba(255, 255, 255, .15) !important; -webkit-backdrop-filter: var(--g3-blur); backdrop-filter: var(--g3-blur);
}
html.ozv3 #panel-analytics-ads .an-table a { color: #2f5fd6; text-decoration: none; }
html.ozv3 #panel-analytics-ads .an-table a:hover { text-decoration: underline; }

/* окна раздела: график SKU, товары кампании */
html.ozv3 #ads-sku-chart-modal div:has(> #ads-sku-chart-canvas) {
    background: rgba(255, 255, 255, .6) !important; border: 1px solid rgba(255, 255, 255, .85) !important; border-radius: 18px !important;
}
html.ozv3 #ads-camp-products-modal .ads-camp-mode {
    border-radius: 999px !important; background: rgba(255, 255, 255, .7) !important; color: var(--g3-ink) !important; border: 1px solid var(--g3-edge) !important; width: auto;
}
html.ozv3 #ads-camp-products-modal .ads-camp-mode.on { background: #10151f !important; color: #fff !important; border-color: #10151f !important; }
html.ozv3 #ads-camp-products-modal #ads-camp-table table thead th { background: rgba(246, 248, 251, .97) !important; }
html.ozv3 #ads-camp-products-modal #ads-camp-controls :is(select, input[type=number]) { border-radius: 999px !important; border: 1px solid var(--g3-edge) !important; }

/* ================= Акции (#panel-analytics-promotions) — те же an-* классы ================= */
html.ozv3 #panel-analytics-promotions {
    background: var(--g3-glass);
    -webkit-backdrop-filter: var(--g3-blur);
    backdrop-filter: var(--g3-blur);
    border: 1px solid var(--g3-edge);
    border-radius: 24px;
    box-shadow: var(--g3-shadow);
    color: var(--g3-ink);
}
html.ozv3 #panel-analytics-promotions .an-header h2 { font-size: 26px; font-weight: 600; letter-spacing: -.01em; }
html.ozv3 #panel-analytics-promotions .an-meta { color: var(--g3-mut); }

/* фильтры и поля */
html.ozv3 #panel-analytics-promotions .an-filters {
    background: rgba(255, 255, 255, .5);
    border: 1px solid var(--g3-edge);
    border-radius: 20px;
}
html.ozv3 #panel-analytics-promotions :is(input[type=text], input[type=search], input[type=date], input[type=number], select) {
    background: rgba(255, 255, 255, .75);
    border: 1px solid var(--g3-edge);
    border-radius: 999px;
    font-family: inherit;
}
/* кнопки действий */
html.ozv3 #panel-analytics-promotions .an-btn { border-radius: 999px; font-family: inherit; font-weight: 500; box-shadow: none; }
html.ozv3 #panel-analytics-promotions .an-btn:not(.an-btn-secondary) { background: #10151f; color: #fff; border: none; }
html.ozv3 #panel-analytics-promotions .an-btn-secondary { background: rgba(255, 255, 255, .6); color: var(--g3-ink); border: 1px solid var(--g3-edge); }
html.ozv3 #panel-analytics-promotions .an-btn-secondary:hover { background: #fff; }
html.ozv3 #panel-analytics-promotions .oz-btn { border-radius: 999px; box-shadow: none; font-family: inherit; }
html.ozv3 #panel-analytics-promotions .oz-btn-soft { background: rgba(91, 140, 255, .12); color: #2f5fd6; border: none; }

/* вкладки Товары / Склад × Артикул / Склад ФФ — стеклянная дорожка */
html.ozv3 #panel-analytics-promotions #an-tabs {
    display: flex !important;
    gap: 4px !important;
    padding: 4px !important;
    background: rgba(255, 255, 255, .45) !important;
    border: 1px solid var(--g3-edge) !important;
    border-radius: 999px !important;
}
html.ozv3 #panel-analytics-promotions #an-tabs .oz-tab {
    flex: 1 1 0;
    width: auto;
    border: none;
    border-radius: 999px;
    background: transparent;
    color: var(--g3-mut);
    padding: 8px 14px;
    font-family: inherit;
}
html.ozv3 #panel-analytics-promotions #an-tabs .oz-tab.is-active { background: rgba(255, 255, 255, .95); color: var(--g3-ink); box-shadow: 0 2px 8px rgba(40, 52, 90, .1); }

/* KPI-карточки */
html.ozv3 #panel-analytics-promotions .an-summary .card {
    background: rgba(255, 255, 255, .58);
    -webkit-backdrop-filter: blur(14px) saturate(140%);
    backdrop-filter: blur(14px) saturate(140%);
    border: 1px solid rgba(255, 255, 255, .85);
    border-radius: 20px;
    padding: 14px 16px;
    box-shadow: 0 6px 24px rgba(40, 52, 90, .07), inset 0 1px 0 rgba(255, 255, 255, .9);
}
html.ozv3 #panel-analytics-promotions .an-summary .card.clickable { border-color: rgba(91, 140, 255, .45); }
html.ozv3 #panel-analytics-promotions .an-summary .card.clickable:hover { background: rgba(255, 255, 255, .85); border-color: rgba(91, 140, 255, .7); }
html.ozv3 #panel-analytics-promotions .an-summary .card.active { background: rgba(232, 240, 255, .85); border-color: #5b8cff; box-shadow: 0 0 0 3px rgba(91, 140, 255, .18); }
html.ozv3 #panel-analytics-promotions .an-summary .card .label { color: var(--g3-mut); }
html.ozv3 #panel-analytics-promotions .an-summary .card .value { font-weight: 600; letter-spacing: -.02em; }

/* блоки: страхование, снято с продажи, выпали из регионов, заказы по кластерам */
html.ozv3 #panel-analytics-promotions :is(.an-ins, .an-drop, .an-clo) {
    background: rgba(255, 255, 255, .55);
    -webkit-backdrop-filter: blur(14px) saturate(140%);
    backdrop-filter: blur(14px) saturate(140%);
    border: 1px solid rgba(255, 255, 255, .85);
    border-radius: 22px;
    box-shadow: 0 6px 24px rgba(40, 52, 90, .07), inset 0 1px 0 rgba(255, 255, 255, .9);
}
html.ozv3 #panel-analytics-promotions .an-ins .c {
    background: rgba(255, 255, 255, .6);
    border: 1px solid rgba(255, 255, 255, .85);
    border-radius: 16px;
}
html.ozv3 #panel-analytics-promotions .an-ins select { border-radius: 999px; }
html.ozv3 #panel-analytics-promotions .an-clo-toggle {
    border: 1px solid var(--g3-edge);
    border-radius: 999px;
    background: rgba(255, 255, 255, .45);
    padding: 2px;
}
html.ozv3 #panel-analytics-promotions .an-clo-toggle button { background: transparent; color: var(--g3-mut); border-radius: 999px; width: auto; }
html.ozv3 #panel-analytics-promotions .an-clo-toggle button.active { background: rgba(255, 255, 255, .95); color: var(--g3-ink); box-shadow: 0 2px 6px rgba(40, 52, 90, .1); }
html.ozv3 #panel-analytics-promotions .an-clo-chip { background: rgba(255, 255, 255, .6); border-color: var(--g3-edge); }
html.ozv3 #panel-analytics-promotions .an-clo-track { background: rgba(16, 21, 31, .06); border-radius: 999px; }
html.ozv3 #panel-analytics-promotions .an-clo-fill { border-radius: 999px; }

/* таблицы */
html.ozv3 #panel-analytics-promotions .an-table-wrap {
    background: rgba(255, 255, 255, .6);
    border: 1px solid rgba(255, 255, 255, .85);
    border-radius: 20px;
    box-shadow: 0 6px 24px rgba(40, 52, 90, .07);
}
/* липкая шапка — почти непрозрачная, иначе строки просвечивают при прокрутке */
html.ozv3 #panel-analytics-promotions .an-table thead th { background: rgba(246, 248, 251, .97); color: var(--g3-mut); }
html.ozv3 #panel-analytics-promotions .an-table tbody tr:hover td { background: rgba(255, 255, 255, .7); }
html.ozv3 #panel-analytics-promotions .an-thumb { border-radius: 10px; }


/* верхняя полоса: «Столбцы» (inline серый) — белая пилюля */
html.ozv3 #panel-analytics-promotions #promo-cols-btn { background: rgba(255, 255, 255, .7) !important; color: var(--g3-ink) !important; border: 1px solid var(--g3-edge) !important; }
html.ozv3 #panel-analytics-promotions .an-actions { background: rgba(255, 255, 255, .5); border: 1px solid var(--g3-edge); border-radius: 20px; padding: 10px 12px; }

/* блоки «Товар → акции» и «Биддер» */
html.ozv3 #panel-analytics-promotions :is(#promo-matrix-block, #bidder-block) {
    background: rgba(255, 255, 255, .58) !important;
    border: 1px solid rgba(255, 255, 255, .85) !important; border-radius: 22px !important;
    box-shadow: 0 6px 24px rgba(40, 52, 90, .07), inset 0 1px 0 rgba(255, 255, 255, .9); overflow: hidden;
}
html.ozv3 #panel-analytics-promotions :is(#promo-matrix-block, #bidder-block) > summary { padding: 12px 18px !important; }
html.ozv3 #panel-analytics-promotions :is(#promo-matrix-block, #bidder-block) :is(input[type=text], input[type=number], input[type=date], input[type=time], select) {
    background: rgba(255, 255, 255, .8) !important; border: 1px solid var(--g3-edge) !important; border-radius: 999px !important; font-family: inherit;
}
html.ozv3 #panel-analytics-promotions :is(#promo-matrix-block, #bidder-block) textarea { border-radius: 14px !important; border: 1px solid var(--g3-edge) !important; background: rgba(255, 255, 255, .8) !important; }
/* вкладки биддера — дорожка-пилюля (активную JS красит inline → !important) */
html.ozv3 #panel-analytics-promotions div:has(> .bidder-tab-btn) {
    gap: 4px !important; padding: 4px !important; border: 1px solid var(--g3-edge) !important;
    background: rgba(255, 255, 255, .45) !important; border-radius: 999px !important; flex-wrap: wrap;
}
html.ozv3 #panel-analytics-promotions .bidder-tab-btn {
    flex: 1 1 auto; width: auto !important; border: none !important; border-radius: 999px !important;
    background: transparent !important; color: var(--g3-mut) !important; font-weight: 500 !important; padding: 7px 12px !important;
}
html.ozv3 #panel-analytics-promotions .bidder-tab-btn.active { background: rgba(255, 255, 255, .95) !important; color: var(--g3-ink) !important; box-shadow: 0 2px 8px rgba(40, 52, 90, .1); }
/* цветные кнопки биддера и блоков — по смыслу: основная тёмная, удалить/сбросить — мягкие */
html.ozv3 #panel-analytics-promotions :is(#bidder-save-btn, #promo-matrix-find, #bidder-rule-save) { background: #10151f !important; border-color: #10151f !important; color: #fff !important; }
html.ozv3 #panel-analytics-promotions :is(#bidder-runs-date-clear, #bidder-log-clear-filter) { background: rgba(255, 255, 255, .7) !important; color: var(--g3-ink) !important; border: 1px solid var(--g3-edge) !important; }
html.ozv3 #panel-analytics-promotions #bidder-rule-bulk-delete { background: rgba(223, 32, 89, .1) !important; color: #c0164a !important; border: none !important; }
html.ozv3 #panel-analytics-promotions :is(#bidder-skip-pick, #bidder-rule-save-tpl) { background: rgba(52, 195, 143, .16) !important; color: #1d7d57 !important; border: none !important; }

/* карточки акций — стеклянные плитки; выбранная — синее кольцо, под замком — розовый тон */
html.ozv3 #panel-analytics-promotions .promo-card {
    background: rgba(255, 255, 255, .6) !important;
    -webkit-backdrop-filter: blur(14px) saturate(140%); backdrop-filter: blur(14px) saturate(140%);
    border: 1px solid rgba(255, 255, 255, .85) !important; border-radius: 20px !important; padding: 14px 16px !important;
    box-shadow: 0 6px 20px rgba(40, 52, 90, .06), inset 0 1px 0 rgba(255, 255, 255, .9);
}
html.ozv3 #panel-analytics-promotions .promo-card:hover { background: rgba(255, 255, 255, .85) !important; position: relative; z-index: 40; }
html.ozv3 #panel-analytics-promotions .promo-card[style*="#FFF7F9"] { background: rgba(253, 226, 234, .55) !important; }
html.ozv3 #panel-analytics-promotions .promo-card[style*="solid #005BFF"] { box-shadow: 0 0 0 2px #5b8cff, 0 8px 24px rgba(91, 140, 255, .18) !important; background: rgba(255, 255, 255, .88) !important; }
html.ozv3 #panel-analytics-promotions .promo-card span[style*="border-radius"] { border-radius: 999px !important; }

/* полоса массовых действий: мягкие цветные пилюли, смысл цветов сохранён */
html.ozv3 #panel-analytics-promotions #promo-bulk-bar {
    background: rgba(214, 228, 255, .5) !important; border: 1px solid rgba(255, 255, 255, .85) !important; border-radius: 18px !important; color: #1849a9 !important;
}
html.ozv3 #panel-analytics-promotions #promo-bulk-bar .an-btn { border: none !important; border-radius: 999px !important; font-weight: 600 !important; }
html.ozv3 #panel-analytics-promotions #promo-bulk-apply-min { background: rgba(91, 140, 255, .18) !important; color: #2f5fd6 !important; }
html.ozv3 #panel-analytics-promotions #promo-bulk-set-price { background: rgba(52, 195, 143, .18) !important; color: #1d7d57 !important; }
html.ozv3 #panel-analytics-promotions #promo-bulk-set-units { background: rgba(164, 139, 245, .2) !important; color: #6247c9 !important; }
html.ozv3 #panel-analytics-promotions #promo-bulk-remove { background: rgba(223, 32, 89, .12) !important; color: #c0164a !important; }
html.ozv3 #panel-analytics-promotions #promo-bulk-clear { background: rgba(255, 255, 255, .75) !important; color: var(--g3-ink) !important; }
html.ozv3 #panel-analytics-promotions #promo-cost-banner { border-radius: 16px !important; }

/* окна биддера: подробности запуска, лог-график, правило */
html.ozv3 #bidder-log-chart-modal div:has(> #bidder-log-chart-canvas) {
    background: rgba(255, 255, 255, .6) !important; border: 1px solid rgba(255, 255, 255, .85) !important; border-radius: 18px !important;
}
html.ozv3 :is(#bidder-run-modal, #bidder-rule-modal, #bidder-log-chart-modal) table thead th { background: rgba(246, 248, 251, .97) !important; }
html.ozv3 :is(#bidder-run-modal, #bidder-rule-modal, #bidder-log-chart-modal) .an-btn { border-radius: 999px !important; }

/* ================= Модальные окна (весь сайт) ================= */
html.ozv3 .ozon-modal-overlay {
    background: rgba(20, 26, 40, .28);
    -webkit-backdrop-filter: blur(8px) saturate(120%);
    backdrop-filter: blur(8px) saturate(120%);
}
html.ozv3 .ozon-modal {
    /* плотнее обычного стекла: в модалках много текста и полей — читаемость важнее прозрачности */
    background: rgba(255, 255, 255, .8) !important;
    -webkit-backdrop-filter: blur(30px) saturate(160%);
    backdrop-filter: blur(30px) saturate(160%);
    border: 1px solid rgba(255, 255, 255, .9);
    border-radius: 28px !important;
    box-shadow: 0 30px 80px rgba(20, 26, 40, .25), inset 0 1px 0 #fff;
    color: var(--g3-ink);
    font-family: Onest, -apple-system, system-ui, sans-serif;
}
html.ozv3 .ozon-modal-title { font-weight: 600; letter-spacing: -.01em; color: var(--g3-ink); }
html.ozv3 .ozon-modal-subtitle { color: var(--g3-mut); }
html.ozv3 .ozon-modal-close {
    background: rgba(16, 21, 31, .06);
    border: 1px solid rgba(255, 255, 255, .8);
    border-radius: 999px;
    color: var(--g3-ink);
}
html.ozv3 .ozon-modal-close:hover { background: rgba(16, 21, 31, .1); }
html.ozv3 .ozon-modal :is(.ozon-modal-input, input[type=text], input[type=number], input[type=date], input[type=tel], input[type=search], select, textarea) {
    background: rgba(255, 255, 255, .85);
    border: 1px solid rgba(16, 21, 31, .1);
    border-radius: 14px;
    font-family: inherit;
}
html.ozv3 .ozon-modal :is(.ozon-modal-input, input, select, textarea):focus {
    border-color: #5b8cff;
    box-shadow: 0 0 0 3px rgba(91, 140, 255, .18);
    outline: none;
}
html.ozv3 .ozon-modal :is(.ozon-modal-save, .ozon-modal-btn-primary) {
    background: #10151f;
    color: #fff;
    border: none;
    border-radius: 999px;
    font-family: inherit;
}
html.ozv3 .ozon-modal :is(.ozon-modal-save, .ozon-modal-btn-primary):hover { background: #2a3140; }
html.ozv3 .ozon-modal :is(.ozon-modal-btn-secondary, .ozon-modal-btn-cancel, .ozon-modal-clear) {
    background: rgba(255, 255, 255, .7);
    color: var(--g3-ink);
    border: 1px solid rgba(16, 21, 31, .1);
    border-radius: 999px;
    font-family: inherit;
}
html.ozv3 .ozon-modal .ozon-modal-btn-delete {
    background: rgba(223, 32, 89, .1);
    color: #c0164a;
    border: none;
    border-radius: 999px;
    font-family: inherit;
}
html.ozv3 .ozon-modal .ozon-modal-btn-delete:hover { background: #df2059; color: #fff; }
html.ozv3 .ozon-modal .oz-btn { border-radius: 999px; box-shadow: none; font-family: inherit; }
html.ozv3 .ozon-modal .oz-card { background: rgba(255, 255, 255, .6); border-color: rgba(255, 255, 255, .85); border-radius: 18px; }
html.ozv3 .ozon-modal table thead th { background: rgba(246, 248, 251, .97); }

/* ================= Бублик «Заказы по кластерам» (сегменты рисует бандл при html.ozv3) ================= */
html.ozv3 #panel-analytics-stocks .an-clo-donut svg { filter: drop-shadow(0 6px 14px rgba(40, 52, 90, .12)); }
html.ozv3 #panel-analytics-stocks .an-clo-center::before {
    content: "";
    position: absolute;
    width: 104px; height: 104px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .55);
    border: 1px solid rgba(255, 255, 255, .85);
    box-shadow: inset 0 1px 0 #fff, 0 4px 14px rgba(40, 52, 90, .08);
    z-index: -1;
}
html.ozv3 #panel-analytics-stocks .an-clo-center { z-index: 0; }
html.ozv3 #panel-analytics-stocks .an-clo-center .n { font-weight: 500; font-size: 30px; letter-spacing: -.02em; color: var(--g3-ink); }
html.ozv3 #panel-analytics-stocks .an-clo-center .l { color: var(--g3-mut); letter-spacing: .02em; text-transform: none; font-size: 12px; }
html.ozv3 #panel-analytics-stocks .an-clo-tip {
    background: rgba(16, 21, 31, .85);
    -webkit-backdrop-filter: var(--g3-blur);
    backdrop-filter: var(--g3-blur);
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 12px;
    color: #fff;
}

/* ⛔ backdrop-filter делает элемент «containing block» для position:fixed потомков: модалки внутри
   панели (.an-modal-bg, .ozon-modal-overlay в #panel-…) позиционировались от панели, а не от экрана —
   карточка товара в «Остатках» уезжала на 4480px вниз (17.10.2026). Поэтому на панелях разделов
   размытия НЕТ — только полупрозрачный фон; blur остаётся у плиток/блоков без модалок внутри. */
html.ozv3 :is(.tab-panel, #page-stub) {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}
html.ozv3 :is(.tab-panel, #page-stub):not(.hidden) { background-color: rgba(255, 255, 255, .5); }

/* модалки аналитики (.an-modal) — тоже стекло */
html.ozv3 .an-modal-bg {
    background: rgba(20, 26, 40, .28) !important;
    -webkit-backdrop-filter: blur(8px) saturate(120%);
    backdrop-filter: blur(8px) saturate(120%);
}
html.ozv3 .an-modal {
    background: rgba(255, 255, 255, .82) !important;
    -webkit-backdrop-filter: blur(30px) saturate(160%);
    backdrop-filter: blur(30px) saturate(160%);
    border: 1px solid rgba(255, 255, 255, .9) !important;
    border-radius: 28px !important;
    box-shadow: 0 30px 80px rgba(20, 26, 40, .25), inset 0 1px 0 #fff !important;
    font-family: Onest, -apple-system, system-ui, sans-serif;
}
html.ozv3 .an-modal table thead th { background: rgba(246, 248, 251, .97); }

/* Плитка под курсором — поверх соседей. У стеклянных плиток backdrop-filter создаёт свой слой
   (stacking context), и подсказка карточки (::after / вложенный тултип) уходила ПОД соседнюю плитку. */
html.ozv3 :is(.an-summary .card, #db-cards > div, .pulse-card, .coin-card, .corr-card, .ot-card,
              .sm-cards > *, .mt-cards > *, .an-ins .c, .cs-metric):hover {
    position: relative;
    z-index: 40;
}

/* полоски долей в таблицах причин (модалки аналитики) — скруглённые, дорожка полупрозрачная */
html.ozv3 .an-modal td > div[style*="height:5px"] { background: rgba(16, 21, 31, .06) !important; border-radius: 999px !important; height: 6px !important; }
html.ozv3 .an-modal td > div[style*="height:5px"] > div { border-radius: 999px; }

/* План/факт → колонка «Прогресс» (разметку .pf-bar-g рисует бандл в стекле) */
html.ozv3 .pf-bar-g { display: flex; align-items: center; gap: 10px; min-width: 170px; cursor: help; }
html.ozv3 .pf-bar-g .pf-bar-tracks { flex: 1 1 auto; display: flex; flex-direction: column; gap: 3px; min-width: 90px; }
html.ozv3 .pf-bar-g .pf-t { height: 7px; border-radius: 999px; background: rgba(16, 21, 31, .06); overflow: hidden; }
html.ozv3 .pf-bar-g .pf-t-buy { height: 4px; }
html.ozv3 .pf-bar-g .pf-t i { display: block; height: 100%; border-radius: 999px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35); }
html.ozv3 .pf-bar-g .pf-bar-txt { flex: 0 0 auto; display: flex; flex-direction: column; align-items: flex-end; line-height: 1.15; font-variant-numeric: tabular-nums; }
html.ozv3 .pf-bar-g .pf-bar-txt b { font-size: 12px; font-weight: 600; color: var(--g3-ink); }
html.ozv3 .pf-bar-g .pf-bar-txt em { font-style: normal; font-size: 10.5px; color: var(--g3-mut); }

/* РК: кнопки в блоках — по содержимому (глобальное button{width:100%} растягивало), единые цвета */
html.ozv3 #panel-analytics-ads details[id$="-block"] button { width: auto !important; flex: 0 0 auto !important; }
html.ozv3 #panel-analytics-ads details[id$="-block"] button[id$="-save"] { background: #10151f !important; color: #fff !important; border: none !important; }
html.ozv3 #panel-analytics-ads details[id$="-block"] button[id$="-refresh"],
html.ozv3 #panel-analytics-ads details[id$="-block"] button[id$="-new"] {
    background: rgba(255, 255, 255, .7) !important; color: var(--g3-ink) !important; border: 1px solid var(--g3-edge) !important;
}
html.ozv3 #panel-analytics-ads .ads-zombie-tohyp { background: rgba(91, 140, 255, .12) !important; color: #2f5fd6 !important; border: none !important; }
/* карточки в списках блоков (мониторинг, гипотезы, изменения) — стеклянные плитки */
html.ozv3 #panel-analytics-ads :is(#ads-alerts-list, #ads-hyp-list, #ads-changes-list) > div[style*="border"] {
    background: rgba(255, 255, 255, .62) !important; border: 1px solid rgba(255, 255, 255, .85) !important;
    border-radius: 16px !important; box-shadow: 0 4px 14px rgba(40, 52, 90, .06) !important;
}
html.ozv3 #panel-analytics-ads :is(#ads-alerts-list, #ads-hyp-list, #ads-changes-list) button { border-radius: 999px !important; width: auto !important; }

/* РК → Гипотезы: карточки мини-графиков «до/после» — стеклянные плитки */
html.ozv3 #ads-hyp-list [id^="ads-hyp-chart-"] div[style*="flex:0 1 230px"] {
    background: rgba(255, 255, 255, .6) !important; border: 1px solid rgba(255, 255, 255, .85) !important;
    border-radius: 14px !important; box-shadow: 0 3px 10px rgba(40, 52, 90, .05);
}
html.ozv3 #ads-hyp-list :is(span, div)[style*="background:#eef2ff"],
html.ozv3 #ads-hyp-list :is(span, div)[style*="background:#f5f3ff"] { background: rgba(138, 140, 242, .12) !important; border-radius: 10px !important; }
/* легенда окна «График по SKU» — цвета темы */
html.ozv3 #ads-sku-chart-modal span[style*="background:#dc2626"] { background: #ea6a6a !important; border-radius: 2px; }
html.ozv3 #ads-sku-chart-modal span[style*="background:#16a34a"] { background: #34c38f !important; border-radius: 2px; }

/* окно гипотезы: основная кнопка — тёмная пилюля, «Отмена» — белая (как во всём стекле) */
html.ozv3 #ads-hyp-save { background: #10151f !important; color: #fff !important; border: none !important; border-radius: 999px !important; }
html.ozv3 #ads-hyp-modal button[onclick*="closeAdsHypModal"]:not(.ozon-modal-close) {
    background: rgba(255, 255, 255, .7) !important; color: var(--g3-ink) !important; border: 1px solid var(--g3-edge) !important; border-radius: 999px !important;
}
html.ozv3 :is(#bch-stock-tooltip, #bidder-log-chart-tooltip) {
    background: rgba(16, 21, 31, .85) !important; color: #fff !important; border-radius: 12px !important;
    border: 1px solid rgba(255, 255, 255, .15) !important; -webkit-backdrop-filter: var(--g3-blur); backdrop-filter: var(--g3-blur);
}

/* Акции → таблица: участвующие строки (inline #fef3c7) — мягкий янтарный тон стекла; ссылки — без подчёркивания */
html.ozv3 #panel-analytics-promotions #promo-table tbody tr[style*="#fef3c7"] td { background: rgba(255, 214, 102, .16) !important; }
html.ozv3 #panel-analytics-promotions #promo-table tbody tr[style*="#fef3c7"] { background: transparent !important; }
html.ozv3 #panel-analytics-promotions .an-table a { color: #2f5fd6; text-decoration: none; }
html.ozv3 #panel-analytics-promotions .an-table a:hover { text-decoration: underline; }

/* Акции → биддер → «Графики»: выпадашка поиска товаров и кнопка «Готово» */
html.ozv3 #bch-search-results {
    background: rgba(255, 255, 255, .94) !important; border: 1px solid var(--g3-edge) !important; border-radius: 16px !important;
    -webkit-backdrop-filter: var(--g3-blur); backdrop-filter: var(--g3-blur); box-shadow: 0 12px 32px rgba(40, 52, 90, .14) !important;
}
html.ozv3 #bch-search-done { background: #10151f !important; border-radius: 999px !important; width: auto !important; padding: 4px 14px !important; }
html.ozv3 #bch-search-results [style*="background:#ecfdf5"], html.ozv3 #bch-search-results [style*="background:#f0fdf4"] { background: rgba(52, 195, 143, .12) !important; }

/* ФИКС для ВСЕХ стилей: в окне правила биддера у таблицы тиров нет своей прокрутки, а глобальное
   .an-table th {position:sticky} цепляло шапку к прокрутке окна — она уезжала в середину строк. */
#bidder-rule-modal .an-table th { position: static; }

/* карточка акции: значки в шапке переносятся, а не вылезают за край (бейдж «Участвую» ломался в 2 строки) */
html.ozv3 #panel-analytics-promotions .promo-card > div:first-child { flex-wrap: wrap; row-gap: 6px; }
html.ozv3 #panel-analytics-promotions .promo-card > div:first-child span { white-space: nowrap; }
html.ozv3 #panel-analytics-promotions .promo-card > div:first-child > div:last-child { margin-left: auto; }

/* меню «Столбцы» — стеклянная выпадашка */
html.ozv3 #promo-cols-menu {
    background: rgba(255, 255, 255, .9) !important; border: 1px solid var(--g3-edge) !important; border-radius: 18px !important;
    -webkit-backdrop-filter: var(--g3-blur); backdrop-filter: var(--g3-blur);
    box-shadow: 0 14px 36px rgba(40, 52, 90, .16) !important; padding: 8px !important;
}
html.ozv3 #promo-cols-menu label { border-radius: 10px; padding: 5px 8px !important; }
html.ozv3 #promo-cols-menu label:hover { background: rgba(16, 21, 31, .05); }

/* свои окна вместо системных (ozAlert/ozConfirm/ozPrompt) и кнопки в любых модалках стекла */
html.ozv3 .ozon-modal .oz-btn-primary { background: #10151f !important; color: #fff !important; border: none !important; }
html.ozv3 .ozon-modal .oz-btn-ghost { background: rgba(255, 255, 255, .7) !important; color: var(--g3-ink) !important; border: 1px solid var(--g3-edge) !important; }
html.ozv3 .oz-dlg-box { padding: 22px 22px 18px !important; }
html.ozv3 .oz-dlg-box .oz-btn { min-width: 96px; justify-content: center; }

/* ================= Цены (#panel-analytics-prices) — биддер обычной цены ================= */
html.ozv3 #panel-analytics-prices {
    background: var(--g3-glass); border: 1px solid var(--g3-edge); border-radius: 24px;
    box-shadow: var(--g3-shadow); color: var(--g3-ink); font-family: Onest, -apple-system, system-ui, sans-serif;
}
html.ozv3 #panel-analytics-prices .an-header h2 { font-size: 26px; font-weight: 600; letter-spacing: -.01em; }
html.ozv3 #panel-analytics-prices .an-meta { color: var(--g3-mut); }
/* смысловые блоки — стеклянные плитки */
html.ozv3 #panel-analytics-prices .an-page > .oz-card {
    background: rgba(255, 255, 255, .58) !important; border: 1px solid rgba(255, 255, 255, .85) !important;
    border-radius: 22px !important; padding: 16px 18px !important; margin-bottom: 10px !important;
    box-shadow: 0 6px 24px rgba(40, 52, 90, .07), inset 0 1px 0 rgba(255, 255, 255, .9) !important;
}
html.ozv3 #panel-analytics-prices .an-page > .oz-card h3 { font-size: 16px !important; font-weight: 600; letter-spacing: -.01em; color: var(--g3-ink); }
html.ozv3 #panel-analytics-prices .an-page > .oz-card:hover { position: relative; z-index: 40; }
/* поля и селекты */
html.ozv3 #panel-analytics-prices :is(input[type=text], input[type=number], select) {
    background: rgba(255, 255, 255, .8) !important; border: 1px solid var(--g3-edge) !important;
    border-radius: 999px !important; padding: 5px 12px !important; font-family: inherit;
}
html.ozv3 #panel-analytics-prices :is(input, select):focus { border-color: #5b8cff !important; box-shadow: 0 0 0 3px rgba(91, 140, 255, .18); outline: none; }
/* кнопки: основная тёмная, второстепенные и иконки — белые пилюли */
html.ozv3 #panel-analytics-prices .oz-btn { border-radius: 999px !important; box-shadow: none; font-family: inherit; font-weight: 500; }
html.ozv3 #panel-analytics-prices .oz-btn-primary { background: #10151f !important; color: #fff !important; border: none !important; }
html.ozv3 #panel-analytics-prices .oz-btn-primary:hover { background: #2a3140 !important; }
html.ozv3 #panel-analytics-prices .oz-btn-ghost { background: rgba(255, 255, 255, .7) !important; color: var(--g3-ink) !important; border: 1px solid var(--g3-edge) !important; }
html.ozv3 #panel-analytics-prices .oz-btn-ghost:hover { background: #fff !important; }
/* правила-лестницы и прогоны — вложенные плитки */
html.ozv3 #panel-analytics-prices :is(#price-rules-list, #price-runs) > div[style*="border:1px solid"] {
    background: rgba(255, 255, 255, .62) !important; border: 1px solid rgba(255, 255, 255, .9) !important;
    border-radius: 16px !important; box-shadow: 0 3px 12px rgba(40, 52, 90, .05);
}
html.ozv3 #panel-analytics-prices #price-runs div[data-run-toggle] { background: transparent !important; }
html.ozv3 #panel-analytics-prices #price-runs div[data-run-toggle]:hover { background: rgba(255, 255, 255, .5) !important; }
/* чипы и бейджи (тиры, шаблон, коридор, итоги прогона) — пилюли мягких тонов */
html.ozv3 #panel-analytics-prices :is(#price-rules-list, #price-runs, #pturn-summary) span[style*="padding:"][style*="border-radius"] { border-radius: 999px !important; border: none !important; }
html.ozv3 #panel-analytics-prices #price-rules-list span[style*="--oz-blue-bg"] { background: rgba(91, 140, 255, .12) !important; }
html.ozv3 #panel-analytics-prices span[style*="background:#f0fdf4"] { background: rgba(52, 195, 143, .14) !important; color: #1d7d57 !important; }
html.ozv3 #panel-analytics-prices span[style*="background:#FFE9EF"] { background: rgba(223, 32, 89, .1) !important; }
html.ozv3 #panel-analytics-prices span[style*="background:#F4F6F9"] { background: rgba(16, 21, 31, .06) !important; }
/* таблицы оборачиваемости и решений прогона */
html.ozv3 #panel-analytics-prices :is(#pturn-table, [id^="pb-run-body-"]) table { border-collapse: separate !important; border-spacing: 0; }
html.ozv3 #panel-analytics-prices :is(#pturn-table, [id^="pb-run-body-"]) thead tr { background: rgba(246, 248, 251, .97) !important; }
html.ozv3 #panel-analytics-prices :is(#pturn-table, [id^="pb-run-body-"]) th { color: var(--g3-mut); font-weight: 500; }
html.ozv3 #panel-analytics-prices :is(#pturn-table, [id^="pb-run-body-"]) tbody tr { border-top: none !important; }
html.ozv3 #panel-analytics-prices :is(#pturn-table, [id^="pb-run-body-"]) td { box-shadow: inset 0 -1px 0 var(--g3-line); }
html.ozv3 #panel-analytics-prices :is(#pturn-table, [id^="pb-run-body-"]) tbody tr:hover td { background: rgba(255, 255, 255, .7); }
html.ozv3 #panel-analytics-prices [id^="pb-run-body-"] tr[style*="#FFF5F8"] td { background: rgba(223, 32, 89, .06); }
html.ozv3 #panel-analytics-prices #pturn-table { border-radius: 16px; background: rgba(255, 255, 255, .5); }
html.ozv3 #panel-analytics-prices [id^="pb-run-body-"] > div[style*="#FFE9EF"] { background: rgba(223, 32, 89, .1) !important; border-radius: 12px !important; }

/* окно правила цен — те же цвета, что окно правила биддера */
#price-rule-modal .an-table th { position: static; }
html.ozv3 #price-rule-modal div[style*="background:#f0fdf4"] { background: rgba(52, 195, 143, .1) !important; border: 1px solid rgba(52, 195, 143, .25) !important; border-radius: 16px !important; }
html.ozv3 #price-rule-modal div[style*="background:#FFF8EC"] { background: rgba(255, 190, 92, .12) !important; border: 1px solid rgba(255, 190, 92, .3) !important; border-radius: 16px !important; }
html.ozv3 #price-rule-modal .an-btn { border-radius: 999px !important; background: rgba(255, 255, 255, .75) !important; color: var(--g3-ink) !important; border: 1px solid var(--g3-edge) !important; }
html.ozv3 #price-rule-modal #price-rule-save { background: #10151f !important; color: #fff !important; border: none !important; }
html.ozv3 #price-rule-modal #price-rule-save-tpl { background: rgba(52, 195, 143, .16) !important; color: #1d7d57 !important; border: none !important; }
html.ozv3 #price-rule-modal #price-rule-sku-results { border: 1px solid var(--g3-edge) !important; border-radius: 14px !important; background: rgba(255, 255, 255, .7); }
html.ozv3 #price-rule-modal table thead th { background: rgba(246, 248, 251, .97) !important; }

/* ================= Отзывы (#panel-analytics-reviews) ================= */
html.ozv3 #panel-analytics-reviews {
    background: var(--g3-glass); border: 1px solid var(--g3-edge); border-radius: 24px;
    box-shadow: var(--g3-shadow); color: var(--g3-ink); font-family: Onest, -apple-system, system-ui, sans-serif;
}
html.ozv3 #panel-analytics-reviews .an-header h2 { font-size: 26px; font-weight: 600; letter-spacing: -.01em; }
html.ozv3 #panel-analytics-reviews .an-meta { color: var(--g3-mut); }
/* вкладки и подвкладки — стеклянная дорожка (активную JS красит inline → !important + класс .active) */
html.ozv3 #panel-analytics-reviews :is(#reviews-tabs, div:has(> .reviews-subtab-btn)) {
    gap: 4px !important; padding: 4px !important; border: 1px solid var(--g3-edge) !important;
    background: rgba(255, 255, 255, .45) !important; border-radius: 999px !important; flex-wrap: wrap;
}
html.ozv3 #panel-analytics-reviews :is(.reviews-tab-btn, .reviews-subtab-btn) {
    flex: 1 1 0 !important; width: auto !important; border: none !important; border-radius: 999px !important;
    background: transparent !important; color: var(--g3-mut) !important; font-weight: 500 !important; padding: 8px 12px !important;
    font-family: inherit; white-space: nowrap;
}
html.ozv3 #panel-analytics-reviews :is(.reviews-tab-btn, .reviews-subtab-btn):hover { color: var(--g3-ink) !important; }
html.ozv3 #panel-analytics-reviews :is(.reviews-tab-btn, .reviews-subtab-btn).active { background: rgba(255, 255, 255, .95) !important; color: var(--g3-ink) !important; box-shadow: 0 2px 8px rgba(40, 52, 90, .1); }

/* смысловые блоки — стеклянные плитки: KPI, графики, топ товаров, настройки, подвкладки правил */
html.ozv3 #panel-analytics-reviews div[style*="border:1px solid #e5e7eb;border-radius:8px"],
html.ozv3 #panel-analytics-reviews :is([data-reviews-pane="general"], [data-reviews-pane="ai"]) > div,
html.ozv3 #panel-analytics-reviews .reviews-subpane {
    background: rgba(255, 255, 255, .58) !important; border: 1px solid rgba(255, 255, 255, .85) !important;
    border-radius: 20px !important; box-shadow: 0 6px 24px rgba(40, 52, 90, .07), inset 0 1px 0 rgba(255, 255, 255, .9);
}
html.ozv3 #panel-analytics-reviews :is([data-reviews-pane="general"], [data-reviews-pane="ai"]) > div,
html.ozv3 #panel-analytics-reviews .reviews-subpane { padding: 18px 20px !important; }
html.ozv3 #panel-analytics-reviews div[style*="border:1px solid #e5e7eb;border-radius:8px"]:hover { position: relative; z-index: 40; }
html.ozv3 #panel-analytics-reviews h3 { font-weight: 600; letter-spacing: -.01em; }
/* подсказки-плашки внутри настроек — мягкие тона, скруглённые */
html.ozv3 #panel-analytics-reviews div[style*="border-radius:6px"][style*="background:#f9fafb"] { background: rgba(255, 255, 255, .55) !important; border: 1px solid rgba(255, 255, 255, .85) !important; border-radius: 14px !important; }
html.ozv3 #panel-analytics-reviews div[style*="background:#fef3c7"] { background: rgba(255, 214, 102, .16) !important; border: 1px solid rgba(255, 214, 102, .3) !important; border-radius: 14px !important; }
html.ozv3 #panel-analytics-reviews div[style*="background:#fef2f2"] { background: rgba(223, 32, 89, .07) !important; border: 1px solid rgba(223, 32, 89, .15) !important; border-radius: 14px !important; }
html.ozv3 #panel-analytics-reviews div[style*="background:#f0fdf4"] { background: rgba(52, 195, 143, .1) !important; border: 1px solid rgba(52, 195, 143, .22) !important; border-radius: 14px !important; }
html.ozv3 #panel-analytics-reviews div[style*="background:#eef2ff"]:not([style*="linear-gradient"]) { background: rgba(138, 140, 242, .1) !important; border: 1px solid rgba(138, 140, 242, .22) !important; border-radius: 14px !important; }
html.ozv3 #panel-analytics-reviews #reviews-rules-list[style*="dashed"] { border-radius: 16px !important; border-color: rgba(16, 21, 31, .12) !important; }
/* AI-обзор — лавандовое стекло */
html.ozv3 #panel-analytics-reviews div[style*="linear-gradient(135deg,#eef2ff"] {
    background: linear-gradient(135deg, rgba(138, 140, 242, .14), rgba(228, 119, 168, .08)) !important;
    border: 1px solid rgba(255, 255, 255, .85) !important; border-radius: 22px !important;
    box-shadow: 0 6px 24px rgba(40, 52, 90, .07), inset 0 1px 0 rgba(255, 255, 255, .9);
}
html.ozv3 #panel-analytics-reviews div[style*="linear-gradient(135deg,#eef2ff"] h3 { color: #5b4fcf !important; }
html.ozv3 #panel-analytics-reviews #reviews-insight-content { background: rgba(255, 255, 255, .7) !important; border-radius: 16px !important; }

/* поля */
html.ozv3 #panel-analytics-reviews :is(input[type=text], input[type=search], input[type=number], input[type=date], input[type=time], select) {
    background: rgba(255, 255, 255, .8) !important; border: 1px solid var(--g3-edge) !important; border-radius: 999px !important; font-family: inherit;
}
html.ozv3 #panel-analytics-reviews textarea { background: rgba(255, 255, 255, .8) !important; border: 1px solid var(--g3-edge) !important; border-radius: 14px !important; font-family: inherit; }
html.ozv3 #panel-analytics-reviews :is(input, select, textarea):focus { border-color: #5b8cff !important; box-shadow: 0 0 0 3px rgba(91, 140, 255, .18); outline: none; }

/* кнопки: основные тёмные, второстепенные белые, «одобрить» мягкая зелёная, «стоп» мягкая красная */
html.ozv3 #panel-analytics-reviews .an-btn { border-radius: 999px !important; font-family: inherit; font-weight: 500; box-shadow: none; }
html.ozv3 #panel-analytics-reviews .an-btn:not(.an-btn-secondary) { background: #10151f !important; color: #fff !important; border: none !important; }
html.ozv3 #panel-analytics-reviews .an-btn:not(.an-btn-secondary):hover { background: #2a3140 !important; }
html.ozv3 #panel-analytics-reviews .an-btn-secondary { background: rgba(255, 255, 255, .7) !important; color: var(--g3-ink) !important; border: 1px solid var(--g3-edge) !important; }
html.ozv3 #panel-analytics-reviews .an-btn-secondary:hover { background: #fff !important; }
html.ozv3 #panel-analytics-reviews #reviews-bulk-approve { background: rgba(52, 195, 143, .18) !important; color: #1d7d57 !important; }
html.ozv3 #panel-analytics-reviews #reviews-bulk-stop { background: rgba(223, 32, 89, .1) !important; color: #c0164a !important; border: none !important; }
html.ozv3 #panel-analytics-reviews #reviews-sync-btn { background: rgba(255, 255, 255, .7) !important; color: var(--g3-ink) !important; border: 1px solid var(--g3-edge) !important; }

/* таблицы */
html.ozv3 #panel-analytics-reviews .an-table-wrap {
    background: rgba(255, 255, 255, .6); border: 1px solid rgba(255, 255, 255, .85); border-radius: 20px; box-shadow: 0 6px 24px rgba(40, 52, 90, .07);
}
html.ozv3 #panel-analytics-reviews .an-table thead th { background: rgba(246, 248, 251, .97); color: var(--g3-mut); }
html.ozv3 #panel-analytics-reviews .an-table tbody tr:hover td { background: rgba(255, 255, 255, .7); }
html.ozv3 #panel-analytics-reviews #reviews-top-products .an-table { background: transparent; }

/* окна раздела: кнопки в стиле стекла */
html.ozv3 [id^="reviews-"][id$="-modal"] .an-btn { border-radius: 999px !important; font-family: inherit; box-shadow: none; }
html.ozv3 [id^="reviews-"][id$="-modal"] .an-btn:not(.an-btn-secondary) { background: #10151f !important; color: #fff !important; border: none !important; }
html.ozv3 [id^="reviews-"][id$="-modal"] .an-btn-secondary { background: rgba(255, 255, 255, .7) !important; color: var(--g3-ink) !important; border: 1px solid var(--g3-edge) !important; }
html.ozv3 [id^="reviews-"][id$="-modal"] :is(input[type=text], input[type=number], select) { border-radius: 999px !important; }
html.ozv3 [id^="reviews-"][id$="-modal"] textarea { border-radius: 16px !important; }
html.ozv3 [id^="reviews-"][id$="-modal"] div[style*="background:#f9fafb"] { background: rgba(255, 255, 255, .55) !important; border-color: rgba(255, 255, 255, .85) !important; border-radius: 14px !important; }
/* окна отзывов: крестик в шапке растягивался глобальным button{width:100%} и заголовок ломался в 2 строки */
html.ozv3 [id^="reviews-"][id$="-modal"] .ozon-modal > div:first-child > button:last-child {
    width: 32px !important; height: 32px; flex: 0 0 auto !important; padding: 0 !important; border-radius: 999px !important;
    background: rgba(16, 21, 31, .06) !important; border: none !important; color: var(--g3-ink) !important;
}
html.ozv3 [id^="reviews-"][id$="-modal"] .ozon-modal > div:first-child > h3 { font-size: 20px !important; font-weight: 600; letter-spacing: -.01em; }

/* ================= P&L (ОПиУ) (#panel-analytics-pnl) ================= */
html.ozv3 #panel-analytics-pnl {
    background: var(--g3-glass); border: 1px solid var(--g3-edge); border-radius: 24px;
    box-shadow: var(--g3-shadow); color: var(--g3-ink); font-family: Onest, -apple-system, system-ui, sans-serif;
}
html.ozv3 #panel-analytics-pnl .an-header h2 { font-size: 26px; font-weight: 600; letter-spacing: -.01em; }
html.ozv3 #panel-analytics-pnl .an-meta { color: var(--g3-mut); }
/* вкладки — стеклянная дорожка (активную JS красит inline → !important + .active) */
html.ozv3 #panel-analytics-pnl #pnl-tabs {
    gap: 4px !important; padding: 4px !important; border: 1px solid var(--g3-edge) !important;
    background: rgba(255, 255, 255, .45) !important; border-radius: 999px !important;
}
html.ozv3 #panel-analytics-pnl .pnl-tab-btn {
    flex: 1 1 0 !important; width: auto !important; border: none !important; border-radius: 999px !important;
    background: transparent !important; color: var(--g3-mut) !important; font-weight: 500 !important; padding: 8px 12px !important;
    font-family: inherit; white-space: nowrap;
}
html.ozv3 #panel-analytics-pnl .pnl-tab-btn:hover { color: var(--g3-ink) !important; }
html.ozv3 #panel-analytics-pnl .pnl-tab-btn.active { background: rgba(255, 255, 255, .95) !important; color: var(--g3-ink) !important; box-shadow: 0 2px 8px rgba(40, 52, 90, .1); }
/* вкладка — стеклянная плитка */
html.ozv3 #panel-analytics-pnl .pnl-pane:not(.hidden) {
    background: rgba(255, 255, 255, .5); border: 1px solid rgba(255, 255, 255, .85); border-radius: 22px; padding: 16px 18px;
    box-shadow: 0 6px 24px rgba(40, 52, 90, .07), inset 0 1px 0 rgba(255, 255, 255, .9);
}
/* поля */
html.ozv3 #panel-analytics-pnl :is(input[type=text], input[type=search], input[type=date], input[type=number], select) {
    background: rgba(255, 255, 255, .8) !important; border: 1px solid var(--g3-edge) !important; border-radius: 999px !important; font-family: inherit;
}
html.ozv3 #panel-analytics-pnl :is(input, select):focus { border-color: #5b8cff !important; box-shadow: 0 0 0 3px rgba(91, 140, 255, .18); outline: none; }
html.ozv3 #panel-analytics-pnl label[style*="background:#fef3c7"] { background: rgba(255, 214, 102, .2) !important; border: 1px solid rgba(255, 214, 102, .35) !important; border-radius: 999px !important; }
/* кнопки: основная тёмная, остальные белые пилюли */
html.ozv3 #panel-analytics-pnl :is(.oz-btn, .an-btn) { border-radius: 999px !important; box-shadow: none; font-family: inherit; font-weight: 500; }
html.ozv3 #panel-analytics-pnl .oz-btn-primary { background: #10151f !important; color: #fff !important; border: none !important; }
html.ozv3 #panel-analytics-pnl .oz-btn-primary:hover { background: #2a3140 !important; }
html.ozv3 #panel-analytics-pnl :is(.oz-btn-ghost, .an-btn) { background: rgba(255, 255, 255, .7) !important; color: var(--g3-ink) !important; border: 1px solid var(--g3-edge) !important; }
html.ozv3 #panel-analytics-pnl :is(.oz-btn-ghost, .an-btn):hover { background: #fff !important; }
html.ozv3 #panel-analytics-pnl #pnl-cab-refetch { background: rgba(79, 184, 234, .16) !important; color: #1f7fb3 !important; border: none !important; }

/* ОПиУ: таблица в стекле; липкие ячейки — почти непрозрачные, иначе под ними просвечивают цифры */
html.ozv3 #panel-analytics-pnl #pnl-opiu-wrap {
    background: rgba(255, 255, 255, .6); border: 1px solid rgba(255, 255, 255, .85); border-radius: 20px; box-shadow: 0 6px 24px rgba(40, 52, 90, .07);
}
html.ozv3 #panel-analytics-pnl .opiu-table { color: var(--g3-ink); }
html.ozv3 #panel-analytics-pnl .opiu-table :is(th, td) { background: transparent; border-bottom: none; box-shadow: inset 0 -1px 0 var(--g3-line); }
html.ozv3 #panel-analytics-pnl .opiu-table thead th { background: rgba(246, 248, 251, .97); color: var(--g3-mut); font-weight: 500; }
html.ozv3 #panel-analytics-pnl .opiu-table .opiu-name { background: rgba(251, 252, 254, .97); border-right: none; box-shadow: inset -1px 0 0 var(--g3-line), inset 0 -1px 0 var(--g3-line); }
html.ozv3 #panel-analytics-pnl .opiu-table thead .opiu-name { background: rgba(246, 248, 251, .98); }
html.ozv3 #panel-analytics-pnl .opiu-table .opiu-total { border-left: none; box-shadow: inset 1px 0 0 var(--g3-line), inset 0 -1px 0 var(--g3-line); }
html.ozv3 #panel-analytics-pnl .opiu-k-section td { background: rgba(16, 21, 31, .035); }
html.ozv3 #panel-analytics-pnl .opiu-k-section td.opiu-name { background: #f1f3f7; }
html.ozv3 #panel-analytics-pnl .opiu-k-result td { background: rgba(91, 140, 255, .1); }
html.ozv3 #panel-analytics-pnl .opiu-k-result td.opiu-name { background: #e9effd; }
html.ozv3 #panel-analytics-pnl .opiu-row:hover td { background: rgba(255, 255, 255, .85); }
html.ozv3 #panel-analytics-pnl .opiu-row:hover td.opiu-name { background: #fff; }
html.ozv3 #panel-analytics-pnl .opiu-neg { color: #d9577f; }
html.ozv3 #panel-analytics-pnl :is(.opiu-diff, .opiu-badge-prelim span.opiu-badge-tx) { background: rgba(255, 190, 92, .18); color: #b9772a; border-radius: 999px; padding: 1px 8px; }
/* плашки-сообщения */
html.ozv3 #panel-analytics-pnl .opiu-plate { border-radius: 16px; border: 1px solid rgba(255, 255, 255, .85); }
html.ozv3 #panel-analytics-pnl .opiu-plate-warn { background: rgba(255, 190, 92, .16); color: #a8691f; }
html.ozv3 #panel-analytics-pnl .opiu-plate-ok { background: rgba(91, 140, 255, .12); color: #2f5fd6; }
html.ozv3 #panel-analytics-pnl .opiu-plate-err { background: rgba(223, 32, 89, .07); border-color: rgba(223, 32, 89, .25); color: #c0164a; }

/* Кабинет Ozon: 4 карточки сумм — стеклянные плитки с тоном своего цвета */
html.ozv3 #panel-analytics-pnl #pnl-cab-cards > div {
    border: 1px solid rgba(255, 255, 255, .85) !important; border-radius: 20px !important;
    box-shadow: 0 6px 20px rgba(40, 52, 90, .06), inset 0 1px 0 rgba(255, 255, 255, .9);
}
html.ozv3 #panel-analytics-pnl #pnl-cab-cards > div:hover { position: relative; z-index: 40; }
html.ozv3 #panel-analytics-pnl #pnl-cab-cards > div[style*="#eff6ff"] { background: rgba(91, 140, 255, .12) !important; }
html.ozv3 #panel-analytics-pnl #pnl-cab-cards > div[style*="#fff7ed"] { background: rgba(246, 160, 92, .14) !important; }
html.ozv3 #panel-analytics-pnl #pnl-cab-cards > div[style*="#dcfce7"] { background: rgba(52, 195, 143, .14) !important; }
html.ozv3 #panel-analytics-pnl #pnl-cab-cards > div[style*="#fef3c7"] { background: rgba(255, 214, 102, .18) !important; }
html.ozv3 #panel-analytics-pnl #pnl-cab-cards [id^="pnl-cab-"][style*="font-size:20px"] { font-weight: 600 !important; letter-spacing: -.02em; }
/* дерево «Кабинета»: та же таблица стекла; липкий столбец непрозрачный */
html.ozv3 #panel-analytics-pnl #pnl-cab-tree table { border-collapse: separate !important; border-spacing: 0; background: rgba(255, 255, 255, .6); border-radius: 20px; overflow: hidden; }
html.ozv3 #panel-analytics-pnl #pnl-cab-tree :is(th, td) { border: none !important; box-shadow: inset 0 -1px 0 var(--g3-line); }
html.ozv3 #panel-analytics-pnl #pnl-cab-tree thead :is(tr, th) { background: rgba(246, 248, 251, .97) !important; color: var(--g3-mut); font-weight: 500; }
html.ozv3 #panel-analytics-pnl #pnl-cab-tree tbody td:first-child { background: rgba(251, 252, 254, .97) !important; border-left: 3px solid transparent; }
html.ozv3 #panel-analytics-pnl #pnl-cab-tree tbody tr[style*="#eff6ff"] td { background: rgba(91, 140, 255, .1) !important; }
html.ozv3 #panel-analytics-pnl #pnl-cab-tree tbody tr[style*="#eff6ff"] td:first-child { background: #e9effd !important; }
html.ozv3 #panel-analytics-pnl #pnl-cab-tree td[style*="background:#eff6ff"], html.ozv3 #panel-analytics-pnl #pnl-cab-tree td[style*="background:#f0f9ff"] { background: rgba(91, 140, 255, .07) !important; }
html.ozv3 #panel-analytics-pnl #pnl-cab-tree tbody tr:hover td { background: rgba(255, 255, 255, .85) !important; }

/* Маппинг / Услуги / Категории: таблицы и подсказка */
html.ozv3 #panel-analytics-pnl .an-table-wrap {
    background: rgba(255, 255, 255, .6); border: 1px solid rgba(255, 255, 255, .85); border-radius: 20px; box-shadow: 0 6px 24px rgba(40, 52, 90, .07);
}
html.ozv3 #panel-analytics-pnl .an-table thead th { background: rgba(246, 248, 251, .97); color: var(--g3-mut); }
html.ozv3 #panel-analytics-pnl .an-table tbody tr:hover td { background: rgba(255, 255, 255, .7); }
html.ozv3 #panel-analytics-pnl div[style*="background:#f0f9ff"] { background: rgba(91, 140, 255, .1) !important; border: 1px solid rgba(91, 140, 255, .2) !important; border-radius: 16px !important; color: #2f5fd6 !important; }
html.ozv3 #panel-analytics-pnl div[style*="background:#fef3c7"]:not(#pnl-cab-cards > div) { background: rgba(255, 214, 102, .16) !important; border: 1px solid rgba(255, 214, 102, .3) !important; border-radius: 16px !important; }
/* P&L: яркие красный/зелёный/синий цифр (inline из бандла) → мягкие цвета стекла */
html.ozv3 #panel-analytics-pnl [style*="color:#dc2626"] { color: #d9577f !important; }
html.ozv3 #panel-analytics-pnl [style*="color:#16a34a"], html.ozv3 #panel-analytics-pnl [style*="color:#15803d"] { color: #23a477 !important; }
html.ozv3 #panel-analytics-pnl [style*="color:#0369a1"], html.ozv3 #panel-analytics-pnl [style*="color:#0048CC"] { color: #2f5fd6 !important; }
html.ozv3 #panel-analytics-pnl [style*="color:#c2410c"], html.ozv3 #panel-analytics-pnl [style*="color:#9a3412"] { color: #c46a2c !important; }
html.ozv3 #panel-analytics-pnl [style*="color:#92400e"] { color: #a8691f !important; }

/* ================= Платёжный календарь (#panel-analytics-payments) ================= */
html.ozv3 #panel-analytics-payments {
    background: var(--g3-glass); border: 1px solid var(--g3-edge); border-radius: 24px;
    box-shadow: var(--g3-shadow); color: var(--g3-ink); font-family: Onest, -apple-system, system-ui, sans-serif;
}
html.ozv3 #panel-analytics-payments .an-header h2 { font-size: 26px; font-weight: 600; letter-spacing: -.01em; }
html.ozv3 #panel-analytics-payments .an-meta { color: var(--g3-mut); }
/* карточки сводки */
html.ozv3 #panel-analytics-payments #payments-cards > div {
    border: 1px solid rgba(255, 255, 255, .85) !important; border-radius: 20px !important; padding: 14px 18px !important;
    box-shadow: 0 6px 20px rgba(40, 52, 90, .06), inset 0 1px 0 rgba(255, 255, 255, .9);
}
html.ozv3 #panel-analytics-payments #payments-cards > div:hover { position: relative; z-index: 40; }
html.ozv3 #panel-analytics-payments #payments-cards > div[style*="#dcfce7"] { background: rgba(52, 195, 143, .14) !important; }
html.ozv3 #panel-analytics-payments #payments-cards > div[style*="#fee2e2"] { background: rgba(240, 122, 160, .13) !important; }
html.ozv3 #panel-analytics-payments #payments-cards > div[style*="#eff6ff"] { background: rgba(91, 140, 255, .12) !important; }
html.ozv3 #panel-analytics-payments #payments-cards [id^="pe-"] { font-weight: 600 !important; letter-spacing: -.02em; }
/* панель инструментов — стеклянная полоса */
html.ozv3 #panel-analytics-payments .an-page > div:has(> #pe-add) {
    background: rgba(255, 255, 255, .5); border: 1px solid var(--g3-edge); border-radius: 20px; padding: 10px 12px;
}
html.ozv3 #panel-analytics-payments :is(input[type=date], input[type=text], input[type=number], select) {
    background: rgba(255, 255, 255, .8) !important; border: 1px solid var(--g3-edge) !important; border-radius: 999px !important; font-family: inherit;
}
html.ozv3 #panel-analytics-payments :is(input, select):focus { border-color: #5b8cff !important; box-shadow: 0 0 0 3px rgba(91, 140, 255, .18); outline: none; }
/* кнопки: «＋ Событие» тёмная, остальные — мягкие пилюли своего смысла */
html.ozv3 #panel-analytics-payments .an-btn { border-radius: 999px !important; font-family: inherit; font-weight: 500; box-shadow: none; border: none !important; }
html.ozv3 #panel-analytics-payments #pe-add { background: #10151f !important; color: #fff !important; }
html.ozv3 #panel-analytics-payments #pe-add-rec { background: rgba(164, 139, 245, .2) !important; color: #6247c9 !important; }
html.ozv3 #panel-analytics-payments #pe-sync-ozon { background: rgba(52, 195, 143, .18) !important; color: #1d7d57 !important; }
html.ozv3 #panel-analytics-payments #pe-sync-tax { background: rgba(246, 181, 69, .2) !important; color: #a8691f !important; }
html.ozv3 #panel-analytics-payments #pe-reload { background: rgba(255, 255, 255, .75) !important; color: var(--g3-ink) !important; border: 1px solid var(--g3-edge) !important; }
/* переключатель вида — дорожка (активную JS красит inline: фон синий → белая пилюля) */
html.ozv3 #panel-analytics-payments #pe-view-seg {
    gap: 3px; padding: 3px; border: 1px solid var(--g3-edge) !important; border-radius: 999px !important; background: rgba(255, 255, 255, .45);
}
html.ozv3 #panel-analytics-payments .pe-view-btn {
    width: auto !important; border: none !important; border-radius: 999px !important; background: transparent !important;
    color: var(--g3-mut) !important; font-family: inherit; font-weight: 500;
}
html.ozv3 #panel-analytics-payments .pe-view-btn[style*="var(--oz-blue)"] { background: rgba(255, 255, 255, .95) !important; color: var(--g3-ink) !important; box-shadow: 0 2px 8px rgba(40, 52, 90, .1); }
/* таблицы списка и матрицы; липкие ячейки матрицы — почти непрозрачные */
html.ozv3 #panel-analytics-payments .an-table-wrap {
    background: rgba(255, 255, 255, .6); border: 1px solid rgba(255, 255, 255, .85); border-radius: 20px; box-shadow: 0 6px 24px rgba(40, 52, 90, .07);
}
html.ozv3 #panel-analytics-payments .an-table thead :is(tr, th) { background: rgba(246, 248, 251, .97) !important; color: var(--g3-mut); }
html.ozv3 #panel-analytics-payments .an-table tbody tr:hover td { background: rgba(255, 255, 255, .7); }
html.ozv3 #panel-analytics-payments .an-table td[style*="background:#eff6ff"] { background: rgba(91, 140, 255, .08) !important; }
html.ozv3 #panel-analytics-payments .an-table :is(td, th)[style*="background:#fef9c3"], html.ozv3 #panel-analytics-payments .an-table tr[style*="#fef9c3"] td { background: rgba(255, 214, 102, .16) !important; }
html.ozv3 #panel-analytics-payments #pe-matrix-wrap td[style*="position:sticky"][style*="background:#fff"] { background: rgba(251, 252, 254, .97) !important; }
html.ozv3 #panel-analytics-payments #pe-matrix-wrap td[style*="background:#f3f4f6"] { background: #f1f3f7 !important; }
html.ozv3 #panel-analytics-payments span[style*="background:#fef3c7"], html.ozv3 #panel-analytics-payments span[style*="background:#FEF3E2"] { background: rgba(255, 190, 92, .18) !important; color: #a8691f !important; border-radius: 999px !important; }
html.ozv3 #panel-analytics-payments span[style*="background:#dcfce7"], html.ozv3 #panel-analytics-payments span[style*="background:#E6F7EE"] { background: rgba(52, 195, 143, .16) !important; color: #1d7d57 !important; border-radius: 999px !important; }
/* мягкие цвета сумм */
html.ozv3 #panel-analytics-payments [style*="color:#dc2626"], html.ozv3 #panel-analytics-payments [style*="color:var(--oz-pink)"] { color: #d9577f !important; }
html.ozv3 #panel-analytics-payments [style*="color:#15803d"], html.ozv3 #panel-analytics-payments [style*="color:#16a34a"], html.ozv3 #panel-analytics-payments [style*="color:var(--oz-green)"] { color: #23a477 !important; }
html.ozv3 #panel-analytics-payments [style*="color:#0048CC"] { color: #2f5fd6 !important; }
html.ozv3 #panel-analytics-payments .an-table .an-btn[style*="background:#dc2626"], html.ozv3 #panel-analytics-payments .an-btn[style*="var(--oz-pink)"] { background: rgba(223, 32, 89, .1) !important; color: #c0164a !important; }
html.ozv3 #panel-analytics-payments .an-table .an-btn:not([style*="#dc2626"]):not([style*="oz-pink"]) { background: rgba(255, 255, 255, .75) !important; color: var(--g3-ink) !important; border: 1px solid var(--g3-edge) !important; }
/* вид «Календарь»: стрелки месяца и карточка дня */
html.ozv3 #pe-month-wrap .an-btn { background: rgba(255, 255, 255, .75) !important; border: 1px solid var(--g3-edge) !important; border-radius: 999px !important; }
html.ozv3 #pe-month-wrap .oz-card { background: rgba(255, 255, 255, .58) !important; border: 1px solid rgba(255, 255, 255, .85) !important; border-radius: 20px !important; box-shadow: 0 6px 24px rgba(40, 52, 90, .07); }

/* окна календаря (создаются JS без .ozon-modal) — то же стекло, что у всех окон */
html.ozv3 :is(#pe-modal, #pe-rec-modal, #pe-rec-edit-modal) {
    background: rgba(20, 26, 40, .28) !important; -webkit-backdrop-filter: blur(8px) saturate(120%); backdrop-filter: blur(8px) saturate(120%);
}
html.ozv3 :is(#pe-modal, #pe-rec-modal, #pe-rec-edit-modal) > div {
    background: rgba(255, 255, 255, .82) !important; -webkit-backdrop-filter: blur(30px) saturate(160%); backdrop-filter: blur(30px) saturate(160%);
    border: 1px solid rgba(255, 255, 255, .9); border-radius: 28px !important; padding: 24px !important;
    box-shadow: 0 30px 80px rgba(20, 26, 40, .25), inset 0 1px 0 #fff !important; color: var(--g3-ink); font-family: Onest, -apple-system, system-ui, sans-serif;
}
html.ozv3 :is(#pe-modal, #pe-rec-modal, #pe-rec-edit-modal) h3 { font-size: 20px !important; font-weight: 600; letter-spacing: -.01em; }
html.ozv3 :is(#pe-modal, #pe-rec-modal, #pe-rec-edit-modal) :is(input[type=text], input[type=number], input[type=date], select) {
    background: rgba(255, 255, 255, .85) !important; border: 1px solid rgba(16, 21, 31, .1) !important; border-radius: 14px !important; font-family: inherit;
}
html.ozv3 :is(#pe-modal, #pe-rec-modal, #pe-rec-edit-modal) :is(input, select):focus { border-color: #5b8cff !important; box-shadow: 0 0 0 3px rgba(91, 140, 255, .18); outline: none; }
html.ozv3 :is(#pe-modal, #pe-rec-modal, #pe-rec-edit-modal) .an-btn { border-radius: 999px !important; border: none !important; background: #10151f !important; color: #fff !important; font-family: inherit; }
html.ozv3 :is(#pe-modal, #pe-rec-modal, #pe-rec-edit-modal) .an-btn[style*="#6b7280"] { background: rgba(255, 255, 255, .75) !important; color: var(--g3-ink) !important; border: 1px solid var(--g3-edge) !important; }
html.ozv3 :is(#pe-modal, #pe-rec-modal, #pe-rec-edit-modal) .an-btn[style*="#dc2626"] { background: rgba(223, 32, 89, .1) !important; color: #c0164a !important; }
html.ozv3 :is(#pe-modal, #pe-rec-modal, #pe-rec-edit-modal) > div > div:first-child > button:last-child {
    width: 32px !important; height: 32px; padding: 0 !important; border-radius: 999px !important; background: rgba(16, 21, 31, .06) !important; color: var(--g3-ink) !important;
}
html.ozv3 :is(#pe-modal, #pe-rec-modal, #pe-rec-edit-modal) table thead :is(tr, th) { background: rgba(246, 248, 251, .97) !important; }

/* ================= P&L Неделя (#panel-analytics-pnl-weekly); цвета таблицы — _pnlwGlassify в бандле ================= */
html.ozv3 #panel-analytics-pnl-weekly {
    background: var(--g3-glass); border: 1px solid var(--g3-edge); border-radius: 24px;
    box-shadow: var(--g3-shadow); color: var(--g3-ink); font-family: Onest, -apple-system, system-ui, sans-serif;
}
html.ozv3 #panel-analytics-pnl-weekly .an-header h2 { font-size: 26px; font-weight: 600; letter-spacing: -.01em; }
html.ozv3 #panel-analytics-pnl-weekly .an-meta { color: var(--g3-mut); }
html.ozv3 #panel-analytics-pnl-weekly #pnlw-info-banner {
    background: rgba(52, 195, 143, .1) !important; border: 1px solid rgba(52, 195, 143, .22) !important; border-radius: 16px !important; color: #1d7d57 !important;
}
/* полоса фильтров */
html.ozv3 #panel-analytics-pnl-weekly .an-page > div:has(> #pnlw-reload) {
    background: rgba(255, 255, 255, .5); border: 1px solid var(--g3-edge); border-radius: 20px; padding: 10px 12px;
}
html.ozv3 #panel-analytics-pnl-weekly :is(input[type=date], select) {
    background: rgba(255, 255, 255, .8) !important; border: 1px solid var(--g3-edge) !important; border-radius: 999px !important; font-family: inherit;
}
html.ozv3 #panel-analytics-pnl-weekly :is(input, select):focus { border-color: #5b8cff !important; box-shadow: 0 0 0 3px rgba(91, 140, 255, .18); outline: none; }
html.ozv3 #panel-analytics-pnl-weekly label { color: var(--g3-mut) !important; }
/* Неделя / День / Год — дорожка; активную JS красит inline синим → белая пилюля */
html.ozv3 #panel-analytics-pnl-weekly div:has(> .pnlw-gran-btn) {
    gap: 3px !important; padding: 3px; border: 1px solid var(--g3-edge) !important; border-radius: 999px !important; background: rgba(255, 255, 255, .45);
}
html.ozv3 #panel-analytics-pnl-weekly .pnlw-gran-btn {
    width: auto !important; border: none !important; border-radius: 999px !important; background: transparent !important;
    color: var(--g3-mut) !important; font-weight: 500 !important; font-family: inherit;
}
html.ozv3 #panel-analytics-pnl-weekly .pnlw-gran-btn:is(.on, [style*="#005BFF"], [style*="0, 91, 255"]) {
    background: rgba(255, 255, 255, .95) !important; color: var(--g3-ink) !important; box-shadow: 0 2px 8px rgba(40, 52, 90, .1);
}
/* кнопки */
html.ozv3 #panel-analytics-pnl-weekly .an-btn { border-radius: 999px !important; font-family: inherit; font-weight: 500; box-shadow: none; }
html.ozv3 #panel-analytics-pnl-weekly #pnlw-reload, html.ozv3 #panel-analytics-pnl-weekly #pnlw-toggle-all {
    background: rgba(255, 255, 255, .75) !important; color: var(--g3-ink) !important; border: 1px solid var(--g3-edge) !important;
}
html.ozv3 #panel-analytics-pnl-weekly #pnlw-excel { background: #10151f !important; color: #fff !important; border: none !important; }
/* таблица */
html.ozv3 #panel-analytics-pnl-weekly .an-table-wrap {
    background: rgba(255, 255, 255, .6); border: 1px solid rgba(255, 255, 255, .85) !important; border-radius: 20px !important;
    box-shadow: 0 6px 24px rgba(40, 52, 90, .07);
}
html.ozv3 #panel-analytics-pnl-weekly #pnlw-tbody tr:hover td:not([style*="position:sticky"]) { background: #fff !important; }
html.ozv3 #panel-analytics-pnl-weekly #pnlw-tbody td.pnlw-sel-on { background: rgba(255, 214, 102, .45) !important; outline-color: #f6b545; }
html.ozv3 #pnlw-selbar { background: rgba(16, 21, 31, .85) !important; border-radius: 999px !important; -webkit-backdrop-filter: var(--g3-blur); backdrop-filter: var(--g3-blur); }
/* окна: себестоимость, брак, налог */
html.ozv3 :is(#pnlw-cogs-modal, #pnlw-brak-modal, #pnlw-tax-modal) .ozon-modal > div[style*="border-bottom"] { border-bottom-color: var(--g3-line) !important; }
html.ozv3 :is(#pnlw-cogs-modal, #pnlw-brak-modal, #pnlw-tax-modal) .ozon-modal > div[style*="border-bottom"] > div:first-child { font-size: 20px !important; font-weight: 600 !important; letter-spacing: -.01em; }
html.ozv3 :is(#pnlw-cogs-modal, #pnlw-brak-modal, #pnlw-tax-modal) table { border-collapse: separate !important; border-spacing: 0; }
html.ozv3 :is(#pnlw-cogs-modal, #pnlw-brak-modal, #pnlw-tax-modal) :is(th, td) { border-color: var(--g3-line) !important; }
html.ozv3 :is(#pnlw-cogs-modal, #pnlw-brak-modal, #pnlw-tax-modal) thead :is(tr, th) { background: rgba(246, 248, 251, .97) !important; }
html.ozv3 :is(#pnlw-cogs-modal, #pnlw-brak-modal, #pnlw-tax-modal) [style*="color:#dc2626"] { color: #d9577f !important; }
html.ozv3 :is(#pnlw-cogs-modal, #pnlw-brak-modal, #pnlw-tax-modal) [style*="color:#15803d"], html.ozv3 :is(#pnlw-cogs-modal, #pnlw-brak-modal, #pnlw-tax-modal) [style*="color:#16a34a"] { color: #23a477 !important; }

/* ================= Категории товаров (#panel-analytics-categories) ================= */
html.ozv3 #panel-analytics-categories {
    background: var(--g3-glass); border: 1px solid var(--g3-edge); border-radius: 24px;
    box-shadow: var(--g3-shadow); color: var(--g3-ink); font-family: Onest, -apple-system, system-ui, sans-serif;
}
html.ozv3 #panel-analytics-categories .an-header h2 { font-size: 26px; font-weight: 600; letter-spacing: -.01em; }
html.ozv3 #panel-analytics-categories .an-meta { color: var(--g3-mut); }
html.ozv3 #panel-analytics-categories .an-page > div[style*="background:#eff6ff"] {
    background: rgba(91, 140, 255, .1) !important; border: 1px solid rgba(91, 140, 255, .2) !important; border-radius: 16px !important; color: #2f5fd6 !important;
}
/* вкладки — дорожка */
html.ozv3 #panel-analytics-categories #cat-tabs {
    gap: 4px !important; padding: 4px; border: 1px solid var(--g3-edge) !important; background: rgba(255, 255, 255, .45); border-radius: 999px;
}
html.ozv3 #panel-analytics-categories .cat-tab-btn {
    width: auto !important; border: none !important; border-radius: 999px !important; background: transparent !important;
    color: var(--g3-mut) !important; font-weight: 500 !important; padding: 8px 12px !important; font-family: inherit;
}
html.ozv3 #panel-analytics-categories .cat-tab-btn.active { background: rgba(255, 255, 255, .95) !important; color: var(--g3-ink) !important; box-shadow: 0 2px 8px rgba(40, 52, 90, .1); }
/* вкладка — стеклянная плитка */
html.ozv3 #panel-analytics-categories .cat-pane:not(.hidden) {
    background: rgba(255, 255, 255, .5); border: 1px solid rgba(255, 255, 255, .85); border-radius: 22px; padding: 16px 18px;
    box-shadow: 0 6px 24px rgba(40, 52, 90, .07), inset 0 1px 0 rgba(255, 255, 255, .9);
}
html.ozv3 #panel-analytics-categories :is(input[type=text], select) {
    background: rgba(255, 255, 255, .8) !important; border: 1px solid var(--g3-edge) !important; border-radius: 999px !important; font-family: inherit;
}
html.ozv3 #panel-analytics-categories :is(input, select):focus { border-color: #5b8cff !important; box-shadow: 0 0 0 3px rgba(91, 140, 255, .18); outline: none; }
/* кнопки */
html.ozv3 #panel-analytics-categories .an-btn { border-radius: 999px !important; font-family: inherit; font-weight: 500; box-shadow: none; border: none !important; }
html.ozv3 #panel-analytics-categories :is(#cat-new-add, #cat-bulk-assign) { background: #10151f !important; color: #fff !important; }
html.ozv3 #panel-analytics-categories #cat-reload, html.ozv3 #panel-analytics-categories #cat-bulk-cancel,
html.ozv3 #panel-analytics-categories .an-table .an-btn:not([style*="#dc2626"]) { background: rgba(255, 255, 255, .75) !important; color: var(--g3-ink) !important; border: 1px solid var(--g3-edge) !important; }
html.ozv3 #panel-analytics-categories #cat-import-excel { background: rgba(52, 195, 143, .18) !important; color: #1d7d57 !important; }
html.ozv3 #panel-analytics-categories :is(#cat-bulk-clear, .an-btn[style*="#dc2626"]) { background: rgba(223, 32, 89, .1) !important; color: #c0164a !important; }
/* полоса массовых действий */
html.ozv3 #panel-analytics-categories #cat-bulk-bar {
    background: rgba(214, 228, 255, .5) !important; border: 1px solid rgba(255, 255, 255, .85) !important; border-radius: 18px !important;
}
html.ozv3 #panel-analytics-categories #cat-bulk-bar span { color: #1849a9 !important; }
/* таблицы */
html.ozv3 #panel-analytics-categories .an-table-wrap,
html.ozv3 #panel-analytics-categories [data-cat-pane="categories"] > .an-table {
    background: rgba(255, 255, 255, .6); border: 1px solid rgba(255, 255, 255, .85); border-radius: 20px; box-shadow: 0 6px 24px rgba(40, 52, 90, .07);
}
html.ozv3 #panel-analytics-categories [data-cat-pane="categories"] > .an-table { border-collapse: separate; border-spacing: 0; overflow: hidden; }
html.ozv3 #panel-analytics-categories .an-table thead :is(tr, th) { background: rgba(246, 248, 251, .97) !important; color: var(--g3-mut); }
html.ozv3 #panel-analytics-categories .an-table tbody tr:hover td { background: rgba(255, 255, 255, .7); }
html.ozv3 #panel-analytics-categories .an-table img { border-radius: 10px !important; }
html.ozv3 #panel-analytics-categories .an-table div[style*="background:#f3f4f6"] { background: rgba(16, 21, 31, .06) !important; border-radius: 10px !important; }
html.ozv3 #panel-analytics-categories [style*="color:#005BFF"] { color: #2f5fd6 !important; }

/* ================= P&L по артикулам (#panel-analytics-psku) — классы psku-* ================= */
html.ozv3 #panel-analytics-psku {
    background: var(--g3-glass); border: 1px solid var(--g3-edge); border-radius: 24px;
    box-shadow: var(--g3-shadow); color: var(--g3-ink); font-family: Onest, -apple-system, system-ui, sans-serif;
}
html.ozv3 #panel-analytics-psku .psku-header h2 { font-size: 26px; font-weight: 600; letter-spacing: -.01em; color: var(--g3-ink); }
html.ozv3 #panel-analytics-psku .psku-meta { color: var(--g3-mut); }
/* под-вкладки — дорожка */
html.ozv3 #panel-analytics-psku .psku-subtabs {
    gap: 4px; padding: 4px; border: 1px solid var(--g3-edge); background: rgba(255, 255, 255, .45); border-radius: 999px;
}
html.ozv3 #panel-analytics-psku .psku-subtab {
    flex: 1 1 0; border: none; border-radius: 999px; margin: 0; color: var(--g3-mut); font-weight: 500; font-family: inherit;
}
html.ozv3 #panel-analytics-psku .psku-subtab.active { background: rgba(255, 255, 255, .95); color: var(--g3-ink); box-shadow: 0 2px 8px rgba(40, 52, 90, .1); }
/* фильтры — стеклянная полоса, пресеты пилюлями, активный — тёмный */
html.ozv3 #panel-analytics-psku .psku-filters { background: rgba(255, 255, 255, .5); border: 1px solid var(--g3-edge); border-radius: 20px; padding: 10px 12px; }
html.ozv3 #panel-analytics-psku .psku-preset { border-radius: 999px; background: rgba(255, 255, 255, .75); border: 1px solid var(--g3-edge); color: var(--g3-ink); font-family: inherit; padding: 6px 12px; }
html.ozv3 #panel-analytics-psku .psku-preset:hover { background: #fff; border-color: var(--g3-edge); }
html.ozv3 #panel-analytics-psku .psku-preset.active { background: #10151f; color: #fff; border-color: #10151f; }
html.ozv3 #panel-analytics-psku .psku-filters :is(input[type=date], input[type=text], select) {
    background: rgba(255, 255, 255, .8); border: 1px solid var(--g3-edge); border-radius: 999px; padding: 6px 12px; font-family: inherit;
}
html.ozv3 #panel-analytics-psku .psku-filters :is(input, select):focus { border-color: #5b8cff; box-shadow: 0 0 0 3px rgba(91, 140, 255, .18); outline: none; }
html.ozv3 #panel-analytics-psku .psku-cols-menu {
    background: rgba(255, 255, 255, .92); border: 1px solid var(--g3-edge); border-radius: 18px;
    -webkit-backdrop-filter: var(--g3-blur); backdrop-filter: var(--g3-blur); box-shadow: 0 14px 36px rgba(40, 52, 90, .16);
}
html.ozv3 #panel-analytics-psku .psku-cols-menu label { border-radius: 10px; padding: 5px 8px; }
html.ozv3 #panel-analytics-psku .psku-cols-menu label:hover { background: rgba(16, 21, 31, .05); }
/* карточки итогов */
html.ozv3 #panel-analytics-psku .psku-card {
    background: rgba(255, 255, 255, .58); border: 1px solid rgba(255, 255, 255, .85); border-radius: 20px; padding: 14px 16px;
    -webkit-backdrop-filter: blur(14px) saturate(140%); backdrop-filter: blur(14px) saturate(140%);
    box-shadow: 0 6px 24px rgba(40, 52, 90, .07), inset 0 1px 0 rgba(255, 255, 255, .9);
}
html.ozv3 #panel-analytics-psku .psku-card:hover { position: relative; z-index: 40; }
html.ozv3 #panel-analytics-psku .psku-card .t { color: var(--g3-mut); font-size: 12px; }
html.ozv3 #panel-analytics-psku .psku-card .v { font-weight: 600; letter-spacing: -.02em; }
/* таблица; липкие шапка / строка итога / подвал — почти непрозрачные */
html.ozv3 #panel-analytics-psku .psku-table-wrap { background: rgba(255, 255, 255, .6); border: 1px solid rgba(255, 255, 255, .85); border-radius: 20px; box-shadow: 0 6px 24px rgba(40, 52, 90, .07); }
html.ozv3 #panel-analytics-psku table.psku-tbl :is(th, td) { border-bottom: none; box-shadow: inset 0 -1px 0 var(--g3-line); }
html.ozv3 #panel-analytics-psku table.psku-tbl th { background: rgba(246, 248, 251, .98); color: var(--g3-mut); font-weight: 500; }
html.ozv3 #panel-analytics-psku table.psku-tbl tbody tr.psku-total-row td,
html.ozv3 #panel-analytics-psku table.psku-tbl tfoot td { background: #edf1fd; border-color: rgba(91, 140, 255, .25); }
html.ozv3 #panel-analytics-psku table.psku-tbl tbody tr:hover td { background: rgba(255, 255, 255, .85); }
html.ozv3 #panel-analytics-psku .psku-pos { color: #23a477; }
html.ozv3 #panel-analytics-psku .psku-neg { color: #d9577f; }
html.ozv3 #panel-analytics-psku .psku-note { color: var(--g3-mut); }
/* нелокальные продажи */
html.ozv3 #panel-analytics-psku .psku-nl-banner { background: rgba(91, 140, 255, .1); border: 1px solid rgba(91, 140, 255, .2); border-radius: 18px; }
html.ozv3 #panel-analytics-psku .psku-nl-bar { background: linear-gradient(90deg, rgba(91, 140, 255, .55), #5b8cff); border-radius: 999px; }
html.ozv3 #panel-analytics-psku .psku-nl-badge { background: rgba(255, 190, 92, .18); color: #a8691f; border-radius: 999px; padding: 1px 7px; }
html.ozv3 #panel-analytics-psku .psku-nl-detail td { background: rgba(255, 255, 255, .55); }
html.ozv3 #panel-analytics-psku .psku-nl-calc .r.tot { color: #2f5fd6; border-top-color: var(--g3-line); }
html.ozv3 #panel-analytics-psku .psku-nl-help summary { color: #2f5fd6; }
/* окно «Остатки по складам» */
html.ozv3 #panel-analytics-psku .psku-modal-overlay { background: rgba(20, 26, 40, .28); -webkit-backdrop-filter: blur(8px) saturate(120%); backdrop-filter: blur(8px) saturate(120%); }
html.ozv3 #panel-analytics-psku .psku-modal {
    background: rgba(255, 255, 255, .82); -webkit-backdrop-filter: blur(30px) saturate(160%); backdrop-filter: blur(30px) saturate(160%);
    border: 1px solid rgba(255, 255, 255, .9); border-radius: 28px; box-shadow: 0 30px 80px rgba(20, 26, 40, .25), inset 0 1px 0 #fff;
}
html.ozv3 #panel-analytics-psku .psku-modal-head { border-bottom-color: var(--g3-line); padding: 18px 22px; font-size: 18px; }
html.ozv3 #panel-analytics-psku .psku-modal-x {
    width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; background: rgba(16, 21, 31, .06); color: var(--g3-ink); font-size: 18px;
}
html.ozv3 #panel-analytics-psku #psku-stock-body { padding: 14px 22px 20px; }
html.ozv3 #panel-analytics-psku .psku-wh-tbl :is(th, td) { border-bottom-color: var(--g3-line); }
html.ozv3 #panel-analytics-psku .psku-wh-tbl th { color: var(--g3-mut); font-weight: 500; }

/* ================= ABC/XYZ анализ (#panel-analytics-abc) — классы abcx-* ================= */
html.ozv3 #panel-analytics-abc {
    /* смягчаем фирменные цвета внутри раздела: плитки и подписи берут их через var(--oz-*) */
    --oz-green: #23a477; --oz-blue: #4a78e6; --oz-pink: #d9577f; --oz-amber-tx: #b9772a; --oz-mut: rgba(16, 21, 31, .55); --oz-ink: #10151f;
    background: var(--g3-glass); border: 1px solid var(--g3-edge); border-radius: 24px;
    box-shadow: var(--g3-shadow); color: var(--g3-ink); font-family: Onest, -apple-system, system-ui, sans-serif;
}
html.ozv3 #panel-analytics-abc .abcx-header h2 { font-size: 26px; font-weight: 600; letter-spacing: -.01em; }
/* фильтры */
html.ozv3 #panel-analytics-abc .abcx-filters { background: rgba(255, 255, 255, .5); border: 1px solid var(--g3-edge); border-radius: 20px; padding: 10px 12px; }
html.ozv3 #panel-analytics-abc .abcx-preset { border-radius: 999px; background: rgba(255, 255, 255, .75); border: 1px solid var(--g3-edge); padding: 6px 12px; font-family: inherit; }
html.ozv3 #panel-analytics-abc .abcx-preset.active { background: #10151f; color: #fff; border-color: #10151f; }
html.ozv3 #panel-analytics-abc .abcx-seg { gap: 3px; padding: 3px; border: 1px solid var(--g3-edge); border-radius: 999px; background: rgba(255, 255, 255, .45); }
html.ozv3 #panel-analytics-abc .abcx-seg button { border-radius: 999px; font-family: inherit; font-weight: 500; padding: 5px 14px; }
html.ozv3 #panel-analytics-abc .abcx-seg button.active { background: rgba(255, 255, 255, .95); color: var(--g3-ink); box-shadow: 0 2px 8px rgba(40, 52, 90, .1); font-weight: 600; }
html.ozv3 #panel-analytics-abc :is(.abcx-filters input[type=date], .abcx-filters select, .abcx-search, .abcx-alert-row input) {
    background: rgba(255, 255, 255, .8); border: 1px solid var(--g3-edge); border-radius: 999px; padding: 6px 12px; font-family: inherit;
}
html.ozv3 #panel-analytics-abc :is(input, select):focus { border-color: #5b8cff; box-shadow: 0 0 0 3px rgba(91, 140, 255, .18); outline: none; }
html.ozv3 #panel-analytics-abc .oz-btn { border-radius: 999px; box-shadow: none; font-family: inherit; }
html.ozv3 #panel-analytics-abc .oz-btn-soft { background: rgba(255, 255, 255, .75); color: var(--g3-ink); border: 1px solid var(--g3-edge); }
html.ozv3 #panel-analytics-abc .oz-btn-primary { background: #10151f; color: #fff; border: none; }
html.ozv3 #panel-analytics-abc .oz-btn-ghost { background: rgba(255, 255, 255, .7); color: var(--g3-ink); border: 1px solid var(--g3-edge); }
html.ozv3 #panel-analytics-abc .abcx-excel-btn { background: rgba(52, 195, 143, .18); border: none; color: #1d7d57; }
html.ozv3 #panel-analytics-abc .abcx-excel-btn:hover { background: rgba(52, 195, 143, .28); border: none; }
/* плитки и блоки — стекло */
html.ozv3 #panel-analytics-abc :is(.oz-card, .abcx-explain) {
    background: rgba(255, 255, 255, .58); border: 1px solid rgba(255, 255, 255, .85); border-radius: 22px;
    box-shadow: 0 6px 24px rgba(40, 52, 90, .07), inset 0 1px 0 rgba(255, 255, 255, .9);
}
html.ozv3 #panel-analytics-abc .abcx-tile:hover { background: rgba(255, 255, 255, .85); z-index: 40; }
html.ozv3 #panel-analytics-abc .abcx-tile-active { outline: none; box-shadow: 0 0 0 2px #5b8cff, 0 8px 24px rgba(91, 140, 255, .18); }
html.ozv3 #panel-analytics-abc .abcx-tile-n { font-weight: 600; letter-spacing: -.02em; }
html.ozv3 #panel-analytics-abc .abcx-bar { background: rgba(16, 21, 31, .06); border-radius: 999px; gap: 2px; }
html.ozv3 #panel-analytics-abc .abcx-seg-part:first-child { border-radius: 999px 0 0 999px; }
html.ozv3 #panel-analytics-abc .abcx-seg-part:last-child { border-radius: 0 999px 999px 0; }
html.ozv3 #panel-analytics-abc .abcx-leg-d { border-radius: 999px; }
html.ozv3 #panel-analytics-abc .abcx-onboard { background: rgba(91, 140, 255, .1); border: 1px solid rgba(255, 255, 255, .85); border-radius: 22px; }
html.ozv3 #panel-analytics-abc .abcx-onboard-card { background: rgba(255, 255, 255, .7); border: 1px solid rgba(255, 255, 255, .9); border-radius: 14px; }
html.ozv3 #panel-analytics-abc .abcx-action-card { border-radius: 18px; }
html.ozv3 #panel-analytics-abc .abcx-action-rise { background: rgba(52, 195, 143, .1); }
html.ozv3 #panel-analytics-abc .abcx-action-loss { background: rgba(240, 122, 160, .1); }
html.ozv3 #panel-analytics-abc .abcx-action-dead { background: rgba(255, 190, 92, .12); }
html.ozv3 #panel-analytics-abc .abcx-action-ok { background: rgba(52, 195, 143, .12); border-color: rgba(52, 195, 143, .25); border-radius: 18px; color: #1d7d57; }
html.ozv3 #panel-analytics-abc .abcx-topitem { border-bottom-color: var(--g3-line); border-radius: 10px; }
html.ozv3 #panel-analytics-abc .abcx-topitem:hover { background: rgba(255, 255, 255, .7); }
html.ozv3 #panel-analytics-abc :is(.abcx-thumb, .abcx-modal-thumb) { border-radius: 10px; }
html.ozv3 #panel-analytics-abc :is(.abcx-badge, .abcx-alert-badge) { border-radius: 999px; }
/* таблица */
html.ozv3 #panel-analytics-abc .abcx-table-wrap { background: rgba(255, 255, 255, .6); border: 1px solid rgba(255, 255, 255, .85); border-radius: 20px; box-shadow: 0 6px 24px rgba(40, 52, 90, .07); }
html.ozv3 #panel-analytics-abc table.abcx-tbl :is(th, td) { border-bottom: none; box-shadow: inset 0 -1px 0 var(--g3-line); }
html.ozv3 #panel-analytics-abc table.abcx-tbl th { background: rgba(246, 248, 251, .98); color: var(--g3-mut); font-weight: 500; }
html.ozv3 #panel-analytics-abc table.abcx-tbl tbody tr:hover td { background: rgba(255, 255, 255, .85); }
/* окно расшифровки прибыли */
html.ozv3 #panel-analytics-abc .abcx-modal-ov { background: rgba(20, 26, 40, .28); -webkit-backdrop-filter: blur(8px) saturate(120%); backdrop-filter: blur(8px) saturate(120%); }
html.ozv3 #panel-analytics-abc .abcx-modal {
    background: rgba(255, 255, 255, .86); -webkit-backdrop-filter: blur(30px) saturate(160%); backdrop-filter: blur(30px) saturate(160%);
    border: 1px solid rgba(255, 255, 255, .9); border-radius: 28px; box-shadow: 0 30px 80px rgba(20, 26, 40, .25), inset 0 1px 0 #fff;
}
html.ozv3 #panel-analytics-abc .abcx-modal-head { background: rgba(255, 255, 255, .95); border-bottom-color: var(--g3-line); padding: 18px 22px; }
html.ozv3 #panel-analytics-abc .abcx-modal-x { width: 32px !important; height: 32px; border-radius: 999px; background: rgba(16, 21, 31, .06); color: var(--g3-ink); font-size: 18px; padding: 0; }
html.ozv3 #panel-analytics-abc .abcx-modal-body { padding: 16px 22px 20px; }
html.ozv3 #panel-analytics-abc .abcx-wf td { border-bottom-color: var(--g3-line); }
html.ozv3 #panel-analytics-abc .abcx-wf tr.sub td { background: rgba(16, 21, 31, .035); border-top-color: var(--g3-line); }
html.ozv3 #panel-analytics-abc .abcx-wf tr.tot td { background: rgba(91, 140, 255, .1); border-top: 2px solid rgba(91, 140, 255, .45); }
html.ozv3 #panel-analytics-abc .abcx-kv div { background: rgba(255, 255, 255, .7); border: 1px solid rgba(255, 255, 255, .9); border-radius: 14px; }

/* ================= Выкупы маркетплейсом (#panel-analytics-buyouts) ================= */
html.ozv3 #panel-analytics-buyouts {
    background: var(--g3-glass); border: 1px solid var(--g3-edge); border-radius: 24px;
    box-shadow: var(--g3-shadow); color: var(--g3-ink); font-family: Onest, -apple-system, system-ui, sans-serif;
}
html.ozv3 #panel-analytics-buyouts h2 { font-size: 26px; font-weight: 600; letter-spacing: -.01em; color: var(--g3-ink); }
html.ozv3 #panel-analytics-buyouts .bo-sub { color: var(--g3-mut); }
html.ozv3 #panel-analytics-buyouts .bo-page > div:has(> div > #bo-from) {
    background: rgba(255, 255, 255, .5); border: 1px solid var(--g3-edge); border-radius: 20px; padding: 10px 14px; align-items: flex-end;
}
html.ozv3 #panel-analytics-buyouts label { color: var(--g3-mut) !important; }
html.ozv3 #panel-analytics-buyouts input[type=date] { background: rgba(255, 255, 255, .8) !important; border: 1px solid var(--g3-edge) !important; border-radius: 999px !important; font-family: inherit; }
html.ozv3 #panel-analytics-buyouts .an-btn { border-radius: 999px; background: #10151f; color: #fff; border: none; font-family: inherit; }
html.ozv3 #panel-analytics-buyouts .bo-kpi {
    background: rgba(255, 255, 255, .58); border: 1px solid rgba(255, 255, 255, .85); border-radius: 20px; padding: 14px 18px;
    box-shadow: 0 6px 20px rgba(40, 52, 90, .06), inset 0 1px 0 rgba(255, 255, 255, .9);
}
html.ozv3 #panel-analytics-buyouts .bo-kpi:hover { position: relative; z-index: 40; }
html.ozv3 #panel-analytics-buyouts .bo-kpi .k { color: var(--g3-mut); text-transform: none; letter-spacing: 0; font-size: 12px; }
html.ozv3 #panel-analytics-buyouts .bo-kpi .v { color: var(--g3-ink); font-weight: 600; letter-spacing: -.02em; }
html.ozv3 #panel-analytics-buyouts #bo-body > table, html.ozv3 #panel-analytics-buyouts #bo-body table:first-of-type {
    background: rgba(255, 255, 255, .6); border-collapse: separate; border-spacing: 0; border-radius: 20px; overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .85); box-shadow: 0 6px 24px rgba(40, 52, 90, .07);
}
html.ozv3 #panel-analytics-buyouts :is(th, td) { border-bottom: none; box-shadow: inset 0 -1px 0 var(--g3-line); }
html.ozv3 #panel-analytics-buyouts th { background: rgba(246, 248, 251, .97); color: var(--g3-mut); font-weight: 500; }
html.ozv3 #panel-analytics-buyouts tr.bo-doc:hover { background: rgba(255, 255, 255, .8); }
html.ozv3 #panel-analytics-buyouts tr.bo-items { background: rgba(16, 21, 31, .025); }

/* ================= Закупки, ФФ и себес (#panel-analytics-purchase) ================= */
html.ozv3 #panel-analytics-purchase {
    background: var(--g3-glass); border: 1px solid var(--g3-edge); border-radius: 24px;
    box-shadow: var(--g3-shadow); color: var(--g3-ink); font-family: Onest, -apple-system, system-ui, sans-serif;
}
html.ozv3 #panel-analytics-purchase .an-header h2 { font-size: 26px; font-weight: 600; letter-spacing: -.01em; }
html.ozv3 #panel-analytics-purchase .an-meta { color: var(--g3-mut); }
/* вкладки — дорожка (активную JS красит inline → !important + .active) */
html.ozv3 #panel-analytics-purchase div:has(> .pur-tab-btn) {
    gap: 4px !important; padding: 4px; border: 1px solid var(--g3-edge) !important; background: rgba(255, 255, 255, .45); border-radius: 999px;
}
html.ozv3 #panel-analytics-purchase .pur-tab-btn {
    flex: 1 1 0; width: auto !important; border: none !important; border-radius: 999px !important; background: transparent !important;
    color: var(--g3-mut) !important; font-weight: 500 !important; padding: 8px 14px !important; font-family: inherit;
}
html.ozv3 #panel-analytics-purchase .pur-tab-btn.active { background: rgba(255, 255, 255, .95) !important; color: var(--g3-ink) !important; box-shadow: 0 2px 8px rgba(40, 52, 90, .1); }
/* вкладка — стеклянная плитка; полоса фильтров внутри */
html.ozv3 #panel-analytics-purchase .pur-tab-panel:not([style*="display: none"]):not([style*="display:none"]) {
    background: rgba(255, 255, 255, .5); border: 1px solid rgba(255, 255, 255, .85); border-radius: 22px; padding: 16px 18px;
    box-shadow: 0 6px 24px rgba(40, 52, 90, .07), inset 0 1px 0 rgba(255, 255, 255, .9);
}
html.ozv3 #panel-analytics-purchase label { color: var(--g3-mut) !important; }
html.ozv3 #panel-analytics-purchase :is(input[type=text], input[type=number], input[type=date], select) {
    background: rgba(255, 255, 255, .8) !important; border: 1px solid var(--g3-edge) !important; border-radius: 999px !important; font-family: inherit;
}
html.ozv3 #panel-analytics-purchase :is(input, select, textarea):focus { border-color: #5b8cff !important; box-shadow: 0 0 0 3px rgba(91, 140, 255, .18); outline: none; }
/* кнопки: «＋ Новая …» тёмная, второстепенные белые, Excel мягкая зелёная, удалить — мягкая красная */
html.ozv3 #panel-analytics-purchase .an-btn { border-radius: 999px !important; font-family: inherit; font-weight: 500; box-shadow: none; }
html.ozv3 #panel-analytics-purchase .an-btn:not(.an-btn-secondary):not(.an-btn-excel) { background: #10151f !important; color: #fff !important; border: none !important; }
html.ozv3 #panel-analytics-purchase .an-btn-secondary { background: rgba(255, 255, 255, .75) !important; color: var(--g3-ink) !important; border: 1px solid var(--g3-edge) !important; }
html.ozv3 #panel-analytics-purchase .an-btn-secondary:hover { background: #fff !important; }
html.ozv3 #panel-analytics-purchase .an-btn-excel { background: rgba(52, 195, 143, .18) !important; color: #1d7d57 !important; border: none !important; }
html.ozv3 #panel-analytics-purchase .an-btn[style*="#dc2626"], html.ozv3 #panel-analytics-purchase .an-btn[style*="#ef4444"] { background: rgba(223, 32, 89, .1) !important; color: #c0164a !important; }
html.ozv3 #panel-analytics-purchase #pur-cols-menu {
    background: rgba(255, 255, 255, .92) !important; border: 1px solid var(--g3-edge) !important; border-radius: 18px !important;
    -webkit-backdrop-filter: var(--g3-blur); backdrop-filter: var(--g3-blur); box-shadow: 0 14px 36px rgba(40, 52, 90, .16) !important;
}
/* таблицы (в т.ч. все витрины «Детализации ФФ») */
html.ozv3 #panel-analytics-purchase .an-table-wrap {
    background: rgba(255, 255, 255, .6); border: 1px solid rgba(255, 255, 255, .85); border-radius: 20px; box-shadow: 0 6px 24px rgba(40, 52, 90, .07);
}
html.ozv3 #panel-analytics-purchase .an-table thead :is(tr, th) { background: rgba(246, 248, 251, .97) !important; color: var(--g3-mut); }
html.ozv3 #panel-analytics-purchase .an-table tbody tr:hover td { background: rgba(255, 255, 255, .7); }
html.ozv3 #panel-analytics-purchase .an-table :is(td, tr)[style*="background:#f9fafb"] { background: rgba(16, 21, 31, .03) !important; }
/* «Детализация ФФ»: подвкладки (активная — без .an-btn-secondary) — дорожка-пилюли; зона загрузки; плашки */
html.ozv3 #panel-analytics-purchase #ffbal-subnav { gap: 4px !important; padding: 4px; border: 1px solid var(--g3-edge); background: rgba(255, 255, 255, .45); border-radius: 999px; }
html.ozv3 #panel-analytics-purchase #ffbal-subnav .an-btn { background: transparent !important; color: var(--g3-mut) !important; border: none !important; }
html.ozv3 #panel-analytics-purchase #ffbal-subnav .an-btn:not(.an-btn-secondary) { background: rgba(255, 255, 255, .95) !important; color: var(--g3-ink) !important; box-shadow: 0 2px 8px rgba(40, 52, 90, .1); }
html.ozv3 #panel-analytics-purchase #ffbal-dropzone { background: rgba(255, 255, 255, .55) !important; border: 2px dashed rgba(91, 140, 255, .35) !important; border-radius: 20px !important; }
html.ozv3 #panel-analytics-purchase #ffbal-dropzone.is-drag-over, html.ozv3 #panel-analytics-purchase #ffbal-dropzone:hover { background: rgba(91, 140, 255, .08) !important; }
html.ozv3 #panel-analytics-purchase [id^="ffbal-view-"] div[style*="border-radius"][style*="background:#F5F9FF"],
html.ozv3 #panel-analytics-purchase [id^="ffbal-view-"] div[style*="background:#EAF1FF"] { background: rgba(91, 140, 255, .1) !important; border-color: rgba(91, 140, 255, .2) !important; border-radius: 16px !important; }
html.ozv3 #panel-analytics-purchase [id^="ffbal-view-"] div[style*="background:#FEF3E2"],
html.ozv3 #panel-analytics-purchase [id^="ffbal-view-"] div[style*="background:#fff7ed"] { background: rgba(255, 190, 92, .14) !important; border-color: rgba(255, 190, 92, .3) !important; border-radius: 16px !important; }
html.ozv3 #panel-analytics-purchase [style*="color:#be123c"], html.ozv3 #panel-analytics-purchase [style*="color:#b91c1c"], html.ozv3 #panel-analytics-purchase [style*="color:#F91155"] { color: #d9577f !important; }
html.ozv3 #panel-analytics-purchase [style*="color:#15803d"], html.ozv3 #panel-analytics-purchase [style*="color:#00B956"] { color: #23a477 !important; }
html.ozv3 #panel-analytics-purchase [style*="color:#b45309"], html.ozv3 #panel-analytics-purchase [style*="color:#c2410c"], html.ozv3 #panel-analytics-purchase [style*="color:#C9760F"] { color: #b9772a !important; }

/* окна закупок: партия, ФФ-расход, импорт, линия */
html.ozv3 :is(#pur-batch-modal, #pur-ff-modal, #pur-import-modal, #pur-line-modal) .an-btn { border-radius: 999px !important; font-family: inherit; box-shadow: none; }
html.ozv3 :is(#pur-batch-modal, #pur-ff-modal, #pur-import-modal, #pur-line-modal) .an-btn:not(.an-btn-secondary):not(.an-btn-excel) { background: #10151f !important; color: #fff !important; border: none !important; }
html.ozv3 :is(#pur-batch-modal, #pur-ff-modal, #pur-import-modal, #pur-line-modal) .an-btn-secondary { background: rgba(255, 255, 255, .75) !important; color: var(--g3-ink) !important; border: 1px solid var(--g3-edge) !important; }
html.ozv3 :is(#pur-batch-modal, #pur-ff-modal, #pur-import-modal, #pur-line-modal) .an-table-wrap { background: rgba(255, 255, 255, .6); border-radius: 16px; border: 1px solid rgba(255, 255, 255, .85); }
html.ozv3 :is(#pur-batch-modal, #pur-ff-modal, #pur-import-modal, #pur-line-modal) .ozon-modal-title { font-size: 20px !important; }

/* ================= Кросс-докинг и партии (#panel-analytics-crossdock) + Настройки (#panel-analytics-settings) ================= */
html.ozv3 :is(#panel-analytics-crossdock, #panel-analytics-settings) {
    background: var(--g3-glass); border: 1px solid var(--g3-edge); border-radius: 24px;
    box-shadow: var(--g3-shadow); color: var(--g3-ink); font-family: Onest, -apple-system, system-ui, sans-serif;
}
html.ozv3 :is(#panel-analytics-crossdock, #panel-analytics-settings) .an-header h2 { font-size: 26px; font-weight: 600; letter-spacing: -.01em; }
html.ozv3 :is(#panel-analytics-crossdock, #panel-analytics-settings) .an-meta { color: var(--g3-mut); }
html.ozv3 :is(#panel-analytics-crossdock, #panel-analytics-settings) label { color: var(--g3-mut) !important; }
/* вкладки — дорожка */
html.ozv3 #panel-analytics-crossdock div:has(> .cd-tab-btn),
html.ozv3 #panel-analytics-settings div:has(> .set-tab-btn) {
    gap: 4px !important; padding: 4px; border: 1px solid var(--g3-edge) !important; background: rgba(255, 255, 255, .45); border-radius: 999px;
}
html.ozv3 :is(#panel-analytics-crossdock .cd-tab-btn, #panel-analytics-settings .set-tab-btn) {
    flex: 1 1 0; width: auto !important; border: none !important; border-radius: 999px !important; background: transparent !important;
    color: var(--g3-mut) !important; font-weight: 500 !important; padding: 8px 14px !important; font-family: inherit;
}
html.ozv3 :is(#panel-analytics-crossdock .cd-tab-btn, #panel-analytics-settings .set-tab-btn).active {
    background: rgba(255, 255, 255, .95) !important; color: var(--g3-ink) !important; box-shadow: 0 2px 8px rgba(40, 52, 90, .1);
}
/* полоса фильтров кросс-докинга */
html.ozv3 #panel-analytics-crossdock .an-page > div:has(> #cd-date-from) {
    background: rgba(255, 255, 255, .5); border: 1px solid var(--g3-edge); border-radius: 20px; padding: 10px 14px;
}
html.ozv3 :is(#panel-analytics-crossdock, #panel-analytics-settings) :is(input[type=text], input[type=number], input[type=date], select) {
    background: rgba(255, 255, 255, .8) !important; border: 1px solid var(--g3-edge) !important; border-radius: 999px !important; font-family: inherit;
}
html.ozv3 :is(#panel-analytics-crossdock, #panel-analytics-settings) :is(input, select):focus { border-color: #5b8cff !important; box-shadow: 0 0 0 3px rgba(91, 140, 255, .18); outline: none; }
/* кнопки — тёмные пилюли (все основные синие inline) */
html.ozv3 :is(#panel-analytics-crossdock, #panel-analytics-settings) .an-btn { border-radius: 999px !important; background: #10151f !important; color: #fff !important; border: none !important; font-family: inherit; font-weight: 500; box-shadow: none; }
html.ozv3 :is(#panel-analytics-crossdock, #panel-analytics-settings) .an-table .an-btn:not([style*="#dc2626"]):not([style*="#ef4444"]) { background: rgba(255, 255, 255, .75) !important; color: var(--g3-ink) !important; border: 1px solid var(--g3-edge) !important; }
html.ozv3 :is(#panel-analytics-crossdock, #panel-analytics-settings) .an-btn:is([style*="#dc2626"], [style*="#ef4444"]) { background: rgba(223, 32, 89, .1) !important; color: #c0164a !important; }
/* карточки сводки кросс-докинга */
html.ozv3 #panel-analytics-crossdock #cd-summary-cards > div {
    background: rgba(255, 255, 255, .58) !important; border: 1px solid rgba(255, 255, 255, .85) !important; border-radius: 20px !important; padding: 14px 16px !important;
    box-shadow: 0 6px 20px rgba(40, 52, 90, .06), inset 0 1px 0 rgba(255, 255, 255, .9);
}
html.ozv3 #panel-analytics-crossdock #cd-summary-cards > div:hover { position: relative; z-index: 40; }
html.ozv3 #panel-analytics-crossdock #cd-summary-cards > div > div:first-child { text-transform: none !important; letter-spacing: 0 !important; font-size: 12px !important; font-weight: 500 !important; }
html.ozv3 #panel-analytics-crossdock #cd-summary-cards > div > div:nth-child(2) { font-weight: 600 !important; letter-spacing: -.02em; }
/* плашки настроек */
html.ozv3 #panel-analytics-settings div[style*="background:#eff6ff"] { background: rgba(91, 140, 255, .1) !important; border: 1px solid rgba(91, 140, 255, .2) !important; border-radius: 18px !important; color: #2f5fd6 !important; }
html.ozv3 #panel-analytics-settings div[style*="background:#fef2f2"] { background: rgba(223, 32, 89, .07) !important; border: 1px solid rgba(223, 32, 89, .18) !important; border-radius: 18px !important; color: #a8274f !important; }
/* вкладка-контент — плитка */
html.ozv3 #panel-analytics-settings .set-pane:not([style*="display: none"]):not([style*="display:none"]) {
    background: rgba(255, 255, 255, .5); border: 1px solid rgba(255, 255, 255, .85); border-radius: 22px; padding: 18px 20px;
    box-shadow: 0 6px 24px rgba(40, 52, 90, .07), inset 0 1px 0 rgba(255, 255, 255, .9);
}
/* таблицы */
html.ozv3 :is(#panel-analytics-crossdock, #panel-analytics-settings) .an-table-wrap {
    background: rgba(255, 255, 255, .6); border: 1px solid rgba(255, 255, 255, .85) !important; border-radius: 20px !important; box-shadow: 0 6px 24px rgba(40, 52, 90, .07);
}
html.ozv3 :is(#panel-analytics-crossdock, #panel-analytics-settings, #cd-order-modal) .an-table thead :is(tr, th) { background: rgba(246, 248, 251, .97) !important; color: var(--g3-mut); }
html.ozv3 :is(#panel-analytics-crossdock, #panel-analytics-settings) .an-table tbody tr:hover td { background: rgba(255, 255, 255, .7); }
html.ozv3 :is(#panel-analytics-crossdock, #panel-analytics-settings, #cd-order-modal) [style*="color:#dc2626"] { color: #d9577f !important; }
html.ozv3 :is(#panel-analytics-crossdock, #panel-analytics-settings, #cd-order-modal) [style*="color:#15803d"] { color: #23a477 !important; }
html.ozv3 :is(#panel-analytics-crossdock, #panel-analytics-settings, #cd-order-modal) [style*="color:#0369a1"], html.ozv3 #cd-order-num { color: #2f5fd6 !important; }
/* окна настроек */
html.ozv3 :is(#set-partner-modal, #set-dist-modal, #set-tax-modal) .an-btn { border-radius: 999px !important; font-family: inherit; box-shadow: none; }
html.ozv3 :is(#set-partner-modal, #set-dist-modal, #set-tax-modal) .an-btn:not(.an-btn-secondary):not([style*="#6b7280"]) { background: #10151f !important; color: #fff !important; border: none !important; }
html.ozv3 :is(#set-partner-modal, #set-dist-modal, #set-tax-modal) .an-btn:is(.an-btn-secondary, [style*="#6b7280"]) { background: rgba(255, 255, 255, .75) !important; color: var(--g3-ink) !important; border: 1px solid var(--g3-edge) !important; }

/* ================= Юнит-экономика (#panel-analytics-unit) ================= */
html.ozv3 #panel-analytics-unit {
    background: var(--g3-glass); border: 1px solid var(--g3-edge); border-radius: 24px;
    box-shadow: var(--g3-shadow); color: var(--g3-ink); font-family: Onest, -apple-system, system-ui, sans-serif;
}
html.ozv3 #panel-analytics-unit .an-header h2 { font-size: 26px; font-weight: 600; letter-spacing: -.01em; }
/* вкладки Калькулятор / Факт / Сравнение / По товару — дорожка (JS красит inline + .on) */
html.ozv3 #panel-analytics-unit div:has(> #ue-tab-calc) {
    gap: 4px !important; padding: 4px; border: 1px solid var(--g3-edge) !important; background: rgba(255, 255, 255, .45); border-radius: 999px;
}
html.ozv3 #panel-analytics-unit :is(#ue-tab-calc, #ue-tab-fact, #ue-tab-cmp, #ue-tab-pt) {
    flex: 1 1 0; width: auto !important; border-radius: 999px !important; background: transparent !important; color: var(--g3-mut) !important;
    font-weight: 500 !important; font-family: inherit;
}
html.ozv3 #panel-analytics-unit :is(#ue-tab-calc, #ue-tab-fact, #ue-tab-cmp, #ue-tab-pt):is(.on, [style*="#005BFF"], [style*="0, 91, 255"]) {
    background: rgba(255, 255, 255, .95) !important; color: var(--g3-ink) !important; box-shadow: 0 2px 8px rgba(40, 52, 90, .1);
}
/* белые карточки (вводные, результат, факт, группы «По товару», селектор категории) → стекло */
html.ozv3 #panel-analytics-unit div[style*="background:#fff"][style*="border:1px solid #e5e7eb"],
html.ozv3 #panel-analytics-unit .pt-grp,
html.ozv3 #panel-analytics-unit .an-page > .ue-inputs:first-of-type {
    background: rgba(255, 255, 255, .58) !important; border: 1px solid rgba(255, 255, 255, .85) !important; border-radius: 22px !important;
    box-shadow: 0 6px 24px rgba(40, 52, 90, .07), inset 0 1px 0 rgba(255, 255, 255, .9);
}
html.ozv3 #panel-analytics-unit .an-page > .ue-inputs:first-of-type { padding: 10px 16px; }
html.ozv3 #panel-analytics-unit div[style*="background:#fffbeb"] { background: rgba(255, 214, 102, .16) !important; border: 1px solid rgba(255, 214, 102, .3) !important; border-radius: 22px !important; }
html.ozv3 #panel-analytics-unit .pt-grp h4 { font-weight: 600; letter-spacing: -.01em; }
/* поля */
html.ozv3 #panel-analytics-unit .ue-inputs .ue-ctl,
html.ozv3 #panel-analytics-unit :is(input[type=number], input[type=text], input[type=date], select) {
    background: rgba(255, 255, 255, .85) !important; border: 1px solid var(--g3-edge) !important; border-radius: 999px !important; font-family: inherit;
}
html.ozv3 #panel-analytics-unit :is(input, select):focus { border-color: #5b8cff !important; box-shadow: 0 0 0 3px rgba(91, 140, 255, .18) !important; outline: none; }
/* чипы периода / схемы и мини-кнопки */
html.ozv3 #panel-analytics-unit :is(.ue-fact-chip, .pt-scheme-chip) { border-radius: 999px; background: rgba(255, 255, 255, .75); border: 1px solid var(--g3-edge); color: var(--g3-ink); font-weight: 500; }
html.ozv3 #panel-analytics-unit :is(.ue-fact-chip, .pt-scheme-chip).active { background: #10151f; border-color: #10151f; color: #fff; }
html.ozv3 #panel-analytics-unit .pt-mini { border-radius: 999px; background: rgba(91, 140, 255, .12); border: none; color: #2f5fd6; }
/* кнопки */
html.ozv3 #panel-analytics-unit .an-btn { border-radius: 999px !important; font-family: inherit; font-weight: 500; box-shadow: none; }
html.ozv3 #panel-analytics-unit .an-btn:not(.an-btn-secondary) { background: #10151f !important; color: #fff !important; border: none !important; }
html.ozv3 #panel-analytics-unit .an-btn-secondary { background: rgba(255, 255, 255, .75) !important; color: var(--g3-ink) !important; border: 1px solid var(--g3-edge) !important; }
/* таблицы результата / сравнения / объяснения */
html.ozv3 #panel-analytics-unit table { border-collapse: separate; border-spacing: 0; }
html.ozv3 #panel-analytics-unit table :is(th, td) { border-color: var(--g3-line) !important; }
html.ozv3 #panel-analytics-unit table thead :is(tr, th) { background: rgba(246, 248, 251, .97) !important; color: var(--g3-mut); }
html.ozv3 #panel-analytics-unit :is(tr, td)[style*="background:#f9fafb"], html.ozv3 #panel-analytics-unit :is(tr, td)[style*="background:#f3f4f6"] { background: rgba(16, 21, 31, .035) !important; }
html.ozv3 #panel-analytics-unit :is(tr, td, div)[style*="background:#eff6ff"], html.ozv3 #panel-analytics-unit :is(tr, td, div)[style*="background:#f0f9ff"] { background: rgba(91, 140, 255, .1) !important; }
html.ozv3 #panel-analytics-unit :is(tr, td, div)[style*="background:#f0fdf4"], html.ozv3 #panel-analytics-unit :is(tr, td, div)[style*="background:#dcfce7"] { background: rgba(52, 195, 143, .12) !important; }
html.ozv3 #panel-analytics-unit :is(tr, td, div)[style*="background:#fef2f2"], html.ozv3 #panel-analytics-unit :is(tr, td, div)[style*="background:#fee2e2"] { background: rgba(240, 122, 160, .1) !important; }
html.ozv3 #panel-analytics-unit [style*="color:#dc2626"], html.ozv3 #panel-analytics-unit [style*="color:#b91c1c"] { color: #d9577f !important; }
html.ozv3 #panel-analytics-unit [style*="color:#15803d"], html.ozv3 #panel-analytics-unit [style*="color:#16a34a"], html.ozv3 #panel-analytics-unit [style*="color:#059669"] { color: #23a477 !important; }
html.ozv3 #panel-analytics-unit [style*="color:#005BFF"], html.ozv3 #panel-analytics-unit [style*="color:#0048CC"] { color: #2f5fd6 !important; }
html.ozv3 #panel-analytics-unit [style*="color:#92400e"] { color: #a8691f !important; }
html.ozv3 #panel-analytics-unit [style*="border-radius"][style*="border:1px solid"]:not(input):not(select):not(button) { border-color: rgba(255, 255, 255, .85) !important; }

/* ================= Анализ конкурентов (#panel-analytics-competitors) — классы comp-* ================= */
html.ozv3 #panel-analytics-competitors {
    background: var(--g3-glass); border: 1px solid var(--g3-edge); border-radius: 24px;
    box-shadow: var(--g3-shadow); color: var(--g3-ink); font-family: Onest, -apple-system, system-ui, sans-serif;
}
html.ozv3 #panel-analytics-competitors .an-header h2 { font-size: 26px; font-weight: 600; letter-spacing: -.01em; }
html.ozv3 #panel-analytics-competitors .an-meta { color: var(--g3-mut); }
/* подразделы (Топ 1000 / Видимость / Остатки / Алерты) — дорожка */
html.ozv3 #panel-analytics-competitors .comp-subnav { gap: 4px; padding: 4px; border: 1px solid var(--g3-edge); background: rgba(255, 255, 255, .45); border-radius: 999px; }
html.ozv3 #panel-analytics-competitors .comp-sub { flex: 1 1 0; border: none; border-radius: 999px; background: transparent; color: var(--g3-mut); font-weight: 500; font-family: inherit; }
html.ozv3 #panel-analytics-competitors .comp-sub:hover { color: var(--g3-ink); }
html.ozv3 #panel-analytics-competitors .comp-sub.active { background: rgba(255, 255, 255, .95); color: var(--g3-ink); box-shadow: 0 2px 8px rgba(40, 52, 90, .1); }
/* вкладки внутри подраздела — тоже дорожка, поменьше */
html.ozv3 #panel-analytics-competitors .comp-tabs { gap: 3px; padding: 3px; border: 1px solid var(--g3-edge); background: rgba(255, 255, 255, .4); border-radius: 999px; }
html.ozv3 #panel-analytics-competitors .comp-tab { border: none; border-radius: 999px; color: var(--g3-mut); font-weight: 500; font-family: inherit; margin: 0; }
html.ozv3 #panel-analytics-competitors .comp-tab.active { background: rgba(255, 255, 255, .95); color: var(--g3-ink); box-shadow: 0 2px 8px rgba(40, 52, 90, .1); }
html.ozv3 #panel-analytics-competitors .comp-trend-tab { border-radius: 999px; background: rgba(255, 255, 255, .7); border-color: var(--g3-edge); color: var(--g3-mut); }
html.ozv3 #panel-analytics-competitors .comp-trend-tab.active { background: #10151f; border-color: #10151f; color: #fff; }
/* панель инструментов, поля, зона загрузки */
html.ozv3 #panel-analytics-competitors .comp-toolbar { background: rgba(255, 255, 255, .5); border: 1px solid var(--g3-edge); border-radius: 20px; padding: 10px 12px; }
html.ozv3 #panel-analytics-competitors .comp-toolbar :is(select, input), html.ozv3 #panel-analytics-competitors :is(input[type=text], input[type=number], select) {
    background: rgba(255, 255, 255, .8); border: 1px solid var(--g3-edge); border-radius: 999px; font-family: inherit;
}
html.ozv3 #panel-analytics-competitors :is(input, select):focus { border-color: #5b8cff; box-shadow: 0 0 0 3px rgba(91, 140, 255, .18); outline: none; }
html.ozv3 #panel-analytics-competitors .comp-dropzone { background: rgba(255, 255, 255, .55); border-color: rgba(91, 140, 255, .35); border-radius: 18px; }
html.ozv3 #panel-analytics-competitors .comp-dropzone:is(:hover, .drag-over) { background: rgba(91, 140, 255, .08); border-color: #5b8cff; }
/* кнопки */
html.ozv3 #panel-analytics-competitors :is(.an-btn, .oz-btn) { border-radius: 999px; font-family: inherit; box-shadow: none; }
html.ozv3 #panel-analytics-competitors .an-btn, html.ozv3 #panel-analytics-competitors .oz-btn-ghost { background: rgba(255, 255, 255, .75); border: 1px solid var(--g3-edge); color: var(--g3-ink); }
html.ozv3 #panel-analytics-competitors .oz-btn-soft { background: rgba(91, 140, 255, .12); color: #2f5fd6; border: none; }
html.ozv3 #panel-analytics-competitors .oz-btn-primary { background: #10151f; color: #fff; border: none; }
/* карточки и блоки */
html.ozv3 #panel-analytics-competitors .comp-card {
    background: rgba(255, 255, 255, .58); border: 1px solid rgba(255, 255, 255, .85); border-radius: 20px;
    box-shadow: 0 6px 20px rgba(40, 52, 90, .06), inset 0 1px 0 rgba(255, 255, 255, .9);
}
html.ozv3 #panel-analytics-competitors .comp-card:hover { position: relative; z-index: 40; }
html.ozv3 #panel-analytics-competitors .comp-card .v { font-weight: 600; letter-spacing: -.02em; color: var(--g3-ink); }
html.ozv3 #panel-analytics-competitors .comp-card .s { color: #23a477; }
html.ozv3 #panel-analytics-competitors .comp-trend-wrap {
    background: rgba(255, 255, 255, .6); border: 1px solid rgba(255, 255, 255, .85); border-radius: 22px;
    box-shadow: 0 6px 24px rgba(40, 52, 90, .07);
}
html.ozv3 #panel-analytics-competitors .comp-tt { background: rgba(16, 21, 31, .85); border-radius: 12px; -webkit-backdrop-filter: var(--g3-blur); backdrop-filter: var(--g3-blur); }
html.ozv3 #panel-analytics-competitors .comp-chart-lg i { border-radius: 999px; }
html.ozv3 #panel-analytics-competitors .comp-obs { border-radius: 14px; }
html.ozv3 #panel-analytics-competitors .comp-obs.good { background: rgba(52, 195, 143, .1); }
html.ozv3 #panel-analytics-competitors .comp-obs.bad { background: rgba(240, 122, 160, .1); }
html.ozv3 #panel-analytics-competitors .comp-flag { border-radius: 999px; background: rgba(16, 21, 31, .06); }
html.ozv3 #panel-analytics-competitors .comp-bar { background: linear-gradient(90deg, rgba(91, 140, 255, .55), #5b8cff); border-radius: 999px; }
html.ozv3 #panel-analytics-competitors .comp-barbg { background: rgba(16, 21, 31, .06); border-radius: 999px; }
/* таблицы */
html.ozv3 #panel-analytics-competitors .comp-table { border-collapse: separate; border-spacing: 0; background: rgba(255, 255, 255, .6); border-radius: 18px; overflow: hidden; }
html.ozv3 #panel-analytics-competitors .comp-table :is(th, td) { border-bottom: none; box-shadow: inset 0 -1px 0 var(--g3-line); }
html.ozv3 #panel-analytics-competitors .comp-table th { background: rgba(246, 248, 251, .97); color: var(--g3-mut); font-weight: 500; }
html.ozv3 #panel-analytics-competitors .comp-table tbody tr:hover td { background: rgba(255, 255, 255, .8); }
html.ozv3 #panel-analytics-competitors .comp-table tr.ours td { background: rgba(91, 140, 255, .1); }
html.ozv3 #panel-analytics-competitors tr.flag-1 td { background: rgba(255, 214, 102, .1); }
html.ozv3 #panel-analytics-competitors tr.flag-2 td { background: rgba(255, 190, 92, .16); }
html.ozv3 #panel-analytics-competitors [style*="color:#dc2626"], html.ozv3 #panel-analytics-competitors [style*="color:#F91155"] { color: #d9577f !important; }
html.ozv3 #panel-analytics-competitors [style*="color:#059669"], html.ozv3 #panel-analytics-competitors [style*="color:#16a34a"], html.ozv3 #panel-analytics-competitors [style*="color:#00B956"] { color: #23a477 !important; }

/* ================= ДДС (двойная запись) (#panel-analytics-dds) ================= */
html.ozv3 #panel-analytics-dds {
    background: var(--g3-glass); border: 1px solid var(--g3-edge); border-radius: 24px;
    box-shadow: var(--g3-shadow); color: var(--g3-ink); font-family: Onest, -apple-system, system-ui, sans-serif;
}
html.ozv3 #panel-analytics-dds .an-header h2 { font-size: 26px; font-weight: 600; letter-spacing: -.01em; }
html.ozv3 #panel-analytics-dds .an-meta { color: var(--g3-mut); }
html.ozv3 #panel-analytics-dds label { color: var(--g3-mut); }
/* вкладки: верхние, справочники, отчёты — дорожки (JS красит inline + .active) */
html.ozv3 #panel-analytics-dds div:has(> .dds-tab-btn),
html.ozv3 #panel-analytics-dds div:has(> .dds-ref-tab-btn),
html.ozv3 #panel-analytics-dds div:has(> .dds-rep-tab-btn) {
    gap: 4px !important; padding: 4px; border: 1px solid var(--g3-edge) !important; background: rgba(255, 255, 255, .45); border-radius: 999px; flex-wrap: wrap;
}
html.ozv3 #panel-analytics-dds :is(.dds-tab-btn, .dds-ref-tab-btn, .dds-rep-tab-btn) {
    flex: 1 1 0; width: auto !important; border: none !important; border-radius: 999px !important; background: transparent !important;
    color: var(--g3-mut) !important; font-weight: 500 !important; padding: 8px 14px !important; font-family: inherit; white-space: nowrap;
}
html.ozv3 #panel-analytics-dds :is(.dds-tab-btn, .dds-ref-tab-btn, .dds-rep-tab-btn).active {
    background: rgba(255, 255, 255, .95) !important; color: var(--g3-ink) !important; box-shadow: 0 2px 8px rgba(40, 52, 90, .1);
}
/* вкладка — стеклянная плитка */
html.ozv3 #panel-analytics-dds .dds-pane:not([style*="display: none"]):not([style*="display:none"]) {
    background: rgba(255, 255, 255, .5); border: 1px solid rgba(255, 255, 255, .85); border-radius: 22px; padding: 16px 18px;
    box-shadow: 0 6px 24px rgba(40, 52, 90, .07), inset 0 1px 0 rgba(255, 255, 255, .9);
}
/* поля */
html.ozv3 #panel-analytics-dds :is(input[type=text], input[type=number], input[type=date], input:not([type]), select) {
    background: rgba(255, 255, 255, .85) !important; border: 1px solid var(--g3-edge) !important; border-radius: 999px !important; font-family: inherit;
}
html.ozv3 #panel-analytics-dds :is(input, select, textarea):focus { border-color: #5b8cff !important; box-shadow: 0 0 0 3px rgba(91, 140, 255, .18); outline: none; }
/* кнопки: основные (синие inline) — тёмные; контурные — белые; удаления — мягкие красные */
html.ozv3 #panel-analytics-dds :is(.an-btn, .oz-btn) { border-radius: 999px !important; font-family: inherit; font-weight: 500; box-shadow: none; }
html.ozv3 #panel-analytics-dds .an-btn { background: rgba(255, 255, 255, .75) !important; color: var(--g3-ink) !important; border: 1px solid var(--g3-edge) !important; }
html.ozv3 #panel-analytics-dds .an-btn:is([style*="background:#005BFF"], [style*="background: #005BFF"]) { background: #10151f !important; color: #fff !important; border: none !important; }
html.ozv3 #panel-analytics-dds .an-btn:is([style*="#dc2626"], [style*="#ef4444"], [style*="#b91c1c"], [style*="#fee2e2"], [style*="#fef2f2"]),
html.ozv3 #panel-analytics-dds .an-btn[onclick*="Delete"], html.ozv3 #panel-analytics-dds .an-btn[onclick*="ClearAll"] { background: rgba(223, 32, 89, .1) !important; color: #c0164a !important; border: none !important; }
html.ozv3 #panel-analytics-dds .an-btn:is([style*="#10b981"], [style*="#16a34a"], [style*="#15803d"]) { background: rgba(52, 195, 143, .18) !important; color: #1d7d57 !important; border: none !important; }
html.ozv3 #panel-analytics-dds #dds-pane-loans .an-btn:not([style*="background:#fff"]):not([onclick*="delete"]):not([onclick*="Delete"]) { background: #10151f !important; color: #fff !important; border: none !important; }
html.ozv3 #panel-analytics-dds .oz-btn-soft { background: rgba(91, 140, 255, .12) !important; color: #2f5fd6 !important; border: none !important; }
html.ozv3 #panel-analytics-dds button[onclick^="_ddsDashAll"] { border-radius: 999px !important; background: rgba(255, 255, 255, .75) !important; border: 1px solid var(--g3-edge) !important; }
/* таблицы */
html.ozv3 #panel-analytics-dds .an-table-wrap,
html.ozv3 #panel-analytics-dds #dds-pane-loans > div:has(> .an-table) {
    background: rgba(255, 255, 255, .6); border: 1px solid rgba(255, 255, 255, .85) !important; border-radius: 20px !important; box-shadow: 0 6px 24px rgba(40, 52, 90, .07);
}
html.ozv3 #panel-analytics-dds .an-table thead :is(tr, th) { background: rgba(246, 248, 251, .97) !important; color: var(--g3-mut); }
html.ozv3 #panel-analytics-dds .an-table :is(th, td) { border-color: var(--g3-line) !important; }
html.ozv3 #panel-analytics-dds .an-table tbody tr:hover td { background: rgba(255, 255, 255, .7); }
html.ozv3 #panel-analytics-dds .an-table :is(tr, td)[style*="background:#f9fafb"], html.ozv3 #panel-analytics-dds .an-table :is(tr, td)[style*="background:#f3f4f6"] { background: rgba(16, 21, 31, .035) !important; }
html.ozv3 #panel-analytics-dds .an-table :is(tr, td)[style*="background:#eff6ff"], html.ozv3 #panel-analytics-dds .an-table :is(tr, td)[style*="background:#f0f9ff"] { background: rgba(91, 140, 255, .1) !important; }
html.ozv3 #panel-analytics-dds .an-table :is(tr, td)[style*="background:#fef2f2"], html.ozv3 #panel-analytics-dds .an-table :is(tr, td)[style*="background:#fff1f2"] { background: rgba(240, 122, 160, .1) !important; }
html.ozv3 #panel-analytics-dds .an-table :is(tr, td)[style*="background:#fffbeb"], html.ozv3 #panel-analytics-dds .an-table :is(tr, td)[style*="background:#fef3c7"] { background: rgba(255, 214, 102, .14) !important; }
/* дашборд: KPI, остатки по счетам, легенда */
html.ozv3 #panel-analytics-dds :is(#dds-dash-kpi, #dds-dash-cash) > div {
    background: rgba(255, 255, 255, .62) !important; border: 1px solid rgba(255, 255, 255, .85) !important; border-radius: 20px !important;
    box-shadow: 0 6px 20px rgba(40, 52, 90, .06), inset 0 1px 0 rgba(255, 255, 255, .9);
}
html.ozv3 #panel-analytics-dds :is(#dds-dash-kpi, #dds-dash-cash) > div:hover { position: relative; z-index: 40; }
html.ozv3 #panel-analytics-dds #dds-dash-cash > div[style*="#eff6ff"] { background: rgba(91, 140, 255, .12) !important; }
html.ozv3 #panel-analytics-dds :is(#dds-dash-kpi, #dds-dash-cash) > div > div:last-child { font-weight: 600 !important; letter-spacing: -.02em; }
html.ozv3 #panel-analytics-dds #dds-dash-legend { background: rgba(255, 255, 255, .55); border: 1px solid rgba(255, 255, 255, .85) !important; border-radius: 16px !important; }
html.ozv3 #panel-analytics-dds :is(#dds-dash-chart, #dds-dash-net) { background: rgba(255, 255, 255, .55); border-radius: 18px; border: 1px solid rgba(255, 255, 255, .85); }
/* мягкие цвета цифр */
html.ozv3 #panel-analytics-dds [style*="color:#dc2626"], html.ozv3 #panel-analytics-dds [style*="color:#b91c1c"] { color: #d9577f !important; }
html.ozv3 #panel-analytics-dds [style*="color:#15803d"], html.ozv3 #panel-analytics-dds [style*="color:#16a34a"] { color: #23a477 !important; }
html.ozv3 #panel-analytics-dds [style*="color:#005BFF"], html.ozv3 #panel-analytics-dds [style*="color:#0048CC"] { color: #2f5fd6 !important; }
/* окна ДДС */
html.ozv3 [id^="dds-"][id$="-modal"] :is(.an-btn, .oz-btn) { border-radius: 999px !important; font-family: inherit; box-shadow: none; }
html.ozv3 [id^="dds-"][id$="-modal"] .an-btn:not(.an-btn-secondary) { background: #10151f !important; color: #fff !important; border: none !important; }
html.ozv3 [id^="dds-"][id$="-modal"] .an-btn-secondary { background: rgba(255, 255, 255, .75) !important; color: var(--g3-ink) !important; border: 1px solid var(--g3-edge) !important; }
html.ozv3 [id^="dds-"][id$="-modal"] .an-table-wrap { background: rgba(255, 255, 255, .6); border: 1px solid rgba(255, 255, 255, .85) !important; border-radius: 16px !important; }
html.ozv3 [id^="dds-"][id$="-modal"] .an-table thead :is(tr, th) { background: rgba(246, 248, 251, .97) !important; }

/* ================= Файлы, Витрина, Сертификаты, Генерация ЧЗ, Реестр ЧЗ, Админка — общий стеклянный набор ================= */
html.ozv3 :is(#panel-files, #panel-showcase, #panel-analytics-certificates, #panel-analytics-chz-gen, #panel-analytics-chz, #panel-analytics-admin) {
    background: var(--g3-glass); border: 1px solid var(--g3-edge); border-radius: 24px;
    box-shadow: var(--g3-shadow); color: var(--g3-ink); font-family: Onest, -apple-system, system-ui, sans-serif;
}
html.ozv3 :is(#panel-files, #panel-showcase, #panel-analytics-certificates, #panel-analytics-chz-gen, #panel-analytics-chz, #panel-analytics-admin) h2 {
    font-size: 26px !important; font-weight: 600 !important; letter-spacing: -.01em; color: var(--g3-ink) !important;
}
html.ozv3 :is(#panel-files, #panel-showcase, #panel-analytics-certificates, #panel-analytics-chz-gen, #panel-analytics-chz, #panel-analytics-admin) .an-meta { color: var(--g3-mut); }
/* карточки-блоки → стеклянные плитки */
html.ozv3 :is(#panel-files, #panel-showcase, #panel-analytics-certificates, #panel-analytics-chz-gen, #panel-analytics-chz, #panel-analytics-admin)
    :is(.oz-card, .cg-step, .chz-drop-card, .chz-stat, .adm-metric) {
    background: rgba(255, 255, 255, .58) !important; border: 1px solid rgba(255, 255, 255, .85) !important; border-radius: 22px !important;
    box-shadow: 0 6px 24px rgba(40, 52, 90, .07), inset 0 1px 0 rgba(255, 255, 255, .9);
}
html.ozv3 :is(#panel-analytics-chz, #panel-analytics-admin) :is(.chz-stat, .adm-metric) { border-radius: 20px !important; }
html.ozv3 :is(#panel-analytics-chz, #panel-analytics-admin) :is(.chz-stat, .adm-metric):hover { position: relative; z-index: 40; }
html.ozv3 :is(#panel-analytics-chz, #panel-analytics-admin) :is(.chz-stat, .adm-metric) .v { font-weight: 600; letter-spacing: -.02em; }
/* вкладки .oz-tab (Админка, Генерация ЧЗ) — дорожка */
html.ozv3 :is(#panel-analytics-chz-gen, #panel-analytics-admin) div:has(> .oz-tab) {
    display: flex; gap: 4px !important; padding: 4px; border: 1px solid var(--g3-edge) !important; background: rgba(255, 255, 255, .45); border-radius: 999px; border-bottom: 1px solid var(--g3-edge) !important;
}
html.ozv3 :is(#panel-analytics-chz-gen, #panel-analytics-admin) .oz-tab {
    flex: 1 1 0; width: auto; border: none !important; border-radius: 999px; background: transparent; color: var(--g3-mut); font-weight: 500; margin: 0; font-family: inherit;
}
html.ozv3 :is(#panel-analytics-chz-gen, #panel-analytics-admin) .oz-tab.is-active { background: rgba(255, 255, 255, .95); color: var(--g3-ink); box-shadow: 0 2px 8px rgba(40, 52, 90, .1); }
/* поля */
html.ozv3 :is(#panel-files, #panel-showcase, #panel-analytics-certificates, #panel-analytics-chz-gen, #panel-analytics-chz, #panel-analytics-admin, #cert-modal)
    :is(input[type=text], input[type=number], input[type=date], input[type=search], input[type=password], input:not([type]), select) {
    background: rgba(255, 255, 255, .85) !important; border: 1px solid var(--g3-edge) !important; border-radius: 999px !important; font-family: inherit;
}
html.ozv3 :is(#panel-files, #panel-showcase, #panel-analytics-certificates, #panel-analytics-chz-gen, #panel-analytics-chz, #panel-analytics-admin, #cert-modal) textarea {
    background: rgba(255, 255, 255, .85) !important; border: 1px solid var(--g3-edge) !important; border-radius: 16px !important; font-family: inherit;
}
html.ozv3 :is(#panel-files, #panel-showcase, #panel-analytics-certificates, #panel-analytics-chz-gen, #panel-analytics-chz, #panel-analytics-admin, #cert-modal) :is(input, select, textarea):focus {
    border-color: #5b8cff !important; box-shadow: 0 0 0 3px rgba(91, 140, 255, .18); outline: none;
}
/* кнопки */
html.ozv3 :is(#panel-files, #panel-showcase, #panel-analytics-certificates, #panel-analytics-chz-gen, #panel-analytics-chz, #panel-analytics-admin) :is(.oz-btn, .an-btn) {
    border-radius: 999px !important; box-shadow: none; font-family: inherit; font-weight: 500;
}
html.ozv3 :is(#panel-files, #panel-showcase, #panel-analytics-certificates, #panel-analytics-chz-gen, #panel-analytics-chz, #panel-analytics-admin) .oz-btn-primary { background: #10151f !important; color: #fff !important; border: none !important; }
html.ozv3 :is(#panel-files, #panel-showcase, #panel-analytics-certificates, #panel-analytics-chz-gen, #panel-analytics-chz, #panel-analytics-admin) .oz-btn-primary:hover { background: #2a3140 !important; }
html.ozv3 :is(#panel-files, #panel-showcase, #panel-analytics-certificates, #panel-analytics-chz-gen, #panel-analytics-chz, #panel-analytics-admin) .oz-btn-ghost { background: rgba(255, 255, 255, .75) !important; color: var(--g3-ink) !important; border: 1px solid var(--g3-edge) !important; }
html.ozv3 :is(#panel-files, #panel-showcase, #panel-analytics-certificates, #panel-analytics-chz-gen, #panel-analytics-chz, #panel-analytics-admin) .oz-btn-soft { background: rgba(91, 140, 255, .12) !important; color: #2f5fd6 !important; border: none !important; }
html.ozv3 :is(#panel-files, #panel-showcase, #panel-analytics-certificates, #panel-analytics-chz-gen, #panel-analytics-chz, #panel-analytics-admin) :is(.oz-btn, .an-btn):is([onclick*="Delete"], [onclick*="delete"], .oz-btn-danger) { background: rgba(223, 32, 89, .1) !important; color: #c0164a !important; border: none !important; }
/* зоны перетаскивания файлов */
html.ozv3 :is(#panel-files .fl-drop, #panel-analytics-chz-gen .cg-drop, #panel-analytics-chz .chz-dz, #cert-modal .ct-drop) {
    background: rgba(255, 255, 255, .55) !important; border: 2px dashed rgba(91, 140, 255, .35) !important; border-radius: 20px !important; color: var(--g3-mut) !important;
}
html.ozv3 :is(#panel-files .fl-drop, #panel-analytics-chz-gen .cg-drop, #panel-analytics-chz .chz-dz, #cert-modal .ct-drop):is(:hover, .is-over, .is-drag-over, .drag-over) {
    background: rgba(91, 140, 255, .08) !important; border-color: #5b8cff !important; color: #2f5fd6 !important;
}
/* таблицы */
html.ozv3 :is(#panel-files, #panel-showcase, #panel-analytics-certificates, #panel-analytics-admin) table { border-collapse: separate; border-spacing: 0; }
html.ozv3 :is(#panel-files, #panel-showcase, #panel-analytics-certificates, #panel-analytics-chz-gen, #panel-analytics-chz, #panel-analytics-admin) :is(th, td) { border-bottom: none !important; box-shadow: inset 0 -1px 0 var(--g3-line); }
html.ozv3 :is(#panel-files, #panel-showcase, #panel-analytics-certificates, #panel-analytics-chz-gen, #panel-analytics-chz, #panel-analytics-admin) th { color: var(--g3-mut) !important; font-weight: 500 !important; }
html.ozv3 :is(#panel-files, #panel-showcase, #panel-analytics-certificates, #panel-analytics-chz-gen, #panel-analytics-chz, #panel-analytics-admin) tbody tr:hover td { background: rgba(255, 255, 255, .7); }
html.ozv3 #panel-analytics-admin .adm-tbl th { text-transform: none; letter-spacing: 0; font-size: 12px; }
html.ozv3 :is(#panel-analytics-chz .chz-table-wrap, #panel-analytics-chz-gen .cg-tbl-wrap) {
    background: rgba(255, 255, 255, .6) !important; border: 1px solid rgba(255, 255, 255, .85) !important; border-radius: 18px !important;
}
html.ozv3 :is(#panel-analytics-chz table.chz-tbl th, #panel-analytics-chz-gen th) { background: rgba(246, 248, 251, .98) !important; }
/* фильтры, примеры, списки выбора */
html.ozv3 #panel-analytics-chz .chz-filters { background: rgba(255, 255, 255, .5) !important; border: 1px solid var(--g3-edge) !important; border-radius: 20px !important; }
html.ozv3 #panel-analytics-chz .chz-ex { background: rgba(255, 255, 255, .5) !important; border: 1px solid rgba(255, 255, 255, .85) !important; border-radius: 16px !important; }
html.ozv3 #panel-analytics-chz .chz-ex :is(pre, table) { background: rgba(255, 255, 255, .8) !important; border-radius: 10px; }
html.ozv3 :is(#panel-showcase .sc-list, #cert-modal .ct-pick, #panel-analytics-admin .adm-sec) {
    background: rgba(255, 255, 255, .55) !important; border: 1px solid rgba(255, 255, 255, .85) !important; border-radius: 16px !important;
}
html.ozv3 #panel-analytics-admin .adm-sec { border-radius: 12px !important; }
/* бейджи и полоски */
html.ozv3 :is(#panel-analytics-certificates .ct-st, #panel-analytics-certificates .ct-tag, #panel-analytics-chz .chz-badge, #panel-analytics-admin .adm-chip) { border-radius: 999px !important; }
html.ozv3 #panel-analytics-certificates .ct-st.active, html.ozv3 #panel-analytics-chz .chz-b-shipped, html.ozv3 #panel-analytics-admin .adm-chip.act { background: rgba(52, 195, 143, .16) !important; color: #1d7d57 !important; }
html.ozv3 #panel-analytics-certificates .ct-st.expiring { background: rgba(255, 190, 92, .18) !important; color: #a8691f !important; }
html.ozv3 #panel-analytics-certificates .ct-st.expired, html.ozv3 #panel-analytics-chz .chz-b-none { background: rgba(223, 32, 89, .1) !important; color: #c0164a !important; }
html.ozv3 :is(#panel-analytics-certificates .ct-tag, #panel-analytics-admin .adm-chip:not(.act)) { background: rgba(91, 140, 255, .12) !important; color: #2f5fd6 !important; }
html.ozv3 #panel-analytics-chz .chz-b-stock { background: rgba(16, 21, 31, .06) !important; }
html.ozv3 :is(#panel-files .fl-bar, #panel-analytics-admin .adm-bar) { background: rgba(16, 21, 31, .06) !important; border-radius: 999px !important; }
html.ozv3 :is(#panel-files .fl-bar > i, #panel-analytics-admin .adm-bar > i) { background: linear-gradient(90deg, rgba(91, 140, 255, .55), #5b8cff) !important; border-radius: 999px; }
/* мягкие цвета инлайн-текста */
html.ozv3 :is(#panel-files, #panel-showcase, #panel-analytics-certificates, #panel-analytics-chz-gen, #panel-analytics-chz, #panel-analytics-admin) :is([style*="color:#dc2626"], [style*="color:#b91c1c"], .cg-warn) { color: #d9577f !important; }
html.ozv3 :is(#panel-files, #panel-showcase, #panel-analytics-certificates, #panel-analytics-chz-gen, #panel-analytics-chz, #panel-analytics-admin) :is([style*="color:#15803d"], [style*="color:#16a34a"], [style*="color:#059669"]) { color: #23a477 !important; }
/* окна разделов (сертификат, напоминания, админка) */
html.ozv3 :is(#cert-modal, #cert-notify-modal, #panel-analytics-admin) .ozon-modal :is(.oz-btn, .an-btn) { border-radius: 999px !important; }
html.ozv3 #cert-modal h4 { font-weight: 600; }

/* ================= Дашборд: Водители, Избранные точки отгрузок, Перевозчики ================= */
html.ozv3 :is(#panel-drivers, #panel-favorites-dropoffs, #panel-carriers) .ozon-panel-toolbar {
    background: rgba(255, 255, 255, .5) !important; border: 1px solid var(--g3-edge) !important; border-radius: 20px !important; padding: 10px 12px !important;
}
/* «＋ Добавить …» — тёмная пилюля по содержимому, а не синяя полоса на всю ширину */
html.ozv3 :is(#panel-drivers, #panel-carriers) .ozon-panel-toolbar > button[onclick^="open"] {
    width: auto !important; flex: 0 0 auto !important; background: #10151f !important; color: #fff !important;
    border: none !important; border-radius: 999px !important; padding: 9px 18px !important; font-weight: 500 !important; font-family: inherit;
}
html.ozv3 :is(#panel-drivers, #panel-carriers) .ozon-panel-toolbar > button[onclick^="open"]:hover { background: #2a3140 !important; }
/* поиск точки отгрузки */
html.ozv3 #panel-favorites-dropoffs .ozon-search-input {
    background: rgba(255, 255, 255, .85) !important; border: 1px solid var(--g3-edge) !important; border-radius: 999px !important;
    padding: 8px 36px 8px 14px !important; font-family: inherit; box-shadow: none !important;
}
html.ozv3 #panel-favorites-dropoffs .ozon-search-input:focus { border-color: #5b8cff !important; box-shadow: 0 0 0 3px rgba(91, 140, 255, .18) !important; outline: none; }
html.ozv3 #panel-favorites-dropoffs .ozon-search-wrap { background: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important; }
html.ozv3 #favorites-search-btn { border-radius: 999px !important; background: #10151f !important; width: auto !important; }
html.ozv3 #favorites-search-results > div[style*="border: 1px solid #e5e7eb"] {
    background: rgba(255, 255, 255, .62) !important; border: 1px solid rgba(255, 255, 255, .85) !important; border-radius: 16px !important;
    box-shadow: 0 3px 10px rgba(40, 52, 90, .05); margin-bottom: 6px;
}
html.ozv3 #favorites-search-results button { border-radius: 999px !important; width: auto !important; background: rgba(91, 140, 255, .12) !important; color: #2f5fd6 !important; border: none !important; }
/* таблицы — стеклянная плитка */
html.ozv3 :is(#panel-drivers, #panel-favorites-dropoffs, #panel-carriers) .ozon-table-wrap {
    background: rgba(255, 255, 255, .6) !important; border: 1px solid rgba(255, 255, 255, .85) !important; border-radius: 20px !important;
    box-shadow: 0 6px 24px rgba(40, 52, 90, .07); overflow: hidden;
}
html.ozv3 :is(#panel-drivers, #panel-favorites-dropoffs, #panel-carriers) .ozon-orders-table th { background: rgba(246, 248, 251, .97) !important; color: var(--g3-mut) !important; font-weight: 500 !important; box-shadow: inset 0 -1px 0 var(--g3-line); border-bottom: none !important; }
html.ozv3 :is(#panel-drivers, #panel-favorites-dropoffs, #panel-carriers) .ozon-orders-table td { border-bottom: none !important; box-shadow: inset 0 -1px 0 var(--g3-line); }
html.ozv3 :is(#panel-drivers, #panel-favorites-dropoffs, #panel-carriers) .ozon-orders-table tbody tr:hover td { background: rgba(255, 255, 255, .75) !important; }
/* кнопки в строках: в ряд, мягкие пилюли — «Редактировать/Изменить» голубая, «Удалить» розовая */
html.ozv3 :is(#panel-drivers, #panel-favorites-dropoffs, #panel-carriers) .ozon-orders-table td:last-child { white-space: nowrap; }
html.ozv3 :is(#panel-drivers, #panel-favorites-dropoffs, #panel-carriers) .ozon-orders-table td button {
    display: inline-flex !important; width: auto !important; max-width: none !important; margin: 2px 4px 2px 0 !important;
    border: none !important; border-radius: 999px !important; padding: 6px 14px !important; font-size: 12.5px !important; font-weight: 500 !important; font-family: inherit;
}
html.ozv3 :is(#panel-drivers, #panel-carriers) .ozon-orders-table td button:is([onclick^="openDriverFormModal"], [onclick^="openCarrierFormModal"]) { background: rgba(91, 140, 255, .12) !important; color: #2f5fd6 !important; }
html.ozv3 :is(#panel-drivers, #panel-favorites-dropoffs, #panel-carriers) .ozon-orders-table td button:is([onclick^="remove"], [onclick^="delete"]) { background: rgba(223, 32, 89, .1) !important; color: #c0164a !important; }
html.ozv3 :is(#panel-drivers, #panel-favorites-dropoffs, #panel-carriers) .ozon-orders-table td button:is([onclick^="remove"], [onclick^="delete"]):hover { background: rgba(223, 32, 89, .18) !important; }
html.ozv3 :is(#panel-drivers, #panel-favorites-dropoffs, #panel-carriers) .ozon-orders-table td .oz-btn-row { flex-wrap: nowrap; gap: 6px; }

/* План/факт: переключатель «Заказы / Выкупы» — дорожка с белой активной пилюлей, как везде */
html.ozv3 #pf-metric-switch,
html.ozv3 #panel-analytics-plan-fact div[style*="display:inline-flex"][style*="border:1px solid #d1d5db"][style*="overflow:hidden"] {
    gap: 3px; padding: 3px; border: 1px solid var(--g3-edge) !important; border-radius: 999px !important;
    background: rgba(255, 255, 255, .45) !important; overflow: visible !important;
}
html.ozv3 #pf-metric-switch .pf-metric-btn,
html.ozv3 #panel-analytics-plan-fact div[style*="display:inline-flex"][style*="border:1px solid #d1d5db"][style*="overflow:hidden"] > button {
    width: auto !important; border: none !important; border-radius: 999px !important; background: transparent !important;
    color: var(--g3-mut) !important; padding: 5px 14px !important; font-weight: 500 !important; font-family: inherit;
}
html.ozv3 #pf-metric-switch .pf-metric-btn.pf-metric-active,
html.ozv3 #panel-analytics-plan-fact div[style*="display:inline-flex"][style*="border:1px solid #d1d5db"][style*="overflow:hidden"] > button:is(.active, .on, [style*="#005BFF"], [style*="0, 91, 255"]) {
    background: rgba(255, 255, 255, .95) !important; color: var(--g3-ink) !important; box-shadow: 0 2px 8px rgba(40, 52, 90, .1);
}

/* Выбранный режим в модалках («Ближайшая дата» / «Поиск точного слота»).
   Правило выше для .ozon-modal-btn-secondary перебивало базовое .selected — выбранная
   кнопка выглядела как невыбранная (20.10.2026). */
html.ozv3 .ozon-modal .ozon-modal-btn-secondary.selected,
html.ozv3 .ozon-modal .ozon-modal-btn-secondary.selected:hover {
    background: #10151f;
    color: #fff;
    border-color: #10151f;
}

/* ---------- Товары: полоска загрузки каталога с реальным процентом ----------
   Проценты и этапы приходят с бэкенда (GET /api/products/progress). Бегущий блик
   на заливке показывает, что процесс жив, даже когда Ozon долго готовит отчёт. */
html.ozv3 #products-loading-progress.products-progress {
    margin: 4px 0 12px;
    padding: 16px 18px;
    background: var(--g3-glass);
    border: 1px solid var(--g3-edge);
    border-radius: 18px;
    box-shadow: var(--g3-shadow);
    -webkit-backdrop-filter: var(--g3-blur);
    backdrop-filter: var(--g3-blur);
}
html.ozv3 #products-loading-progress .products-progress-stage {
    color: var(--g3-mut) !important;
    font-size: 14px;
}
html.ozv3 #products-loading-progress .products-progress-pct {
    color: var(--g3-ink) !important;
    font-size: 16px !important;
    font-weight: 700;
}
html.ozv3 #products-loading-progress .products-progress-track {
    height: 10px;
    margin-top: 12px;
    border-radius: 99px;
    background: rgba(16, 21, 31, .07);
    box-shadow: inset 0 1px 2px rgba(16, 21, 31, .08);
    overflow: hidden;
}
html.ozv3 #products-loading-progress .products-progress-fill {
    position: relative;
    border-radius: 99px;
    background: linear-gradient(90deg, #6f9bff 0%, #005BFF 65%, #2f73ff 100%);
    box-shadow: 0 0 12px rgba(0, 91, 255, .35);
    overflow: hidden;
}
html.ozv3 #products-loading-progress .products-progress-fill::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, 0) 100%);
    transform: translateX(-100%);
    animation: ozProductsProgressShine 1.6s ease-in-out infinite;
}
@keyframes ozProductsProgressShine { to { transform: translateX(100%); } }

/* ================= Создание массового бронирования (.mass-booking-page) — кнопки и блоки в стекле ================= */
html.ozv3 .mass-booking-page .mass-booking-block {
    background: rgba(255, 255, 255, .6) !important; border: 1px solid rgba(255, 255, 255, .85) !important; border-radius: 22px !important;
    box-shadow: 0 6px 24px rgba(40, 52, 90, .07), inset 0 1px 0 rgba(255, 255, 255, .9) !important;
}
html.ozv3 .mass-booking-page .mass-booking-title { font-weight: 600; letter-spacing: -.01em; color: var(--g3-ink); }
html.ozv3 .mass-booking-page .mass-booking-block-title { font-weight: 600; color: var(--g3-ink); }
html.ozv3 .mass-booking-page .mass-booking-back-btn { width: auto !important; border-radius: 999px !important; color: #2f5fd6 !important; background: transparent !important; }
html.ozv3 .mass-booking-page :is(.mass-booking-btn-primary, .mass-booking-btn-secondary, .mass-booking-btn-delete) {
    border-radius: 999px !important; font-family: inherit; font-weight: 500 !important; box-shadow: none !important; transition: background .15s;
}
/* второстепенные (выбрать файл, дату, точку, удалить файл) — белые пилюли по содержимому */
html.ozv3 .mass-booking-page .mass-booking-btn-secondary {
    width: auto !important; flex: 0 0 auto; padding: 9px 20px !important;
    background: rgba(255, 255, 255, .8) !important; color: var(--g3-ink) !important; border: 1px solid var(--g3-edge) !important;
}
html.ozv3 .mass-booking-page .mass-booking-btn-secondary:hover { background: #fff !important; }
html.ozv3 .mass-booking-page .mass-booking-btn-secondary[onclick^="massBookingRemoveFile"] { background: rgba(223, 32, 89, .08) !important; color: #c0164a !important; border: none !important; }
/* «Скачать шаблон» — мягкая голубая пилюля по содержимому */
html.ozv3 .mass-booking-page .mass-booking-btn-primary:not(.mass-booking-btn-create) {
    width: auto !important; padding: 10px 22px !important; background: rgba(91, 140, 255, .14) !important; color: #2f5fd6 !important; border: none !important;
}
html.ozv3 .mass-booking-page .mass-booking-btn-primary:not(.mass-booking-btn-create):hover { background: rgba(91, 140, 255, .22) !important; }
/* главное действие — «Создать заявку»: тёмная пилюля; «Удалить заявку» — мягкая красная */
html.ozv3 .mass-booking-page .mass-booking-btn-create { background: #10151f !important; color: #fff !important; border: none !important; padding: 14px 24px !important; font-size: 16px !important; }
html.ozv3 .mass-booking-page .mass-booking-btn-create:hover { background: #2a3140 !important; }
html.ozv3 .mass-booking-page .mass-booking-btn-delete { background: rgba(223, 32, 89, .1) !important; color: #c0164a !important; border: none !important; padding: 12px 24px !important; }
html.ozv3 .mass-booking-page .mass-booking-btn-delete:hover { background: rgba(223, 32, 89, .18) !important; }
html.ozv3 .mass-booking-page :is(.mass-booking-template-actions, .mass-booking-file-row, .mass-booking-preview-actions, .mass-booking-header-actions) { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
/* зона загрузки файла */
html.ozv3 .mass-booking-page .mass-booking-drag-drop {
    background: rgba(255, 255, 255, .55) !important; border: 2px dashed rgba(91, 140, 255, .35) !important; border-radius: 20px !important;
}
html.ozv3 .mass-booking-page .mass-booking-drag-drop:is(:hover, .is-drag-over, .drag-over, .dragover) { background: rgba(91, 140, 255, .08) !important; border-color: #5b8cff !important; }
html.ozv3 .mass-booking-page .mass-booking-drag-drop .mass-booking-btn-secondary { margin: 6px auto 0; display: block; }
/* выбранные значения (дата/слот, точка, отгрузка) */
html.ozv3 .mass-booking-page [id$="-selected"] {
    background: rgba(91, 140, 255, .1) !important; border: 1px solid rgba(91, 140, 255, .22) !important; border-radius: 16px !important;
}
html.ozv3 .mass-booking-page .mass-booking-selected-value { color: #2f5fd6 !important; font-weight: 600; }
/* поля */
html.ozv3 .mass-booking-page :is(input[type=text], input[type=number], input[type=datetime-local], input[type=date], select) {
    background: rgba(255, 255, 255, .85) !important; border: 1px solid var(--g3-edge) !important; border-radius: 999px !important; font-family: inherit;
}
html.ozv3 .mass-booking-page :is(input, select):focus { border-color: #5b8cff !important; box-shadow: 0 0 0 3px rgba(91, 140, 255, .18) !important; outline: none; }
/* таблица предпросмотра */
html.ozv3 .mass-booking-page .mass-booking-preview-wrap { background: rgba(255, 255, 255, .6) !important; border: 1px solid rgba(255, 255, 255, .85) !important; border-radius: 18px !important; }
html.ozv3 .mass-booking-page .mass-booking-preview-wrap th { background: rgba(246, 248, 251, .97) !important; color: var(--g3-mut) !important; font-weight: 500 !important; }