/** * Светлая тема: производство, упаковка, склад, отгрузки, АРТИ. * Те же поверхности, что у «Запросов» / карточек: --page-body-bg, --surface-elevated. * * На нужен класс page-ops-light (вместе с app-shell). * Подключать после theme-light-overrides.css. */ html[data-theme="light"] body.page-ops-light { background: var(--page-body-bg) !important; } /* --- Полоса статистики --- */ html[data-theme="light"] body.page-ops-light .stats-strip { background: var(--surface-elevated) !important; box-shadow: var(--shadow-card); border-color: var(--border-color) !important; } html[data-theme="light"] body.page-ops-light .stat-tile.is-clickable:hover { background: var(--surface-overlay-weak) !important; } /* --- Основные панели (3 колонки и т.п.) --- */ html[data-theme="light"] body.page-ops-light .pane { background: var(--surface-elevated) !important; box-shadow: var(--shadow-card); border-color: var(--border-color) !important; } /* Склад */ html[data-theme="light"] body.page-ops-light .scan-tabs { background: var(--surface-overlay-muted) !important; } html[data-theme="light"] body.page-ops-light .mini-card, html[data-theme="light"] body.page-ops-light .lot-card, html[data-theme="light"] body.page-ops-light .side-card, html[data-theme="light"] body.page-ops-light .zone-card { background: var(--surface-elevated) !important; box-shadow: 0 1px 0 rgba(0, 77, 102, 0.06); } html[data-theme="light"] body.page-ops-light .suggest-card { background: linear-gradient( 180deg, rgba(255, 186, 80, 0.14), var(--surface-elevated) ) !important; } html[data-theme="light"] body.page-ops-light .alt-row { background: var(--surface-overlay-subtle) !important; } html[data-theme="light"] body.page-ops-light .wh-table tr:hover td { background: var(--surface-overlay-weak) !important; } html[data-theme="light"] body.page-ops-light .filter-input, html[data-theme="light"] body.page-ops-light .filter-seg { background: var(--bg-input) !important; } html[data-theme="light"] body.page-ops-light .side-matrix .cell, html[data-theme="light"] body.page-ops-light .side-client-row, html[data-theme="light"] body.page-ops-light .cell-box { background: var(--surface-overlay-subtle) !important; } /* Упаковка */ html[data-theme="light"] body.page-ops-light .queue-search-input { background: var(--bg-input) !important; } html[data-theme="light"] body.page-ops-light .queue-card { background: var(--surface-elevated) !important; box-shadow: 0 1px 0 rgba(0, 77, 102, 0.05); } html[data-theme="light"] body.page-ops-light .queue-card:hover { background: var(--surface-elevated) !important; } html[data-theme="light"] body.page-ops-light .queue-card.is-active { background: rgba(255, 186, 80, 0.1) !important; } html[data-theme="light"] body.page-ops-light .queue-card-thumb { background: var(--surface-overlay-subtle) !important; } html[data-theme="light"] body.page-ops-light .queue-card-qty-btn { background: var(--bg-input) !important; } html[data-theme="light"] body.page-ops-light .box-card { background: var(--surface-elevated) !important; box-shadow: var(--shadow-card); } html[data-theme="light"] body.page-ops-light .box-card.is-target { background: linear-gradient( 180deg, rgba(255, 186, 80, 0.08), var(--surface-elevated) ) !important; } html[data-theme="light"] body.page-ops-light .box-card.is-closed { background: var(--field-multiline-bg) !important; } html[data-theme="light"] body.page-ops-light .box-line:hover { background: var(--surface-overlay-weak) !important; } html[data-theme="light"] body.page-ops-light .box-meta-input, html[data-theme="light"] body.page-ops-light .box-meta-photo-btn { background: var(--bg-input) !important; } /* Модалка "Новая коробка" */ html[data-theme="light"] body.page-ops-light .nb-tab { background: transparent !important; } html[data-theme="light"] body.page-ops-light .nb-tab.is-active { background: var(--btn-gradient-warm) !important; color: var(--chip-active-text, #111827) !important; box-shadow: var(--shadow-btn-accent) !important; } html[data-theme="light"] body.page-ops-light .dest-chip.is-active, html[data-theme="light"] body.page-ops-light .left-tab.is-active, html[data-theme="light"] body.page-ops-light .choice-tile.is-selected .t-pill { background: var(--btn-gradient-warm) !important; color: var(--chip-active-text, #111827) !important; border-color: var(--accent) !important; } html[data-theme="light"] body.page-ops-light .nb-tile { background: var(--surface-elevated) !important; border-color: var(--border-color) !important; box-shadow: 0 1px 0 rgba(0, 77, 102, 0.05); } html[data-theme="light"] body.page-ops-light .nb-tile:hover { background: var(--surface-elevated) !important; border-color: var(--accent) !important; } html[data-theme="light"] body.page-ops-light .nb-tile.is-selected { background: rgba(255, 186, 80, 0.12) !important; border-color: #ffb24a !important; box-shadow: 0 0 0 2px rgba(255, 186, 80, 0.26) !important; } html[data-theme="light"] body.page-ops-light .nb-tile-meta { border-top-color: var(--border-color) !important; } /* Отгрузки */ html[data-theme="light"] body.page-ops-light .dsp-mode-tabs { background: var(--surface-overlay-muted) !important; } html[data-theme="light"] body.page-ops-light .arch-filters input, html[data-theme="light"] body.page-ops-light .arch-filters select, html[data-theme="light"] body.page-ops-light .arch-edit-row input, html[data-theme="light"] body.page-ops-light .arch-edit-row select { background: var(--bg-input) !important; } html[data-theme="light"] body.page-ops-light .arch-box-card { background: var(--surface-elevated) !important; } html[data-theme="light"] body.page-ops-light .arch-photo-card { background: var(--surface-overlay-subtle) !important; } html[data-theme="light"] body.page-ops-light .arch-action-btn { background: var(--surface-overlay-subtle) !important; } html[data-theme="light"] body.page-ops-light .scanner-input, html[data-theme="light"] body.page-ops-light .camera-btn { background: var(--bg-input) !important; } html[data-theme="light"] body.page-ops-light .recent-scan-item { background: var(--surface-overlay-subtle) !important; } html[data-theme="light"] body.page-ops-light .lq-item { background: var(--surface-elevated) !important; } html[data-theme="light"] body.page-ops-light .lq-item:hover { background: var(--surface-elevated) !important; } html[data-theme="light"] body.page-ops-light .left-tab { background: var(--surface-overlay-subtle) !important; } html[data-theme="light"] body.page-ops-light .left-tab .tab-counter { background: var(--surface-overlay-muted) !important; } html[data-theme="light"] body.page-ops-light .left-tab.is-active .tab-counter { background: rgba(17, 24, 39, 0.12) !important; } html[data-theme="light"] body.page-ops-light .consignee-card, html[data-theme="light"] body.page-ops-light .scanned-row, html[data-theme="light"] body.page-ops-light .doc-tile { background: var(--surface-elevated) !important; } html[data-theme="light"] body.page-ops-light .carrier-row select, html[data-theme="light"] body.page-ops-light .carrier-row input { background: var(--bg-input) !important; } html[data-theme="light"] body.page-ops-light .photo-zone { background: var(--surface-overlay-subtle) !important; } html[data-theme="light"] body.page-ops-light .photo-thumb { background: var(--surface-overlay-muted) !important; } html[data-theme="light"] body.page-ops-light #dsp-denied { background: var(--surface-elevated) !important; box-shadow: var(--shadow-card); } /* АРТИ */ html[data-theme="light"] body.page-ops-light .arti-row, html[data-theme="light"] body.page-ops-light .client-row, html[data-theme="light"] body.page-ops-light .file-card { background: var(--surface-elevated) !important; } html[data-theme="light"] body.page-ops-light .file-card.is-derived { background: var(--surface-overlay-subtle) !important; } html[data-theme="light"] body.page-ops-light .file-thumb { background: var(--surface-overlay-muted) !important; } html[data-theme="light"] body.page-ops-light .files-upload-drop { background: var(--surface-overlay-subtle) !important; } html[data-theme="light"] body.page-ops-light .adder select { background: var(--bg-input) !important; border-color: var(--border-color) !important; } html[data-theme="light"] body.page-ops-light #arti-denied { background: var(--surface-elevated) !important; box-shadow: var(--shadow-card); } /* Модалки / тосты (локальные классы страниц) */ html[data-theme="light"] body.page-ops-light .modal-dialog { background: var(--surface-elevated) !important; color: var(--text-main) !important; box-shadow: var(--shadow-card) !important; } html[data-theme="light"] body.page-ops-light .field-row input, html[data-theme="light"] body.page-ops-light .field-row select, html[data-theme="light"] body.page-ops-light .field-row textarea { background: var(--bg-input) !important; } html[data-theme="light"] body.page-ops-light .toast { background: var(--surface-elevated) !important; color: var(--text-main) !important; box-shadow: var(--shadow-card) !important; } html[data-theme="light"] body.page-ops-light .arch-modal .modal-close:hover { background: var(--surface-overlay-weak) !important; } /* ========== Производство (production.html) ========== */ html[data-theme="light"] body.page-ops-light .detail-instructions-box { background: var(--surface-overlay-subtle) !important; } html[data-theme="light"] body.page-ops-light .detail-drawing-tool-btn:hover { border-color: var(--border-color) !important; background: var(--surface-overlay-weak) !important; } html[data-theme="light"] body.page-ops-light .item-files-preview-wrap { background: var(--surface-overlay-muted) !important; } html[data-theme="light"] body.page-ops-light .item-files-preview-wrap.item-files-placeholder { border-color: var(--border-color) !important; background: var(--surface-overlay-subtle) !important; } html[data-theme="light"] body.page-ops-light .hover-preview { background: var(--surface-elevated) !important; box-shadow: var(--shadow-card) !important; } html[data-theme="light"] body.page-ops-light .anon-canvas-wrap { background: var(--field-multiline-bg) !important; } html[data-theme="light"] body.page-ops-light table.data-table th, html[data-theme="light"] body.page-ops-light table.data-table td { border-bottom-color: var(--border-color) !important; } html[data-theme="light"] body.page-ops-light table.data-table tbody tr:hover { background: var(--surface-overlay-weak) !important; } html[data-theme="light"] body.page-ops-light .op-progress-bar-track { background: var(--surface-overlay-muted) !important; } html[data-theme="light"] body.page-ops-light .po-order-strip, html[data-theme="light"] body.page-ops-light .po-main-meta, html[data-theme="light"] body.page-ops-light .internal-po-modal-meta, html[data-theme="light"] body.page-ops-light .internal-po-totals { background: var(--surface-overlay-subtle) !important; } html[data-theme="light"] body.page-ops-light .po-order-progress-bar, html[data-theme="light"] body.page-ops-light .po-position-card__progress { background: var(--surface-overlay-muted) !important; } html[data-theme="light"] body.page-ops-light .po-position-card { background: var(--surface-elevated) !important; } html[data-theme="light"] body.page-ops-light .po-position-card:hover { background: var(--surface-overlay-weak) !important; border-color: var(--border-color) !important; } html[data-theme="light"] body.page-ops-light .po-position-card__thumb.is-placeholder { background: var(--surface-overlay-subtle) !important; border-color: var(--border-color) !important; } html[data-theme="light"] body.page-ops-light .po-drawing-large.is-placeholder { background: var(--field-multiline-bg) !important; border-color: var(--border-color) !important; } html[data-theme="light"] body.page-ops-light .pack-ready-panel__thumb { background: var(--surface-overlay-subtle) !important; } html[data-theme="light"] body.page-ops-light .pos-timeline { background: var(--surface-overlay-subtle) !important; } html[data-theme="light"] body.page-ops-light .pos-timeline__step::before { background: var(--surface-overlay-strong) !important; } html[data-theme="light"] body.page-ops-light .pos-timeline__step.is-done::before { background: rgba(34, 197, 94, 0.45) !important; } html[data-theme="light"] body.page-ops-light .pos-timeline__step.is-current::before { background: linear-gradient( 90deg, rgba(253, 224, 71, 0.55), var(--surface-overlay-strong) ) !important; } html[data-theme="light"] body.page-ops-light .pos-timeline__label-top { background: var(--surface-elevated) !important; } html[data-theme="light"] body.page-ops-light .pos-timeline__dot { background: var(--surface-overlay-muted) !important; } /* Inline-обёртки в модалках производства (style в разметке) */ html[data-theme="light"] body.page-ops-light #readiness-body, html[data-theme="light"] body.page-ops-light #close-early-body { background: var(--surface-elevated) !important; } html[data-theme="light"] body.page-ops-light #detail-warehouse-banner { background: linear-gradient( 180deg, rgba(134, 239, 172, 0.14) 0%, var(--surface-elevated) 100% ) !important; } html[data-theme="light"] body.page-ops-light .internal-po-table th, html[data-theme="light"] body.page-ops-light .internal-po-table td { border-bottom-color: var(--border-color) !important; } html[data-theme="light"] body.page-ops-light .internal-po-table tr:hover { background: var(--surface-overlay-weak) !important; } html[data-theme="light"] body.page-ops-light .internal-po-thumb.is-placeholder { background: var(--surface-overlay-subtle) !important; border-color: var(--border-color) !important; }