:root { --eva-surface: var(--eva-panel); --eva-input-bg: var(--eva-white-bg); --eva-text-primary: var(--eva-text); --eva-danger: var(--eva-danger-text); --eva-on-accent: #f7fbfd; --ship-bg: var(--eva-bg); --ship-bg-deep: var(--eva-bg); --ship-surface: var(--eva-panel); --ship-surface-2: var(--eva-bg-soft); --ship-surface-3: var(--eva-surface-hover); --ship-field: #263138; --ship-head: var(--eva-surface-head); --ship-border: var(--eva-border); --ship-border-strong: var(--eva-border-strong); --ship-text: var(--eva-text); --ship-muted: var(--eva-muted); --ship-faint: var(--eva-text-faint); --ship-blue: var(--eva-accent); --ship-blue-strong: var(--eva-accent); --ship-blue-soft: var(--eva-accent-soft-bg); --ship-selected: var(--eva-selected-bg); --ship-green: var(--eva-success-text); --ship-red: var(--eva-danger-text); --ship-shadow: none; --stock-page-bg: var(--eva-bg); --stock-card: var(--eva-panel); --stock-card-2: var(--eva-bg-soft); --stock-table-head: var(--eva-surface-head); --stock-input: #263138; --stock-border: var(--eva-border); --stock-text: var(--eva-text); --stock-muted: var(--eva-muted); --stock-hover: var(--eva-surface-hover); --stock-row-alt: color-mix(in srgb, var(--eva-bg-soft) 70%, var(--eva-bg)); --stock-tab: var(--eva-bg-soft); --stock-tab-active: var(--eva-accent-soft-bg); --stock-blue: var(--eva-accent); --stock-green: var(--eva-success-text); --stock-orange: var(--eva-warning-text); --stock-red: var(--eva-danger-text); --bg: var(--eva-bg); --bg-g1: rgba(78, 172, 226, .08); --bg-g2: rgba(102, 217, 255, .035); --lbl: var(--eva-muted); --bg2: var(--eva-panel); --bg3: var(--eva-bg-soft); --border: var(--eva-border); --text: var(--eva-text); --text2: var(--eva-muted); --cyan: var(--eva-accent-strong); --purple: var(--eva-accent); --green: var(--eva-success-text); --user-bg: var(--eva-accent-soft-bg); --ai-bg: color-mix(in srgb, var(--eva-panel) 88%, var(--eva-bg)); --inp: #263138; --shadow: rgba(10, 17, 21, .22); --ok: var(--eva-success-text); --warn: var(--eva-warning-text); --fail: var(--eva-danger-text); } html[data-theme="light"] { --eva-on-accent: #11180e; --ship-field: #f7f9f3; --stock-input: #f7f9f3; --bg: var(--eva-bg); --bg-g1: rgba(138, 109, 31, .07); --bg-g2: rgba(91, 101, 83, .035); --lbl: var(--eva-muted); --bg2: var(--eva-panel); --bg3: var(--eva-bg-soft); --border: var(--eva-border); --text: var(--eva-text); --text2: var(--eva-muted); --cyan: var(--eva-accent); --purple: #7b6750; --inp: #f7f9f3; --shadow: rgba(50, 61, 43, .12); } html, body { background-color: var(--eva-bg) !important; color: var(--eva-text) !important; } body { background-image: none !important; } .table-modern-wrapper, .eva-view-panel, .details-view-panel, .marks-view-panel, .marks-inline-window, .details-inline-window, .admin-panel, .side-card, .tenant-card, .stock-card, .warehouse-settings-card, .shift-task-meta-card, .shift-lines-card, .quality-card, .quality-subcard, .quality-doc-compact-card, .doc-card, .ship-card, .ship-subcard, .ship-hint, .manual-search-panel, .manual-content, .manual-sidebar, .material-profile-modal-content, .smart-planning-modal-content, .milestone-modal-content, .production-need-modal-content, .print-settings-modal-content, .dashboard-chart-modal-panel, .modal-content, .accept-modal-card, .drawing-settings-card, .mass-update-panel, .labor-breakdown-modal-content, .login-box { background-color: var(--eva-panel) !important; background-image: none !important; border-color: var(--eva-border) !important; color: var(--eva-text) !important; } .modal-header, .modal-footer, .accept-modal-header, .accept-modal-footer, .preview-modal-header, .material-profile-modal-header, .material-profile-modal-footer, .card-header, .stock-card-head, .quality-card-head, .admin-panel-head, .ship-table thead th, .data-table thead, .data-table thead tr:first-child th, .eva-table thead th, .table-modern thead th { background-color: var(--eva-surface-head) !important; background-image: none !important; border-color: var(--eva-border) !important; color: var(--eva-text) !important; } .data-table thead tr.filter-row th, .filter-row th, .toolbar-modern, .filters-modern, .eva-toolbar, .ship-toolbar, .quality-toolbar, .stock-toolbar { background-color: var(--eva-bg-soft) !important; background-image: none !important; border-color: var(--eva-border) !important; color: var(--eva-text) !important; } input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]), select, textarea, .eva-searchable-select-trigger, .eva-searchable-select-search { background-color: var(--eva-white-bg) !important; background-image: none !important; border-color: var(--eva-border) !important; color: var(--eva-text) !important; box-shadow: none !important; } input::placeholder, textarea::placeholder { color: var(--eva-text-faint) !important; opacity: .82 !important; } select option { background: var(--eva-bg-soft) !important; color: var(--eva-text) !important; } input:focus, select:focus, textarea:focus, .eva-searchable-select-trigger:focus, .eva-searchable-select-search:focus { border-color: var(--eva-accent) !important; outline-color: var(--eva-accent) !important; box-shadow: 0 0 0 2px color-mix(in srgb, var(--eva-accent) 18%, transparent) !important; } .btn-primary, .btn.primary, button.primary, .run-btn, #sendBtn { background-color: var(--eva-accent) !important; background-image: none !important; border-color: var(--eva-accent) !important; color: var(--eva-on-accent) !important; box-shadow: none !important; } .btn-primary:hover, .btn.primary:hover, button.primary:hover, .run-btn:hover, #sendBtn:hover { background-color: color-mix(in srgb, var(--eva-accent) 86%, var(--eva-text-strong)) !important; border-color: var(--eva-accent-strong) !important; } .btn:not(.btn-primary):not(.danger):not(.btn-danger):not(.primary), .btn-outline, .close-modal, .close-small, .material-profile-modal-close, .preview-modal-close, .ic-btn, .qa, .chip:not([class*="status"]):not([class*="danger"]):not([class*="success"]) { background-color: var(--eva-bg-soft) !important; background-image: none !important; border-color: var(--eva-border) !important; color: var(--eva-text-secondary) !important; box-shadow: none !important; } .btn:not(.btn-primary):not(.danger):not(.btn-danger):not(.primary):hover, .btn-outline:hover, .close-modal:hover, .close-small:hover, .material-profile-modal-close:hover, .preview-modal-close:hover, .ic-btn:hover, .qa:hover { background-color: var(--eva-surface-hover) !important; border-color: var(--eva-accent) !important; color: var(--eva-text-strong) !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--eva-accent) 24%, transparent) !important; } .data-table, .eva-table, .ship-table, .quality-table, .stock-table { background-color: var(--eva-panel) !important; color: var(--eva-text) !important; border-color: var(--eva-border) !important; } .data-table th, .data-table td, .eva-table th, .eva-table td, .ship-table th, .ship-table td, .quality-table th, .quality-table td, .stock-table th, .stock-table td { border-color: var(--eva-border) !important; } .data-table tbody tr:not(.eva-vt-spacer):hover > td, .eva-table tbody tr:hover > td, .ship-table tbody tr:hover > td, .quality-table tbody tr:hover > td, .stock-table tbody tr:hover > td { background-color: var(--eva-hover-row) !important; } .modal, .preview-modal, .accept-modal, .dashboard-chart-modal, .material-profile-modal { --eva-modal-overlay: rgba(10, 17, 21, .62); } .modal, .preview-modal, .accept-modal, .dashboard-chart-modal { color: var(--eva-text); } .modal.active, .modal.open, .preview-modal.active, .accept-modal, .dashboard-chart-modal.is-open { backdrop-filter: none !important; } .overlay, .modal-overlay, .eva-modal-overlay, .accept-modal, .preview-modal, .dashboard-chart-modal { background-color: rgba(10, 17, 21, .62) !important; } html[data-theme="light"] .overlay, html[data-theme="light"] .modal-overlay, html[data-theme="light"] .eva-modal-overlay, html[data-theme="light"] .accept-modal, html[data-theme="light"] .preview-modal, html[data-theme="light"] .dashboard-chart-modal { background-color: rgba(43, 50, 38, .34) !important; } .dashboard-page, .dashboard-content, .dashboard-container { background: var(--eva-bg) !important; background-image: none !important; border-color: var(--eva-border) !important; color: var(--eva-text) !important; box-shadow: none !important; } .dashboard-toolbar, .dashboard-filter-bar, .dashboard-current-card, .dashboard-card, .dashboard-filter, .dashboard-status { background: var(--eva-panel) !important; background-image: none !important; border-color: var(--eva-border) !important; box-shadow: var(--eva-shadow-card) !important; } .dashboard-card-total, .dashboard-chart-svg, .dashboard-month-matrix, .dashboard-month-matrix-row, .dashboard-card details, .dashboard-status-track { background: var(--eva-bg-soft) !important; background-image: none !important; border-color: var(--eva-border) !important; } .dashboard-data-table th, .dashboard-data-table td { border-color: var(--eva-border) !important; color: var(--eva-text-secondary) !important; } .dashboard-card-header, .dashboard-month-matrix-row, .dashboard-month-stage-detail-card { border-color: var(--eva-border) !important; } .dashboard-kpi-card { border-color: color-mix(in srgb, currentColor 12%, var(--eva-border)) !important; box-shadow: none !important; } .quality-page, .warehouse-page, .shipping-page { background: var(--eva-bg) !important; color: var(--eva-text) !important; } .ship-card, .ship-subcard, .ship-hint, .doc-card, .tn-summary-card { box-shadow: none !important; } .manual-page, .manual-shell, .manual-main { background: var(--eva-bg) !important; color: var(--eva-text) !important; } .manual-table th, .manual-table td, .manual-content table th, .manual-content table td { border-color: var(--eva-border) !important; } .mobile-card, .accept-modal-card { background: var(--eva-panel) !important; border-color: var(--eva-border) !important; color: var(--eva-text) !important; box-shadow: none !important; } .status-text, .info-label, .accept-modal-body label { color: var(--eva-muted) !important; } .mark-main-info, .details-header, .accept-modal-header { border-color: var(--eva-border) !important; } .labels-page { background: var(--eva-panel) !important; border-color: var(--eva-border) !important; color: var(--eva-text) !important; } .labels-header, .server-url-panel { border-color: var(--eva-border) !important; } .labels-info, .labels-page .hint { color: var(--eva-muted) !important; } .labels-sheet, .qr-label, .mark-qr-code, .qr-label-code { background: #ffffff !important; color: #111111 !important; } .eva-shell { background: var(--eva-bg) !important; } .eva-sidebar { background: var(--eva-surface-head) !important; background-image: none !important; border-color: var(--eva-border) !important; box-shadow: none !important; } .eva-workspace, .eva-workspace-empty { background: var(--eva-bg) !important; background-image: none !important; border-color: var(--eva-border) !important; box-shadow: none !important; } .eva-theme-toggle { background: var(--eva-bg-soft) !important; background-image: none !important; border-color: var(--eva-border) !important; color: var(--eva-text-secondary) !important; box-shadow: none !important; } .eva-theme-toggle:hover, .eva-theme-toggle:focus-visible { border-color: var(--eva-accent-strong) !important; color: var(--eva-text-strong) !important; box-shadow: 0 0 10px rgba(102, 217, 255, .26) !important; } .eva-floating-tooltip { background: var(--eva-bg-soft) !important; color: var(--eva-text) !important; border-color: var(--eva-border) !important; box-shadow: 0 10px 24px var(--eva-shadow-2) !important; } .eva-floating-tooltip::before { background: var(--eva-bg-soft) !important; border-color: var(--eva-border) !important; } .eva-sidebar-btn, html[data-theme="light"] .eva-sidebar-btn { background: transparent !important; border-color: transparent !important; box-shadow: none !important; } .hdr, .inp-row, .left, .results-hdr { background-color: var(--eva-panel) !important; border-color: var(--eva-border) !important; } .section, .quick, .panel-hdr, .results-hdr, .inp-row { border-color: var(--eva-border) !important; } #retryBtn { background: var(--eva-bg-soft) !important; border-color: var(--eva-border) !important; color: var(--eva-text) !important; } #retryBtn:hover { background: var(--eva-surface-hover) !important; border-color: var(--eva-accent) !important; } .spinner { border-color: var(--eva-border) !important; border-top-color: var(--eva-accent-strong) !important; } #hint, .box p { color: var(--eva-muted) !important; } .login-box h2 { color: var(--eva-text-strong) !important; } #ctr img { filter: saturate(.78) brightness(1.02) !important; } ::-webkit-scrollbar-track { background: var(--eva-bg) !important; } ::-webkit-scrollbar-thumb { background: color-mix(in srgb, var(--eva-border) 82%, var(--eva-muted)) !important; border-color: var(--eva-bg) !important; } @media print { html, body, .labels-sheet, .qr-label { background: #ffffff !important; color: #111111 !important; } } :root { --eva-top-action-bg: color-mix(in srgb, var(--eva-bg-soft) 78%, #111 22%); --eva-top-action-bg-hover: color-mix(in srgb, var(--eva-bg-soft) 68%, var(--eva-accent) 32%); --eva-top-action-border: color-mix(in srgb, var(--eva-border) 82%, #10161a 18%); } html[data-theme="light"] { --eva-top-action-bg: color-mix(in srgb, var(--eva-bg-soft) 92%, #2b3528 8%); --eva-top-action-bg-hover: color-mix(in srgb, var(--eva-bg-soft) 82%, var(--eva-accent) 18%); --eva-top-action-border: color-mix(in srgb, var(--eva-border) 90%, #566052 10%); } :is(.toolbar-modern,.toolbar,.dashboard-toolbar,.quality-toolbar,.ship-toolbar,.stock-toolbar) :is(button,.btn,.btn-outline):not(.btn-primary):not(.primary):not(.danger):not(.btn-danger), .details-title-tab, .marks-title-tab, .eva-title-tab, .stock-tab, .warehouse-tab { background-color: var(--eva-top-action-bg) !important; background-image: none !important; border-color: var(--eva-top-action-border) !important; box-shadow: none !important; } :is(.toolbar-modern,.toolbar,.dashboard-toolbar,.quality-toolbar,.ship-toolbar,.stock-toolbar) :is(button,.btn,.btn-outline):not(.btn-primary):not(.primary):not(.danger):not(.btn-danger):hover, .details-title-tab:hover, .marks-title-tab:hover, .eva-title-tab:hover, .stock-tab:hover, .warehouse-tab:hover { background-color: var(--eva-top-action-bg-hover) !important; border-color: color-mix(in srgb, var(--eva-accent) 62%, var(--eva-border)) !important; } .details-title-tab.active, .marks-title-tab.active, .eva-title-tab.active, .stock-tab.active, .warehouse-tab.active { background-color: color-mix(in srgb, var(--eva-top-action-bg) 76%, var(--eva-accent) 24%) !important; border-color: color-mix(in srgb, var(--eva-accent) 72%, var(--eva-border)) !important; } html body #detailsVedomostPanel .toolbar-modern .quick-filter-btn.is-active, html body #marksVedomostPanel .toolbar-modern .quick-filter-btn.is-active { background-color: color-mix(in srgb, var(--eva-top-action-bg) 62%, var(--eva-accent) 38%) !important; background-image: none !important; color: var(--eva-text-strong, var(--eva-text)) !important; border-color: var(--eva-accent) !important; box-shadow: inset 0 -2px 0 var(--eva-accent), 0 0 0 1px color-mix(in srgb, var(--eva-accent) 36%, transparent) !important; font-weight: 700 !important; } html body #detailsVedomostPanel .toolbar-modern .quick-filter-btn.is-active:hover, html body #marksVedomostPanel .toolbar-modern .quick-filter-btn.is-active:hover { background-color: color-mix(in srgb, var(--eva-top-action-bg) 54%, var(--eva-accent) 46%) !important; border-color: var(--eva-accent) !important; box-shadow: inset 0 -2px 0 var(--eva-accent), 0 0 0 2px color-mix(in srgb, var(--eva-accent) 30%, transparent) !important; } html body #detailsVedomostPanel .toolbar-modern .quick-filter-btn.is-active .quick-filter-count, html body #marksVedomostPanel .toolbar-modern .quick-filter-btn.is-active .quick-filter-count { color: var(--eva-text-strong, var(--eva-text)) !important; opacity: 1 !important; } :is(#productionTable,#marksTable).data-table tbody tr.deleted-row > td, :is(#productionTable,#marksTable).data-table tbody tr.deleted-row:hover > td, :is(#productionTable,#marksTable).data-table tbody tr.deleted-row.selected > td, :is(#productionTable,#marksTable).data-table tbody tr.deleted-row.selected:hover > td { color: var(--eva-danger-text-soft-3) !important; text-decoration-line: line-through !important; text-decoration-thickness: 1px !important; text-decoration-color: currentColor !important; } #productionTable.data-table tbody tr.quarantine-row:not(.selected) > td, #productionTable.data-table tbody tr.quarantine-row:not(.selected):hover > td { color: var(--eva-danger-text-soft-5) !important; } #productionTable.data-table tbody tr.quarantine-row.selected > td, #productionTable.data-table tbody tr.quarantine-row.selected:hover > td { color: var(--eva-danger-text-soft-4) !important; } #productionTable.data-table tbody tr:is(.changed-row,.rework-row):not(.selected) > td, #productionTable.data-table tbody tr:is(.changed-row,.rework-row):not(.selected):hover > td { color: var(--eva-text-secondary) !important; } #marksTable.data-table tbody tr.quarantine-row:not(.selected) > td, #marksTable.data-table tbody tr.quarantine-row:not(.selected):hover > td { color: var(--eva-marks-quarantine, var(--eva-danger-text-soft-5)) !important; } #marksTable.data-table tbody tr.quarantine-row.selected > td, #marksTable.data-table tbody tr.quarantine-row.selected:hover > td { color: var(--eva-marks-quarantine-selected, var(--eva-danger-text-soft-4)) !important; } #marksTable.data-table tbody tr.hold-row:not(.selected) > td, #marksTable.data-table tbody tr.hold-row:not(.selected):hover > td { color: var(--eva-loc-marks-28, var(--eva-accent)) !important; } #marksTable.data-table tbody tr.hold-row.selected > td, #marksTable.data-table tbody tr.hold-row.selected:hover > td { color: var(--eva-loc-marks-29, var(--eva-accent)) !important; } #marksTable.data-table tbody tr.repair-row:not(.selected) > td, #marksTable.data-table tbody tr.repair-row:not(.selected):hover > td { color: var(--eva-loc-marks-30, var(--eva-danger-text)) !important; } #marksTable.data-table tbody tr.repair-row.selected > td, #marksTable.data-table tbody tr.repair-row.selected:hover > td { color: var(--eva-loc-marks-31, var(--eva-danger-text)) !important; } #marksTable.data-table tbody tr:is(.changed-row,.rework-row):not(.selected) > td, #marksTable.data-table tbody tr:is(.changed-row,.rework-row):not(.selected):hover > td { color: var(--eva-text-secondary) !important; }