/* HSC Tools v0.1.1: Accessible control colors + optional light theme.
   This stylesheet is additive: it does not overwrite the existing dark design. */
/* Contrast corrections shared by BOTH themes */
.primary-button,.nav-link.active,.branch-btn.active,.segmented button.active,
.map-expand-btn,.bottom-tabs button.active,.cal-day.chosen {color:#fff!important;text-shadow:0 1px 1px #001b4a55}
.primary-button,.map-expand-btn,.nav-link.active,.branch-btn.active {font-weight:750}
.primary-button:focus-visible,.tool-button:focus-visible,.tool-icon:focus-visible,
.nav-link:focus-visible,.branch-btn:focus-visible,.segmented button:focus-visible,
button:focus-visible {outline:2px solid #45a3ff;outline-offset:2px}
.tool-button:not(:disabled),.tool-icon:not(:disabled),.segmented button:not(.active):not(:disabled),
.side-dropdown,.assistant-link {text-shadow:none}
.theme-toggle {white-space:nowrap;gap:5px;font-weight:700}
.theme-toggle span {font-size:12px}
.settings-shortcuts {display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:8px}
.users-list {display:flex;flex-direction:column;gap:7px}
.user-list-entry {display:flex;gap:11px;align-items:center;border:1px solid var(--stroke2);border-radius:9px;padding:10px;background:var(--pane2)}
.user-list-icon {width:35px;height:35px;display:grid;place-items:center;border-radius:9px;background:#145dca;color:#fff}
.user-list-meta {flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.user-list-meta b {font-size:13px}
.user-list-meta small {font-size:11px;color:var(--muted)}
.modal:has(.users-list) {width:min(630px,calc(100vw - 30px))}
/* Light palette */
html[data-theme="light"] {color-scheme:light;
 --page:#edf3fa;--nav:#f8fbff;--pane:#fff;--pane2:#f1f6fc;--pane3:#e5eef8;
 --surface:#f7faff;--stroke:#d1deec;--stroke2:#b7cae0;--text:#16293f;
 --muted:#526981;--blue:#075ccc;--blue2:#034da9;--green:#167a48;
 --orange:#a95704;--cyan:#086f90;--shadow:0 8px 22px #25436a18;
}
html[data-theme="light"] body {background:#edf3fa;color:var(--text)}
html[data-theme="light"] .app-shell {background:linear-gradient(180deg,#f5f9fe,#edf3fa)}
html[data-theme="light"] .topbar {background:linear-gradient(#fff,#f8fbff);border-color:#cad8e7;box-shadow:0 2px 12px #314d6b18}
html[data-theme="light"] .brand-word,html[data-theme="light"] .brand-word span {color:#153454}
html[data-theme="light"] .brand small {color:#3d5d7a}
html[data-theme="light"] .nav-link {color:#2e4965}
html[data-theme="light"] .nav-link:not(.active):hover {background:#e8f1ff;color:#0e4f9b;box-shadow:none}
html[data-theme="light"] .nav-link.active {background:linear-gradient(#1979eb,#0757bf);color:#fff}
html[data-theme="light"] .top-user {color:#213c57}
html[data-theme="light"] .icon-btn {color:#395878}
html[data-theme="light"] .search-field {background:#fff;color:#3b5876;border-color:#b2c7dd;box-shadow:inset 0 1px 2px #102d4912}
html[data-theme="light"] .search-field input {color:#152f4a}
html[data-theme="light"] .search-field input::placeholder {color:#6f8196}
html[data-theme="light"] .search-field:focus-within {border-color:#3185e2;box-shadow:0 0 0 3px #358cde1f}
html[data-theme="light"] .sidebar {background:linear-gradient(#f8fbff,#eaf2fb);border-color:#cbd9e8}
html[data-theme="light"] .sidebar::-webkit-scrollbar-thumb,html[data-theme="light"] .team-list::-webkit-scrollbar-thumb,html[data-theme="light"] .order-scroller::-webkit-scrollbar-thumb {background:#b9c9db}
html[data-theme="light"] .side-section {border-color:#d1deed}
html[data-theme="light"] .side-section h3 {color:#243e5a}
html[data-theme="light"] .side-filter .icon {color:#3b5b7c}
html[data-theme="light"] .side-footer {color:#536b84}
html[data-theme="light"] .branch-btn {color:#284764}
html[data-theme="light"] .branch-btn:hover {background:#e2edfa}
html[data-theme="light"] .branch-btn.active {background:linear-gradient(90deg,#1166d8,#2579ed);color:#fff}
html[data-theme="light"] .pill {background:#d8e7f7;color:#1a4168}
html[data-theme="light"] .pill.open {background:#d8f2e3;color:#126c3c}
html[data-theme="light"] .pill.planned {background:#d7ecff;color:#0758a4}
html[data-theme="light"] .pill.in_progress {background:#f9ead1;color:#89500b}
html[data-theme="light"] .pill.muted {background:#dce4ed;color:#3f546b}
html[data-theme="light"] .pill.cyan {background:#d4eef8;color:#096b86}
html[data-theme="light"] .side-dropdown {background:#e5eef8;color:#2c4763;border:1px solid #d0dfed}
html[data-theme="light"] .side-dropdown:hover {background:#d7e8fb}
html[data-theme="light"] .date-controls {background:#fff;border-color:#b4c7dc;color:#25425c}
html[data-theme="light"] .tool-button,html[data-theme="light"] .tool-icon {background:linear-gradient(#fff,#eaf2fa);color:#234565;border:1px solid #afc4da;box-shadow:inset 0 1px #fff,0 1px 2px #193b5512}
html[data-theme="light"] .tool-button:hover,html[data-theme="light"] .tool-icon:hover {background:#dcecff;border-color:#5f9ddf;color:#0c4f9a}
html[data-theme="light"] .segmented {background:#e8f0f9;border-color:#bdd0e5}
html[data-theme="light"] .segmented button {color:#375471}
html[data-theme="light"] .segmented button:hover:not(.active) {background:#dceaf9;color:#16579b}
html[data-theme="light"] .segmented button.active {background:#116cdd;color:#fff}
html[data-theme="light"] .primary-button {background:linear-gradient(#1978ea,#0956bf);border:1px solid #074ca9;color:#fff;box-shadow:0 2px 7px #1153a030}
html[data-theme="light"] .primary-button:hover {background:linear-gradient(#2587ff,#0b63d3)}
html[data-theme="light"] .panel {background:#fff;border:1px solid #c4d5e7;box-shadow:0 3px 16px #31507813}
html[data-theme="light"] .panel-heading {border-color:#d4e1ed;background:#fbfdff}
html[data-theme="light"] .panel-heading h2 small {color:#56708b}
html[data-theme="light"] .mini-icon {color:#40627f}
html[data-theme="light"] .mini-icon:hover {background:#e4effc;color:#0a56a8}
html[data-theme="light"] .colhead {background:#e9f1fb;border-color:#d3e0ee;color:#3a5875}
html[data-theme="light"] .order-scroller {scrollbar-color:#bccddd transparent}
html[data-theme="light"] .order-row {border-color:#e0e8f1;background:linear-gradient(90deg,color-mix(in srgb,var(--row-color) 12%,white),#fff 67%);color:#18304a}
html[data-theme="light"] .order-row:hover,html[data-theme="light"] .order-row.focused {background:linear-gradient(90deg,color-mix(in srgb,var(--row-color) 20%,#ecf5ff),#eaf4ff)}
html[data-theme="light"] .order-row.selected {box-shadow:inset 0 0 0 2px #2b77dc99}
html[data-theme="light"] .order-customer small {color:#526a80}
html[data-theme="light"] .order-device .icon {color:#466789}
html[data-theme="light"] .device-info {color:#245d9f}
html[data-theme="light"] .device-info:hover {color:#0076da}
html[data-theme="light"] .cell-duration,html[data-theme="light"] .cell-date {color:#38536d}
html[data-theme="light"] .cell-status {background:#e4f0fb;color:#185a9c}
html[data-theme="light"] .cell-status.is-open {background:#e3e9f1;color:#435a70}
html[data-theme="light"] .panel-footer {border-color:#d9e4ee;background:#f9fcff}
html[data-theme="light"] .muted-note {color:#59718a}
html[data-theme="light"] .tech-card {border-color:#cbd9e8;border-left:5px solid var(--tech-color);background:linear-gradient(90deg,color-mix(in srgb,var(--tech-color) 10%,white),#fff 80%)}
html[data-theme="light"] .tech-card:hover {background:#eef6ff}
html[data-theme="light"] .tech-card.active {box-shadow:inset 0 0 0 1px #7caeea}
html[data-theme="light"] .tech-card.drop-over,html[data-theme="light"] .gantt-track.drop-over {outline:3px dashed #1a75d5;background:#e4f1ff!important}
html[data-theme="light"] .avatar {border-color:#fff;box-shadow:0 0 0 1px #a9bfd3}
html[data-theme="light"] .tech-name small,html[data-theme="light"] .tech-sub,html[data-theme="light"] .tech-stat {color:#536d87}
html[data-theme="light"] .tech-shift {background:color-mix(in srgb,var(--tech-color) 12%,white);border:1px solid color-mix(in srgb,var(--tech-color) 42%,white);color:#193c58;text-shadow:none}
html[data-theme="light"] .assistant-link {background:#f0f6fd;border-color:#bfcede;color:#244c74}
html[data-theme="light"] .assistant-link:hover {background:#dfeeff}
html[data-theme="light"] .team-summary {border-color:#d6e2ee;background:#fafcff}
html[data-theme="light"] .team-summary small {color:#617890}
html[data-theme="light"] .map-panel {background:#fff}
html[data-theme="light"] .map-expand-btn {background:linear-gradient(#087fa5,#056080);border-color:#09556f;color:#fff}
html[data-theme="light"] .map-legend {background:#fffefa;border-color:#aac3dc;color:#203951;box-shadow:0 4px 16px #102c4a36}
html[data-theme="light"] .legend-row.chosen,html[data-theme="light"] .legend-row:hover {background:#e7f1fc}
html[data-theme="light"] .legend-row i {border-color:#fff}
html[data-theme="light"] .bottom-panel {background:#f5f9ff}
html[data-theme="light"] .bottom-calendar,html[data-theme="light"] .bottom-main {border-color:#d2deeb}
html[data-theme="light"] .bottom-tabs button:not(.active) {background:#dfebf8;color:#295074}
html[data-theme="light"] .bottom-tabs button:not(.active):hover {background:#cde1f8}
html[data-theme="light"] .bottom-tabs button.active {background:#1468d1;color:#fff}
html[data-theme="light"] .detail-top {color:#355675}
html[data-theme="light"] .empty-box {color:#66819b}
html[data-theme="light"] .modal {background:#fff;border-color:#bfd3e7;box-shadow:0 20px 60px #203c6055;color:#17314c}
html[data-theme="light"] .modal-top,html[data-theme="light"] .modal-footer {border-color:#d9e5f0;background:#f7fbff}
html[data-theme="light"] .modal-body>label,html[data-theme="light"] .modal-body form>label {color:#284866}
html[data-theme="light"] .modal-body select,html[data-theme="light"] .modal-body input:not([type=checkbox]) {background:#fff;color:#17314d;border-color:#a9bfd5}
html[data-theme="light"] .modal-intro {color:#486581}
html[data-theme="light"] .help-note {background:#eff6ff;border-color:#c9dff4;color:#345575}
html[data-theme="light"] .device-detail {background:#f0f6fe}
html[data-theme="light"] .device-detail p {color:#4c6b89}
html[data-theme="light"] .device-big-icon {color:#fff}
html[data-theme="light"] .data-list label {border-color:#dbe5ef;color:#526c83}
html[data-theme="light"] .data-list strong {color:#173753}
html[data-theme="light"] .stat-cards>div {background:#f0f6fc;border-color:#d3e1ec}
html[data-theme="light"] .stat-cards small {color:#59728a}
html[data-theme="light"] .popup-shell {background:#f2f7fc}
html[data-theme="light"] .popup-toolbar {background:#fff;border-color:#d3e1ee}
html[data-theme="light"] .popup-brand>span {color:#55728d}
html[data-theme="light"] .popup-footer {background:#eef5fd;color:#486582;border-top:1px solid #d4e1eb}
html[data-theme="light"] .auth-body {background:radial-gradient(circle at 20% 20%,#d5e8fb 0,transparent 48%),#edf3fa}
html[data-theme="light"] .auth-card {background:#fff;border-color:#c0d3e6;box-shadow:0 15px 45px #2141662b}
html[data-theme="light"] .auth-card .auth-logo {color:#173c62}
html[data-theme="light"] .auth-card .auth-logo span {color:#086dc1}
html[data-theme="light"] .auth-card p,html[data-theme="light"] .auth-card small {color:#617992}
html[data-theme="light"] .auth-card label {color:#345674}
html[data-theme="light"] .auth-card input {background:#fbfdff;border-color:#b5c9df;color:#16334e}
html[data-theme="light"] .auth-error {background:#ffebef;color:#98273e;border-color:#df9aaa}
html[data-theme="light"] .toast {background:#e6f8ef;color:#12643b;box-shadow:0 5px 18px #263d5c3d}
html[data-theme="light"] .toast.error {background:#ffedf0;color:#963042;border-color:#d58e9c}
html[data-theme="light"] .user-list-entry {background:#f4f8fe}
/* Universal fixes for excessively low-contrast labels inside colored route bars */
html[data-theme="light"] .gantt-job {color:#fff;text-shadow:0 1px 1px #10283e90}
html[data-theme="light"] .week-row button {color:#15304c}
html[data-theme="light"] .month-slot.active {color:#103453;background:#b8defb}
/* Clear pressed and hover states for all secondary controls */
html[data-theme="light"] .tool-button:active,html[data-theme="light"] .tool-icon:active {background:#bfdcfb}
html[data-theme="light"] .primary-button:active {background:#084b9e}
@media(max-width:1450px){.theme-toggle span{display:none}}
