/* ========================================================= Theme switch: Dark Blue (legacy style from backup) Active when ========================================================= */ html[data-theme="dark-blue"]{ --cz-black:#0b0f18; --cz-gray:#121826; --cz-yellow:#ffc400; --cz-white:#f2f2f2; --cz-muted:#aeb8cf; --cz-brand:#ffc400; --cz-brand-2:#ffe379; --cz-fg:#f6e6a8; --cz-line:#263149; } /* Global base */ html[data-theme="dark-blue"] .cz-body{ background: radial-gradient(1200px 620px at 10% -10%, rgba(82,122,197,.12), transparent 55%), radial-gradient(1180px 620px at 110% 0%, rgba(68,106,176,.10), transparent 58%), linear-gradient(180deg,#070d1a 0%,#0c1425 45%,#090f1d 100%) !important; color:var(--cz-white) !important; } html[data-theme="dark-blue"] .cz-body::after{ background: radial-gradient(560px 260px at 18% 12%, rgba(95,142,228,.12), transparent 64%), radial-gradient(640px 300px at 84% 10%, rgba(76,118,191,.10), transparent 68%), radial-gradient(720px 340px at 50% 112%, rgba(255,196,0,.08), transparent 74%); } html[data-theme="dark-blue"] .cz-fieldset, html[data-theme="dark-blue"] .cz-card, html[data-theme="dark-blue"] .cz-kpi .kpi, html[data-theme="dark-blue"] .cz-table-wrap{ border-color:#2a3858; background:linear-gradient(180deg,#151b2a,#0f1525); box-shadow:0 12px 24px rgba(0,0,0,.33), inset 0 1px 0 rgba(255,255,255,.04); } html[data-theme="dark-blue"] .cz-legend{ color:var(--cz-brand); } html[data-theme="dark-blue"] .cz-legend::before{ background:linear-gradient(180deg,#ffe379,#ffc400); box-shadow:0 0 10px rgba(255,196,0,.35); } html[data-theme="dark-blue"] .table.cz-table, html[data-theme="dark-blue"] .cz-table, html[data-theme="dark-blue"] .cz-table-grid{ color:var(--cz-fg); } html[data-theme="dark-blue"] .table.cz-table thead th, html[data-theme="dark-blue"] .cz-table thead th, html[data-theme="dark-blue"] .cz-table-grid thead th{ background:linear-gradient(180deg,#151a27,#10131b); color:#ffe379; border-color:#263149; } html[data-theme="dark-blue"] .table.cz-table td, html[data-theme="dark-blue"] .table.cz-table th, html[data-theme="dark-blue"] .cz-table th, html[data-theme="dark-blue"] .cz-table td, html[data-theme="dark-blue"] .cz-table-grid th, html[data-theme="dark-blue"] .cz-table-grid td{ border-color:#263149; } html[data-theme="dark-blue"] .table.cz-table tbody tr, html[data-theme="dark-blue"] .cz-table-grid tbody tr{ background:#0f1525; } html[data-theme="dark-blue"] .table.cz-table tbody tr:nth-child(even), html[data-theme="dark-blue"] .cz-table-grid tbody tr:nth-child(even){ background:#111a2d; } html[data-theme="dark-blue"] .table.cz-table tbody tr:hover, html[data-theme="dark-blue"] .cz-table-grid tbody tr:hover{ background:#1a243b; } html[data-theme="dark-blue"] .cz-input, html[data-theme="dark-blue"] .form-select, html[data-theme="dark-blue"] .form-control, html[data-theme="dark-blue"] .cz-body .form-control, html[data-theme="dark-blue"] .cz-body .form-select, html[data-theme="dark-blue"] .cz-body textarea.form-control{ border-color:#3a4f7c; background:#0f121b; color:#f4f1e6; } html[data-theme="dark-blue"] .cz-input:hover, html[data-theme="dark-blue"] .form-select:hover, html[data-theme="dark-blue"] .form-control:hover{ border-color:#4b6193; } html[data-theme="dark-blue"] .cz-input:focus, html[data-theme="dark-blue"] .form-select:focus, html[data-theme="dark-blue"] .form-control:focus, html[data-theme="dark-blue"] .cz-body .form-control:focus, html[data-theme="dark-blue"] .cz-body .form-select:focus, html[data-theme="dark-blue"] .cz-body textarea.form-control:focus{ border-color:#5d77ae; box-shadow:0 0 0 3px rgba(255,196,0,.2); } html[data-theme="dark-blue"] .alert-primary{ background:linear-gradient(180deg, rgba(24,40,70,.94), rgba(15,28,51,.95)); border-color:#4064a0; color:#dce9ff; } /* Navbar: override black+gold !important block */ html[data-theme="dark-blue"] .cz-navbar{ background:linear-gradient(180deg, rgba(16,27,47,.96), rgba(10,19,35,.92)) !important; border-bottom:1px solid #365488 !important; box-shadow: 0 10px 24px rgba(0,0,0,.45), inset 0 -1px 0 rgba(95,144,227,.22), inset 0 1px 0 rgba(255,255,255,.03); } html[data-theme="dark-blue"] .cz-brand{ color:#ffc400 !important; text-shadow:0 0 12px rgba(255,196,0,.25); } html[data-theme="dark-blue"] .cz-logo{ border-color:#ffc400; box-shadow:0 0 0 1px rgba(255,196,0,.32), 0 0 12px rgba(95,144,227,.25); } html[data-theme="dark-blue"] .cz-navbtn{ border:1px solid #3b578b !important; background:linear-gradient(180deg,#1f2f50 0%,#141f36 100%) !important; color:#f4e8bd !important; box-shadow: 0 6px 14px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.08), inset 0 0 0 1px rgba(95,144,227,.08) !important; } html[data-theme="dark-blue"] .cz-navbtn:hover{ color:#ffe379 !important; border-color:#5e7eb8 !important; background:linear-gradient(180deg,#2a3f69 0%, #1b2b49 100%) !important; } html[data-theme="dark-blue"] .cz-navbtn.active, html[data-theme="dark-blue"] .cz-navbtn[aria-current="page"]{ border-color:#6b8dc8 !important; background:linear-gradient(180deg,#304a79 0%,#1f3152 100%) !important; box-shadow: 0 0 0 1px rgba(95,144,227,.22), 0 10px 18px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.08) !important; } html[data-theme="dark-blue"] .cz-btn{ border:1px solid #be9200; background:linear-gradient(180deg,#ffd64d 0%,#ffc400 56%,#e9ae00 100%); color:#0e1118 !important; box-shadow:0 6px 14px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.45); } html[data-theme="dark-blue"] .cz-btn:hover, html[data-theme="dark-blue"] .cz-btn:focus{ background:linear-gradient(180deg,#ffe37e 0%,#ffcd21 56%,#f0b400 100%); box-shadow:0 8px 18px rgba(0,0,0,.42), 0 0 0 3px rgba(255,196,0,.23), inset 0 1px 0 rgba(255,255,255,.5); } html[data-theme="dark-blue"] .cz-navbar .form-select{ background:#0f121b !important; border-color:#3a5d96 !important; color:#f4e8bd !important; } html[data-theme="dark-blue"] .cz-navbar .form-select:focus{ border-color:#6ea8f7 !important; box-shadow:0 0 0 3px rgba(95,144,227,.24) !important; } html[data-theme="dark-blue"] .cz-navbar .navbar-text{ color:#d0d9ea !important; } html[data-theme="dark-blue"] .cz-theme-select{ background:#10203a; border-color:#3a5d96; color:#e8f0ff; } html[data-theme="dark-blue"] .cz-theme-select:focus{ border-color:#6ea8f7; box-shadow:0 0 0 .16rem rgba(99,164,255,.24); } html[data-theme="dark-blue"] .cz-theme-select option{ background:#10203a; color:#e8f0ff; } /* Month/date pickers */ html[data-theme="dark-blue"] .cz-monthpicker-display, html[data-theme="dark-blue"] .cz-datepicker-display{ background:#121828; color:#e9e4c1; border-color:#3a4a72; } html[data-theme="dark-blue"] .cz-monthpicker-display:focus, html[data-theme="dark-blue"] .cz-datepicker-display:focus{ box-shadow:0 0 0 3px rgba(255,196,0,.25); border-color:#5d77ae; } html[data-theme="dark-blue"] .cz-monthpicker-panel, html[data-theme="dark-blue"] .cz-datepicker-panel{ background:#0f1525; border-color:#263149; } html[data-theme="dark-blue"] .cz-monthpicker-nav, html[data-theme="dark-blue"] .cz-datepicker-nav{ background:#161d30; border-color:#263149; color:#f6e6a8; } html[data-theme="dark-blue"] .cz-monthpicker-month, html[data-theme="dark-blue"] .cz-datepicker-day{ border-color:#2f4268; background:linear-gradient(180deg,#1b243c,#121a2b); color:#f6e6a8; } html[data-theme="dark-blue"] .cz-monthpicker-month:hover, html[data-theme="dark-blue"] .cz-datepicker-day:hover{ border-color:#3a4f7a; color:#ffe379; } html[data-theme="dark-blue"] .cz-monthpicker-month.is-active, html[data-theme="dark-blue"] .cz-datepicker-day.is-active, html[data-theme="dark-blue"] .cz-datepicker-day.is-selected{ background:linear-gradient(180deg,#ffd64d,#ffb800); color:#0e1118; border-color:#c89f00; } /* Scrollbars */ html[data-theme="dark-blue"], html[data-theme="dark-blue"] body{ scrollbar-width:thin; scrollbar-color:#3a4976 #0f1320; } html[data-theme="dark-blue"] *::-webkit-scrollbar{ width:12px; height:12px; } html[data-theme="dark-blue"] *::-webkit-scrollbar-track{ background:#0f1320; border:1px solid #263149; border-radius:12px; } html[data-theme="dark-blue"] *::-webkit-scrollbar-thumb{ background:linear-gradient(180deg,#2b3550 0%, #233049 100%); border:1px solid #3f527a; border-radius:12px; } html[data-theme="dark-blue"] *::-webkit-scrollbar-thumb:hover{ background:linear-gradient(180deg,#364368 0%, #2c3a57 100%); } /* ========================= Schedule (backup style) ========================= */ html[data-theme="dark-blue"] .sched{ --brand:#ffc400;--brand2:#ffe379;--bg:#10131b; --line:#263149;--line-strong:#3b4a75;--hover:#202a43; --fg:#f6e6a8;--muted:#c9bd86; --day:#2b2b12; --day-in:#ffde6a; --night:#13223b; --night-in:#6aa6ff; --both:#3b2a12; --both-in:#ffb86a; --hours:#1a1a1a; --hours-in:#9a9a9a; } html[data-theme="dark-blue"] .sched::before{ background: radial-gradient(520px 180px at 18% 0%, rgba(255,196,0,.12), transparent 66%), radial-gradient(560px 200px at 84% 6%, rgba(86,124,202,.11), transparent 68%); } html[data-theme="dark-blue"] .sched .toolbar{ border:1px solid rgba(58,74,117,.75); background:linear-gradient(180deg, rgba(23,33,56,.72), rgba(13,20,35,.82)); } html[data-theme="dark-blue"] .sched .btn{ background:linear-gradient(180deg,#ffd95d 0%, #ffc400 56%, #e4ab00 100%); color:#111; border:1px solid #be9200; } html[data-theme="dark-blue"] .sched .btn.sec{ border:1px solid #33466f; background:linear-gradient(180deg,#1d2a48 0%, #15203a 100%); color:#e6dcae; } html[data-theme="dark-blue"] .sched .btn.sec:hover{ color:#ffe379; border-color:#466096; } html[data-theme="dark-blue"] .sched .panel{ border:1px solid #2f4066; background:linear-gradient(180deg, rgba(20,30,52,.78), rgba(12,19,34,.92)); overflow:hidden; } html[data-theme="dark-blue"] .sched .panel-h{ border-bottom-color:#30436d; background:linear-gradient(180deg, rgba(26,37,63,.62), rgba(16,24,41,.52)); } html[data-theme="dark-blue"] .sched-table th, html[data-theme="dark-blue"] .sched-table td{ border-color:#2e4068; } html[data-theme="dark-blue"] .sched-table thead th{ background:linear-gradient(180deg,#202b48 0%, #151f36 100%); text-shadow:0 0 10px rgba(255,196,0,.12); } html[data-theme="dark-blue"] .sched .sticky{ background:linear-gradient(180deg, #141f38 0%, #0d1528 100%); } html[data-theme="dark-blue"] .sched .name{ color:#fff3c2; } html[data-theme="dark-blue"] .sched .cell input{ border:1px solid #3a4f79; border-radius:8px; box-shadow:inset 0 1px 0 rgba(255,255,255,.07); } html[data-theme="dark-blue"] .sched .cell input:focus{ border-color:#5f79b0; box-shadow:0 0 0 2px rgba(255,196,0,.16), inset 0 1px 0 rgba(255,255,255,.1); } html[data-theme="dark-blue"] .sched .cell.kind-day{ background:linear-gradient(180deg, rgba(58,55,18,.62), rgba(43,43,18,.72)); } html[data-theme="dark-blue"] .sched .cell.kind-day input{ background:linear-gradient(180deg, #ffe585, #ffd65e); } html[data-theme="dark-blue"] .sched .cell.kind-night{ background:linear-gradient(180deg, rgba(18,36,63,.68), rgba(19,34,59,.78)); } html[data-theme="dark-blue"] .sched .cell.kind-night input{ background:linear-gradient(180deg, #87bbff, #69a9ff); color:#0b1020; } html[data-theme="dark-blue"] .sched .cell.kind-both{ background:linear-gradient(180deg, rgba(68,46,21,.68), rgba(59,42,18,.82)); } html[data-theme="dark-blue"] .sched .cell.kind-both input{ background:linear-gradient(180deg, #ffc58b, #ffb571); } html[data-theme="dark-blue"] .sched .cell-hours{ background:linear-gradient(180deg, #232732, #1a1e28); } html[data-theme="dark-blue"] .sched .cell-hours input{ background:linear-gradient(180deg, #b7bcc9, #9fa6b4); color:#1a1f2a; } html[data-theme="dark-blue"] .sched-table tbody tr:hover > td{ background:rgba(32,42,67,.88); } /* Sticky side cells should stay opaque in dark-blue */ html[data-theme="dark-blue"] .sched-table thead th.sticky.name, html[data-theme="dark-blue"] .sched-table thead th.sticky-right, html[data-theme="dark-blue"] .sched-table tbody td.sticky.name, html[data-theme="dark-blue"] .sched-table tbody td.sticky-right{ background:linear-gradient(180deg, #141f38 0%, #0d1528 100%) !important; } /* ========================= Cashier (backup style) ========================= */ html[data-theme="dark-blue"] .cr{ --brand:#ffc400; --sub:#ffe379; --bg:#0e1118; --row1:#141a29; --row2:#111827; --line:#263149; --fg:#f6e6a8; --ok:#69d36b; --bad:#ff6e6e; --hover:#1e2740; --sep:#3a4a72; --day-bg:rgba(255,222,106,.10); --day-bg-h:rgba(255,222,106,.18); --night-bg:rgba(106,166,255,.12); --night-bg-h:rgba(106,166,255,.22); --tot-bg:rgba(255,255,255,.06); --date-bg:#12182a; --date-wkend:#0f1b33; --wk-day-bg:rgba(255,222,106,.22); --wk-night-bg:rgba(106,166,255,.32); --wk-tot-bg:rgba(255,255,255,.12); --wk-day-bg-h:rgba(255,222,106,.30); --wk-night-bg-h:rgba(106,166,255,.42); --wk-tot-bg-h:rgba(255,255,255,.18); } html[data-theme="dark-blue"] .cr::before{ background: radial-gradient(560px 230px at 16% 0%, rgba(255,196,0,.13), transparent 66%), radial-gradient(600px 250px at 84% 4%, rgba(78,116,194,.1), transparent 70%); } html[data-theme="dark-blue"] .cr .cr-toolbar{ border:1px solid rgba(53,70,108,.8); background:linear-gradient(180deg, rgba(24,33,56,.72), rgba(14,21,37,.84)); } html[data-theme="dark-blue"] .cr .wrap{ border-color:#30436d; background:linear-gradient(180deg, rgba(15,21,37,.92), rgba(10,15,27,.97)); } html[data-theme="dark-blue"] .cr thead th{ background:linear-gradient(180deg,#202b47,#141e33); border-color:#31456f; } html[data-theme="dark-blue"] .cr .sticky{ background:linear-gradient(180deg,#19243e,#111a2d); } html[data-theme="dark-blue"] .cr .sticky.date .dow, html[data-theme="dark-blue"] .cr .cr-font .form-label{ color:#b9c2de; } html[data-theme="dark-blue"] .cr tbody tr:not(.day):not(.night):not(.total):not(.cr-row-day):not(.cr-row-night):not(.cr-row-total)>*{ background:#141a29; } html[data-theme="dark-blue"] .cr tbody tr:nth-child(even):not(.day):not(.night):not(.total):not(.cr-row-day):not(.cr-row-night):not(.cr-row-total)>*{ background:#111827; } html[data-theme="dark-blue"] .cr tbody tr:not(.day):not(.night):not(.total):not(.cr-row-day):not(.cr-row-night):not(.cr-row-total):hover>*{ background:#1e2740; } /* Totals/footer rows must not stay black-gold */ html[data-theme="dark-blue"] .cr tfoot{ background:#0f1525; } html[data-theme="dark-blue"] .cr tfoot .month-total > *{ background:linear-gradient(180deg,#21273a,#1a2133) !important; border-top:3px solid #3a4a72 !important; color:#f6e6a8; } html[data-theme="dark-blue"] .cr tfoot .month-stats > *{ background:linear-gradient(180deg,#1b2236,#161d2e) !important; border-top:1px solid #3a4a72 !important; color:#f6e6a8; } html[data-theme="dark-blue"] .cr tfoot .month-total:hover > *, html[data-theme="dark-blue"] .cr tfoot .month-stats:hover > *{ background-image:none !important; } html[data-theme="dark-blue"] .cr tfoot .month-total:hover > *{ background:linear-gradient(180deg,#21273a,#1a2133) !important; } html[data-theme="dark-blue"] .cr tfoot .month-stats:hover > *{ background:linear-gradient(180deg,#1b2236,#161d2e) !important; } html[data-theme="dark-blue"] .cr .cashier-table thead .cr-zcol{ background:linear-gradient(180deg,#25365d,#1a2a49) !important; box-shadow:inset 0 0 0 1px rgba(106,166,255,.35); } html[data-theme="dark-blue"] .cr .cashier-table tbody .cr-zcol{ background:linear-gradient(180deg, rgba(106,166,255,.2), rgba(52,93,156,.24)) !important; color:#e6efff !important; box-shadow:inset 0 0 0 1px rgba(106,166,255,.3); } /* Daily "Итого" rows inside month table */ html[data-theme="dark-blue"] .cr .cashier-table tbody tr.cr-row-total.grp-end > *{ background:linear-gradient(180deg, rgba(58,80,126,.62), rgba(35,52,89,.82)) !important; color:#eaf2ff !important; font-weight:800; border-top:2px solid rgba(108,150,224,.72) !important; border-bottom:2px solid rgba(108,150,224,.58) !important; } html[data-theme="dark-blue"] .cr .cashier-table tbody tr.cr-row-total.grp-end > td:first-child{ letter-spacing:.01em; } html[data-theme="dark-blue"] .cr .cashier-table tbody tr.cr-row-total.grp-end .cr-zcol{ background:linear-gradient(180deg, rgba(124,176,255,.42), rgba(66,114,190,.54)) !important; color:#f1f6ff !important; box-shadow:inset 0 0 0 1px rgba(144,194,255,.52); } /* Z-report extrema markers */ html[data-theme="dark-blue"] .cr .cashier-table tbody .cr-zcol.cr-z-best-day{ background:linear-gradient(180deg,#ffd37a 0%, #ffab2f 58%, #f08d12 100%) !important; color:#2b1603 !important; box-shadow: inset 0 0 0 1px rgba(255,196,0,.72), 0 0 14px rgba(255,167,38,.35); text-shadow:0 1px 0 rgba(255,255,255,.25); } html[data-theme="dark-blue"] .cr .cashier-table tbody .cr-zcol.cr-z-worst-day{ background:linear-gradient(180deg,#ff9b9b 0%, #e64a4a 56%, #b92424 100%) !important; color:#2c0808 !important; box-shadow: inset 0 0 0 1px rgba(255,140,140,.66), 0 0 14px rgba(206,43,43,.36); text-shadow:0 1px 0 rgba(255,255,255,.18); } html[data-theme="dark-blue"] .cr .cashier-table tbody .cr-zcol.cr-z-best-night{ background:linear-gradient(180deg,#9fd0ff 0%, #5ea8ff 56%, #2f72d6 100%) !important; color:#061a36 !important; box-shadow: inset 0 0 0 1px rgba(138,185,255,.72), 0 0 14px rgba(67,126,227,.34); text-shadow:0 1px 0 rgba(255,255,255,.2); } html[data-theme="dark-blue"] .cr .cashier-table tbody .cr-zcol.cr-z-worst-night{ background:linear-gradient(180deg,#8b4a60 0%, #6d2f47 56%, #4c1e33 100%) !important; color:#ffe4ef !important; box-shadow: inset 0 0 0 1px rgba(171,91,122,.66), 0 0 14px rgba(109,47,71,.35); } html[data-theme="dark-blue"] .cr .cashier-table tbody .cr-zcol.cr-z-best-day.cr-z-worst-day{ background:linear-gradient(135deg,#ffcf73 0%, #f4a11f 48%, #dc4b3b 52%, #b92424 100%) !important; color:#2b1205 !important; } html[data-theme="dark-blue"] .cr .cashier-table tbody .cr-zcol.cr-z-best-night.cr-z-worst-night{ background:linear-gradient(135deg,#8fc6ff 0%, #4f95ef 48%, #6d2f47 52%, #4c1e33 100%) !important; color:#f8e7ef !important; } /* ========================= FINAL dark-blue overrides (schedule + inventory) ========================= */ html[data-theme="dark-blue"] .sched .cell.kind-day{ background:linear-gradient(180deg, rgba(79,62,22,.88), rgba(58,45,17,.94)) !important; box-shadow:inset 0 0 0 1px rgba(255,209,92,.24) !important; } html[data-theme="dark-blue"] .sched .cell.kind-day input, html[data-theme="dark-blue"] .sched .cell input.kind-day{ background:linear-gradient(180deg, #ffe79a 0%, #ffd45f 62%, #f6bd36 100%) !important; border-color:#c79b1a !important; color:#201406 !important; font-weight:800 !important; text-shadow:none !important; } html[data-theme="dark-blue"] .sched-table tbody tr:hover > td.cell.kind-day{ background:linear-gradient(180deg, rgba(94,74,27,.9), rgba(67,52,20,.95)) !important; } html[data-theme="dark-blue"] #inv-root .inv-table{ border:1px solid #334a76 !important; background:#0f1627 !important; box-shadow:0 10px 22px rgba(0,0,0,.26), inset 0 0 0 1px rgba(106,166,255,.08) !important; } html[data-theme="dark-blue"] #inv-root .inv-table th, html[data-theme="dark-blue"] #inv-root .inv-table td{ border-right:1px solid #2f436f !important; border-bottom:1px solid #2a3b63 !important; } html[data-theme="dark-blue"] #inv-root .inv-table th{ background:linear-gradient(180deg, #22365d, #162845) !important; color:#ffd24a !important; } html[data-theme="dark-blue"] #inv-root .inv-table thead th{ box-shadow:inset 0 -1px 0 rgba(106,166,255,.2) !important; } html[data-theme="dark-blue"] #inv-root .inv-table th.th-sub{ color:#b8cff8 !important; } html[data-theme="dark-blue"] #inv-root .inv-table tbody tr td{ background:rgba(16,24,41,.92) !important; } html[data-theme="dark-blue"] #inv-root .inv-table tbody tr:nth-child(even) td{ background:rgba(18,29,50,.94) !important; } html[data-theme="dark-blue"] #inv-root .inv-table tbody tr:hover td{ background:linear-gradient(180deg, rgba(35,53,87,.96), rgba(24,40,70,.96)) !important; box-shadow:inset 0 1px 0 rgba(106,166,255,.14), inset 0 -1px 0 rgba(106,166,255,.1) !important; } html[data-theme="dark-blue"] #inv-root .inv-table tbody tr:hover td.cell-name{ color:#f4f8ff !important; text-shadow:0 0 10px rgba(106,166,255,.18) !important; } html[data-theme="dark-blue"] #inv-root .inv-table td.cell-name{ color:#e7eefc !important; } html[data-theme="dark-blue"] #inv-root .inv-table td.cell-num{ color:#d7e4ff !important; } html[data-theme="dark-blue"] #inv-root .inv-table td.cell-fact .counted-input{ border:1px solid #4b6699 !important; background:#101b31 !important; color:#eef4ff !important; } html[data-theme="dark-blue"] #inv-root .inv-table td.cell-fact .counted-input:focus{ border-color:#6f95d8 !important; box-shadow:0 0 0 2px rgba(106,166,255,.24) !important; } html[data-theme="dark-blue"] #inv-root .inv-table td.cell-diff.diff-pos{ color:#9ff6c4 !important; background:rgba(25,75,56,.35) !important; box-shadow:inset 0 0 0 1px rgba(107,245,176,.16) !important; } html[data-theme="dark-blue"] #inv-root .inv-table td.cell-diff.diff-neg{ color:#ff9b9b !important; background:rgba(101,34,48,.36) !important; box-shadow:inset 0 0 0 1px rgba(255,129,129,.16) !important; } html[data-theme="dark-blue"] #inv-root .inv-table td.cell-diff.diff-zero{ color:#c8d8f8 !important; background:rgba(44,63,98,.34) !important; box-shadow:inset 0 0 0 1px rgba(123,159,228,.2) !important; } html[data-theme="dark-blue"] #inv-root .inv-table tbody tr:hover td.cell-diff.diff-zero{ background:rgba(53,74,114,.42) !important; box-shadow:inset 0 0 0 1px rgba(123,159,228,.3) !important; } /* ========================= Schedule + Inventory (dark-blue hard override) ========================= */ /* Schedule: strengthen day-shift contrast vs night-shift cells */ html[data-theme="dark-blue"] .sched .cell.kind-day{ background:linear-gradient(180deg, rgba(79,62,22,.88), rgba(58,45,17,.94)) !important; box-shadow:inset 0 0 0 1px rgba(255,209,92,.24) !important; } html[data-theme="dark-blue"] .sched .cell.kind-day input, html[data-theme="dark-blue"] .sched .cell input.kind-day{ background:linear-gradient(180deg, #ffe79a 0%, #ffd45f 62%, #f6bd36 100%) !important; border-color:#c79b1a !important; color:#201406 !important; font-weight:800 !important; text-shadow:none !important; } html[data-theme="dark-blue"] .sched-table tbody tr:hover > td.cell.kind-day{ background:linear-gradient(180deg, rgba(94,74,27,.9), rgba(67,52,20,.95)) !important; } /* Inventory active session table: force dark-blue palette */ html[data-theme="dark-blue"] #inv-root .inv-table{ border:1px solid #334a76 !important; background:#0f1627 !important; box-shadow:0 10px 22px rgba(0,0,0,.26), inset 0 0 0 1px rgba(106,166,255,.08) !important; } html[data-theme="dark-blue"] #inv-root .inv-table th, html[data-theme="dark-blue"] #inv-root .inv-table td{ border-right:1px solid #2f436f !important; border-bottom:1px solid #2a3b63 !important; } html[data-theme="dark-blue"] #inv-root .inv-table th{ background:linear-gradient(180deg, #22365d, #162845) !important; color:#ffd24a !important; } html[data-theme="dark-blue"] #inv-root .inv-table thead th{ box-shadow:inset 0 -1px 0 rgba(106,166,255,.2) !important; } html[data-theme="dark-blue"] #inv-root .inv-table th.th-sub{ color:#b8cff8 !important; } html[data-theme="dark-blue"] #inv-root .inv-table tbody tr td{ background:rgba(16,24,41,.92) !important; } html[data-theme="dark-blue"] #inv-root .inv-table tbody tr:nth-child(even) td{ background:rgba(18,29,50,.94) !important; } html[data-theme="dark-blue"] #inv-root .inv-table tbody tr:hover td{ background:linear-gradient(180deg, rgba(35,53,87,.96), rgba(24,40,70,.96)) !important; box-shadow:inset 0 1px 0 rgba(106,166,255,.14), inset 0 -1px 0 rgba(106,166,255,.1) !important; } html[data-theme="dark-blue"] #inv-root .inv-table tbody tr:hover td.cell-name{ color:#f4f8ff !important; text-shadow:0 0 10px rgba(106,166,255,.18) !important; } html[data-theme="dark-blue"] #inv-root .inv-table td.cell-name{ color:#e7eefc !important; } html[data-theme="dark-blue"] #inv-root .inv-table td.cell-num{ color:#d7e4ff !important; } html[data-theme="dark-blue"] #inv-root .inv-table td.cell-fact .counted-input{ border:1px solid #4b6699 !important; background:#101b31 !important; color:#eef4ff !important; } html[data-theme="dark-blue"] #inv-root .inv-table td.cell-fact .counted-input:focus{ border-color:#6f95d8 !important; box-shadow:0 0 0 2px rgba(106,166,255,.24) !important; } html[data-theme="dark-blue"] #inv-root .inv-table td.cell-diff.diff-pos{ color:#9ff6c4 !important; background:rgba(25,75,56,.35) !important; box-shadow:inset 0 0 0 1px rgba(107,245,176,.16) !important; } html[data-theme="dark-blue"] #inv-root .inv-table td.cell-diff.diff-neg{ color:#ff9b9b !important; background:rgba(101,34,48,.36) !important; box-shadow:inset 0 0 0 1px rgba(255,129,129,.16) !important; } html[data-theme="dark-blue"] #inv-root .inv-table td.cell-diff.diff-zero{ color:#c8d8f8 !important; background:rgba(44,63,98,.34) !important; box-shadow:inset 0 0 0 1px rgba(123,159,228,.2) !important; } html[data-theme="dark-blue"] #inv-root .inv-table tbody tr:hover td.cell-diff.diff-zero{ background:rgba(53,74,114,.42) !important; box-shadow:inset 0 0 0 1px rgba(123,159,228,.3) !important; } /* Cashier form controls: undo forced black+gold */ html[data-theme="dark-blue"] #cr-form .form-control.cz-input, html[data-theme="dark-blue"] #cr-form .form-select.cz-input, html[data-theme="dark-blue"] #cr-form .cz-input.form-control, html[data-theme="dark-blue"] #cr-form .cz-input.form-select, html[data-theme="dark-blue"] #cr-form input.cz-input, html[data-theme="dark-blue"] #cr-form select.cz-input, html[data-theme="dark-blue"] #cr-form textarea.cz-input{ color:#f4f1e6 !important; background:#0f121b !important; border:1px solid #3a4f7c !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important; } html[data-theme="dark-blue"] #cr-form .form-control.cz-input::placeholder, html[data-theme="dark-blue"] #cr-form .cz-input.form-control::placeholder, html[data-theme="dark-blue"] #cr-form input.cz-input::placeholder, html[data-theme="dark-blue"] #cr-form textarea.cz-input::placeholder{ color:#9eb1d8 !important; } html[data-theme="dark-blue"] #cr-form .form-control.cz-input:hover, html[data-theme="dark-blue"] #cr-form .form-select.cz-input:hover, html[data-theme="dark-blue"] #cr-form .cz-input.form-control:hover, html[data-theme="dark-blue"] #cr-form .cz-input.form-select:hover, html[data-theme="dark-blue"] #cr-form input.cz-input:hover, html[data-theme="dark-blue"] #cr-form select.cz-input:hover, html[data-theme="dark-blue"] #cr-form textarea.cz-input:hover{ border-color:#4b6193 !important; background:#13182a !important; } html[data-theme="dark-blue"] #cr-form .form-control.cz-input:focus, html[data-theme="dark-blue"] #cr-form .form-select.cz-input:focus, html[data-theme="dark-blue"] #cr-form .cz-input.form-control:focus, html[data-theme="dark-blue"] #cr-form .cz-input.form-select:focus, html[data-theme="dark-blue"] #cr-form input.cz-input:focus, html[data-theme="dark-blue"] #cr-form select.cz-input:focus, html[data-theme="dark-blue"] #cr-form textarea.cz-input:focus{ border-color:#5d77ae !important; box-shadow:0 0 0 3px rgba(255,196,0,.2), inset 0 1px 0 rgba(255,255,255,.06) !important; } /* ========================= Payroll (backup style) ========================= */ html[data-theme="dark-blue"] .payroll-page::before{ background: radial-gradient(560px 220px at 20% 0%, rgba(255,196,0,.12), transparent 66%), radial-gradient(600px 240px at 85% 4%, rgba(72,108,183,.1), transparent 70%); } html[data-theme="dark-blue"] .payroll-section{ border-color:#2a3858; background:linear-gradient(180deg, rgba(21,31,53,.78), rgba(12,18,33,.92)); } html[data-theme="dark-blue"] .payroll-table{ background:#0f0f0f; border-color:#2f4066; } html[data-theme="dark-blue"] .payroll-table th, html[data-theme="dark-blue"] .payroll-table td{ border-color:#2f4066 !important; background:#0f0f0f; color:var(--cz-white); } html[data-theme="dark-blue"] .payroll-table thead th{ background:linear-gradient(180deg,#1f2a47,#141e34); color:var(--cz-yellow); } html[data-theme="dark-blue"] .payroll-table tbody tr:nth-child(even) td{ background:rgba(18,27,47,.72); } html[data-theme="dark-blue"] .payroll-table tbody tr:hover td{ background:rgba(30,43,73,.86); } html[data-theme="dark-blue"] .payroll-table tfoot td{ background:linear-gradient(180deg,#1f2740,#151d31); border-top:2px solid #3a4e7b; } html[data-theme="dark-blue"] .payroll-summary td{ border-top:2px solid #3a4e7b; } html[data-theme="dark-blue"] .payroll-table .form-control{ background:#10182b !important; color:#f4f1e6 !important; border:1px solid #364a75 !important; } html[data-theme="dark-blue"] .payroll-table .form-control:focus{ border-color:#5a74ac !important; box-shadow:0 0 0 .13rem rgba(255,196,0,.22), inset 0 1px 0 rgba(255,255,255,.07) !important; } /* Payroll modal history */ html[data-theme="dark-blue"] .payroll-rate-modal{ border:1px solid #30446e; background:linear-gradient(180deg, rgba(21,31,53,.96), rgba(12,18,33,.97)); color:#f4f1e6; } html[data-theme="dark-blue"] .payroll-rate-modal .modal-header, html[data-theme="dark-blue"] .payroll-rate-modal .modal-footer{ border-color:#30446e; } html[data-theme="dark-blue"] .payroll-rate-modal .form-control, html[data-theme="dark-blue"] .payroll-rate-modal .form-select, html[data-theme="dark-blue"] .payroll-rate-modal .cz-input{ background:#10182b !important; color:#f4f1e6 !important; border:1px solid #3a4f7c !important; } html[data-theme="dark-blue"] .payroll-rate-modal .form-control:focus, html[data-theme="dark-blue"] .payroll-rate-modal .form-select:focus, html[data-theme="dark-blue"] .payroll-rate-modal .cz-input:focus{ border-color:#5d77ae !important; box-shadow:0 0 0 .14rem rgba(255,196,0,.2) !important; } html[data-theme="dark-blue"] .payroll-rate-history-list{ border:1px solid #30446e; background:rgba(16,24,43,.9); } html[data-theme="dark-blue"] .payroll-rate-history-item{ color:#f4e8bd; border-bottom:1px dashed rgba(95,144,227,.28); } html[data-theme="dark-blue"] .payroll-rate-history-item small, html[data-theme="dark-blue"] .payroll-rate-history-empty{ color:#9eb1d8; } /* ========================= Debts (backup style) ========================= */ html[data-theme="dark-blue"] .debts-ops::before{ background: radial-gradient(540px 220px at 16% 2%, rgba(255,196,0,.12), transparent 68%), radial-gradient(620px 240px at 86% 6%, rgba(79,119,197,.1), transparent 72%); } html[data-theme="dark-blue"] .debts-ops .ops-head{ border-color:#30446e; background:linear-gradient(180deg, rgba(25,35,60,.72), rgba(14,21,38,.84)); } html[data-theme="dark-blue"] .debts-ops .cz-fieldset{ border-color:#30446e; background:linear-gradient(180deg, rgba(23,33,56,.82), rgba(12,19,35,.94)); } html[data-theme="dark-blue"] .debts-ops .form-label{ color:#c9d2ea; } html[data-theme="dark-blue"] .debts-ops .cz-table-wrap{ border-color:#263149; background:#0f1525; } html[data-theme="dark-blue"] .debts-ops .cz-table-grid th, html[data-theme="dark-blue"] .debts-ops .cz-table-grid td{ border-color:#263149; } html[data-theme="dark-blue"] .debts-ops .cz-table-grid thead th{ background:linear-gradient(180deg,#151a27,#10131b); } html[data-theme="dark-blue"] .debts-ops .cz-table-grid tbody tr:nth-child(even){ background:#111a2d; } html[data-theme="dark-blue"] .debts-ops .cz-table-grid tbody tr:hover{ background:#1a243b; } html[data-theme="dark-blue"] .debts-ops .ops-card-defect{ background: linear-gradient(180deg, rgba(23,33,56,.88), rgba(12,19,35,.94)), radial-gradient(240px 160px at 86% -10%, rgba(255,120,120,.12), transparent 70%); } html[data-theme="dark-blue"] .debts-ops .ops-card-hint{ color:#aab7d8; } /* Debts form controls: undo black+gold forced palette */ html[data-theme="dark-blue"] .debts-ops .ops-form .form-control.cz-input, html[data-theme="dark-blue"] .debts-ops .ops-form .form-select.cz-input, html[data-theme="dark-blue"] .debts-ops .ops-form .cz-input.form-control, html[data-theme="dark-blue"] .debts-ops .ops-form .cz-input.form-select{ background:#0f121b !important; border:1px solid #3a4f7c !important; color:#f4f1e6 !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important; } html[data-theme="dark-blue"] .debts-ops .ops-form .form-control.cz-input::placeholder, html[data-theme="dark-blue"] .debts-ops .ops-form .cz-input.form-control::placeholder{ color:#9eb1d8 !important; } html[data-theme="dark-blue"] .debts-ops .ops-form .form-control.cz-input:hover, html[data-theme="dark-blue"] .debts-ops .ops-form .form-select.cz-input:hover, html[data-theme="dark-blue"] .debts-ops .ops-form .cz-input.form-control:hover, html[data-theme="dark-blue"] .debts-ops .ops-form .cz-input.form-select:hover{ border-color:#4b6193 !important; } html[data-theme="dark-blue"] .debts-ops .ops-form .form-control.cz-input:focus, html[data-theme="dark-blue"] .debts-ops .ops-form .form-select.cz-input:focus, html[data-theme="dark-blue"] .debts-ops .ops-form .cz-input.form-control:focus, html[data-theme="dark-blue"] .debts-ops .ops-form .cz-input.form-select:focus{ border-color:#5d77ae !important; box-shadow:0 0 0 3px rgba(255,196,0,.2) !important; } html[data-theme="dark-blue"] .debts-ops .ops-form .form-select.cz-input option, html[data-theme="dark-blue"] .debts-ops .ops-form .cz-input.form-select option, html[data-theme="dark-blue"] .debts-ops .ops-form .form-select.cz-input optgroup, html[data-theme="dark-blue"] .debts-ops .ops-form .cz-input.form-select optgroup{ background:#0f1525 !important; color:#f4e8bd !important; } /* Suggest dropdown in debts */ html[data-theme="dark-blue"] .debts-ops .cz-suggest{ border:1px solid #314a79 !important; background: linear-gradient(180deg, rgba(23,34,58,.98), rgba(12,19,35,.98)), radial-gradient(280px 160px at 18% 0%, rgba(255,196,0,.09), transparent 70%) !important; box-shadow:0 18px 30px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.06) !important; } html[data-theme="dark-blue"] .debts-ops .cz-suggest .item{ border-bottom:1px solid rgba(54,73,114,.58) !important; } html[data-theme="dark-blue"] .debts-ops .cz-suggest .name{ color:#f4e8bd !important; } html[data-theme="dark-blue"] .debts-ops .cz-suggest .meta{ color:#9eb0d2 !important; } html[data-theme="dark-blue"] .debts-ops .cz-suggest .item:hover, html[data-theme="dark-blue"] .debts-ops .cz-suggest .item.active{ background:rgba(39,58,93,.74) !important; box-shadow:inset 0 0 0 1px rgba(255,196,0,.13) !important; border-bottom-color:rgba(255,196,0,.25) !important; } /* ========================= Admin (backup style) ========================= */ html[data-theme="dark-blue"] .adm{ --bg:#0e1118; --line:#263149; --card:#111728; --fg:#f2e8b6; --mut:#b9c2de; --brand:#ffc400; --hover:#1a2340; } html[data-theme="dark-blue"] .adm::before{ background: radial-gradient(560px 230px at 16% 0%, rgba(255,196,0,.11), transparent 68%), radial-gradient(620px 250px at 86% 4%, rgba(76,115,194,.1), transparent 72%); } html[data-theme="dark-blue"] .adm .adm-card{ border-color:#30446e; background:linear-gradient(180deg,#1c2743,#121c31); } html[data-theme="dark-blue"] .adm .adm-card:hover{ border-color:#42619b; background:linear-gradient(180deg,#243255,#17233d); } html[data-theme="dark-blue"] .adm .cz-fieldset, html[data-theme="dark-blue"] .adm .adm-table-wrap, html[data-theme="dark-blue"] .adm .cz-table-wrap{ border-color:#30446e; background:linear-gradient(180deg,#151b2a,#0f1525); } html[data-theme="dark-blue"] .adm .cz-table-grid th, html[data-theme="dark-blue"] .adm .cz-table-grid td, html[data-theme="dark-blue"] .adm .adm-table th, html[data-theme="dark-blue"] .adm .adm-table td{ border-color:#334a76; } html[data-theme="dark-blue"] .adm .cz-table-grid thead th, html[data-theme="dark-blue"] .adm .adm-table thead th{ background:linear-gradient(180deg,#202b48,#141f35); } html[data-theme="dark-blue"] .adm .cz-table-grid tbody tr:nth-child(even), html[data-theme="dark-blue"] .adm .adm-table tbody tr:nth-child(even) td{ background:rgba(18,27,46,.74); } html[data-theme="dark-blue"] .adm .cz-table-grid tbody tr:hover, html[data-theme="dark-blue"] .adm .adm-table tbody tr:hover td{ background:rgba(30,44,74,.86); } html[data-theme="dark-blue"] .adm .form-control, html[data-theme="dark-blue"] .adm .form-select{ border-color:#3a4f7c !important; background:#0f1627 !important; color:#f2e8b6 !important; } html[data-theme="dark-blue"] .adm .form-control:focus, html[data-theme="dark-blue"] .adm .form-select:focus{ border-color:#5d77ae !important; box-shadow:0 0 0 .2rem rgba(255,196,0,.2) !important; } html[data-theme="dark-blue"] .memberships-page .memberships-help{ background:#121b30; } html[data-theme="dark-blue"] .memberships-page .club-header{ background:linear-gradient(180deg,#16203a,#0f1525); } html[data-theme="dark-blue"] .memberships-page .role-card{ background:#0f172a; } html[data-theme="dark-blue"] .memberships-page .member-item{ border-color:#2f436f; background:linear-gradient(180deg,#162341,#101b32); } html[data-theme="dark-blue"] .memberships-page .member-sub{ color:#9eb1d8; } html[data-theme="dark-blue"] .memberships-page .member-empty{ border-color:#30446e; color:#97a8cc; background:#101a30; } /* ========================= Cashier (dark-blue hard override) Keep these at file end so legacy cashier.css gold rules cannot win. ========================= */ html[data-theme="dark-blue"] .cr .cashier-table tbody tr.cr-row-total.grp-end > *, html[data-theme="dark-blue"] .cr .cashier-table tbody tr.cr-row-total.grp-end.wkend > *{ background:linear-gradient(180deg,#2b3f67 0%, #1f2f52 100%) !important; color:#eaf2ff !important; font-weight:800 !important; border-top:2px solid rgba(126,170,241,.72) !important; border-bottom:2px solid rgba(126,170,241,.58) !important; } html[data-theme="dark-blue"] .cr .cashier-table tbody tr.cr-row-total.grp-end > td:first-child{ letter-spacing:.01em; } html[data-theme="dark-blue"] .cr .cashier-table tbody tr.cr-row-total.grp-end .cr-zcol{ background:linear-gradient(180deg,#3f5f95 0%, #2a4572 100%) !important; color:#f3f7ff !important; box-shadow:inset 0 0 0 1px rgba(151,195,255,.5) !important; } html[data-theme="dark-blue"] .cr .cashier-table tbody .cr-zcol.cr-z-best-day{ background:linear-gradient(180deg,#ffd37a 0%, #ffab2f 58%, #f08d12 100%) !important; color:#2b1603 !important; box-shadow: inset 0 0 0 1px rgba(255,196,0,.72), 0 0 14px rgba(255,167,38,.35) !important; text-shadow:0 1px 0 rgba(255,255,255,.25); } html[data-theme="dark-blue"] .cr .cashier-table tbody .cr-zcol.cr-z-worst-day{ background:linear-gradient(180deg,#ff9b9b 0%, #e64a4a 56%, #b92424 100%) !important; color:#2c0808 !important; box-shadow: inset 0 0 0 1px rgba(255,140,140,.66), 0 0 14px rgba(206,43,43,.36) !important; text-shadow:0 1px 0 rgba(255,255,255,.18); } html[data-theme="dark-blue"] .cr .cashier-table tbody .cr-zcol.cr-z-best-night{ background:linear-gradient(180deg,#9fd0ff 0%, #5ea8ff 56%, #2f72d6 100%) !important; color:#061a36 !important; box-shadow: inset 0 0 0 1px rgba(138,185,255,.72), 0 0 14px rgba(67,126,227,.34) !important; text-shadow:0 1px 0 rgba(255,255,255,.2); } html[data-theme="dark-blue"] .cr .cashier-table tbody .cr-zcol.cr-z-worst-night{ background:linear-gradient(180deg,#8b4a60 0%, #6d2f47 56%, #4c1e33 100%) !important; color:#ffe4ef !important; box-shadow: inset 0 0 0 1px rgba(171,91,122,.66), 0 0 14px rgba(109,47,71,.35) !important; } html[data-theme="dark-blue"] .cr .cashier-table tbody .cr-zcol.cr-z-best-day.cr-z-worst-day{ background:linear-gradient(135deg,#ffcf73 0%, #f4a11f 48%, #dc4b3b 52%, #b92424 100%) !important; color:#2b1205 !important; } html[data-theme="dark-blue"] .cr .cashier-table tbody .cr-zcol.cr-z-best-night.cr-z-worst-night{ background:linear-gradient(135deg,#8fc6ff 0%, #4f95ef 48%, #6d2f47 52%, #4c1e33 100%) !important; color:#f8e7ef !important; } /* === FINAL tail override: dark-blue schedule + inventory === */ html[data-theme="dark-blue"] .sched .cell.kind-day{ background:linear-gradient(180deg, rgba(79,62,22,.88), rgba(58,45,17,.94)) !important; box-shadow:inset 0 0 0 1px rgba(255,209,92,.24) !important; } html[data-theme="dark-blue"] .sched .cell.kind-day input, html[data-theme="dark-blue"] .sched .cell input.kind-day{ background:linear-gradient(180deg, #ffe79a 0%, #ffd45f 62%, #f6bd36 100%) !important; border-color:#c79b1a !important; color:#201406 !important; font-weight:800 !important; text-shadow:none !important; } html[data-theme="dark-blue"] .sched-table tbody tr:hover > td.cell.kind-day{ background:linear-gradient(180deg, rgba(94,74,27,.9), rgba(67,52,20,.95)) !important; } html[data-theme="dark-blue"] #inv-root .inv-table{ border:1px solid #334a76 !important; background:#0f1627 !important; box-shadow:0 10px 22px rgba(0,0,0,.26), inset 0 0 0 1px rgba(106,166,255,.08) !important; } html[data-theme="dark-blue"] #inv-root .inv-table th, html[data-theme="dark-blue"] #inv-root .inv-table td{ border-right:1px solid #2f436f !important; border-bottom:1px solid #2a3b63 !important; } html[data-theme="dark-blue"] #inv-root .inv-table th{ background:linear-gradient(180deg, #22365d, #162845) !important; color:#ffd24a !important; } html[data-theme="dark-blue"] #inv-root .inv-table thead th{ box-shadow:inset 0 -1px 0 rgba(106,166,255,.2) !important; } html[data-theme="dark-blue"] #inv-root .inv-table th.th-sub{ color:#b8cff8 !important; } html[data-theme="dark-blue"] #inv-root .inv-table tbody tr td{ background:rgba(16,24,41,.92) !important; } html[data-theme="dark-blue"] #inv-root .inv-table tbody tr:nth-child(even) td{ background:rgba(18,29,50,.94) !important; } html[data-theme="dark-blue"] #inv-root .inv-table tbody tr:hover td{ background:linear-gradient(180deg, rgba(35,53,87,.96), rgba(24,40,70,.96)) !important; box-shadow:inset 0 1px 0 rgba(106,166,255,.14), inset 0 -1px 0 rgba(106,166,255,.1) !important; } html[data-theme="dark-blue"] #inv-root .inv-table tbody tr:hover td.cell-name{ color:#f4f8ff !important; text-shadow:0 0 10px rgba(106,166,255,.18) !important; } html[data-theme="dark-blue"] #inv-root .inv-table td.cell-name{ color:#e7eefc !important; } html[data-theme="dark-blue"] #inv-root .inv-table td.cell-num{ color:#d7e4ff !important; } html[data-theme="dark-blue"] #inv-root .inv-table td.cell-fact .counted-input{ border:1px solid #4b6699 !important; background:#101b31 !important; color:#eef4ff !important; } html[data-theme="dark-blue"] #inv-root .inv-table td.cell-fact .counted-input:focus{ border-color:#6f95d8 !important; box-shadow:0 0 0 2px rgba(106,166,255,.24) !important; } html[data-theme="dark-blue"] #inv-root .inv-table td.cell-diff.diff-pos{ color:#9ff6c4 !important; background:rgba(25,75,56,.35) !important; box-shadow:inset 0 0 0 1px rgba(107,245,176,.16) !important; } html[data-theme="dark-blue"] #inv-root .inv-table td.cell-diff.diff-neg{ color:#ff9b9b !important; background:rgba(101,34,48,.36) !important; box-shadow:inset 0 0 0 1px rgba(255,129,129,.16) !important; } html[data-theme="dark-blue"] #inv-root .inv-table td.cell-diff.diff-zero{ color:#c8d8f8 !important; background:rgba(44,63,98,.34) !important; box-shadow:inset 0 0 0 1px rgba(123,159,228,.2) !important; } html[data-theme="dark-blue"] #inv-root .inv-table tbody tr:hover td.cell-diff.diff-zero{ background:rgba(53,74,114,.42) !important; box-shadow:inset 0 0 0 1px rgba(123,159,228,.3) !important; }