.theme-control{margin:0;font-size:11px;display:flex;align-items:center;gap:8px;color:inherit}.theme-control select{width:auto;margin:0;padding:8px;font-size:12px}
:root[data-theme=dark]{color-scheme:dark;--line:#354958}
[data-theme=dark] body{background:#101923;color:#e2eaf0}
[data-theme=dark] header{background:#101c2a}
[data-theme=dark] :is(dialog,.login,.card,.summary-item,.work-fixed-header,.dialog-close-bar,.period-chart-scroll){background:#1b2936;color:#e2eaf0}
[data-theme=dark] :is(input,select,button){background:#223544;color:#e2eaf0;border-color:#486171}
[data-theme=dark] button:hover{background:#304c5e}
[data-theme=dark] :is(.primary,.work-navigation button[aria-pressed=true]){background:#197e7b;color:#fff;border-color:#309995}
[data-theme=dark] :is(.detail-overview,#work-current,.period-metric,.journey-overview-card,.gantt-machine){background:#223544}
[data-theme=dark] :is(.gantt-axis,.period-table-wrap thead th){background:#2a3d4c}
[data-theme=dark] .period-table-wrap tbody tr:nth-child(even){background:#202f3e}
[data-theme=dark] :is(p,small,dt,.eyebrow,.card .product,.card .bottom,.card .client,.card .machine-site,.metrics small,.summary-item span,.speed small,.detail-overview span,.gantt-machine small,.gantt-tick,.history-legend,.period-criterion,footer,#count,#history-status,#work-status,#password-help,.user-row small){color:#b5c7d3}
[data-theme=dark] :is(h1,h2,h3,strong,dd,.card .product){color:#e2eaf0}
[data-theme=dark] :is(#history-summary,.period-chart-info,.detail-overview strong,#users-status){color:#79d7cb}
[data-theme=dark] :is(.card,.summary-item,.work-card,.journey-choice,.journey-process .work-card,.journey-overview-card,.et-section,.history-reading,.period-metric,.period-table-wrap,.period-table-wrap th,.period-table-wrap td,.journey-process th,.journey-process td,.gantt-machine,.gantt-axis,.gantt-track,.planning-gantt-scroll,dl div,.card .bottom,.user-row,.dialog-close-bar,.work-fixed-header,.presence-table td,.presence-table th){border-color:#354958}
[data-theme=dark] .card{border-left-color:#7b8893}
[data-theme=dark] .card.state-1,[data-theme=dark] .card.state-7{border-left-color:#e69320}
[data-theme=dark] .card.state-2{border-left-color:#1f9d68}
[data-theme=dark] .card.state-3{border-left-color:#697dd1}
[data-theme=dark] .card.state-4{border-left-color:#d64545}
[data-theme=dark] .gantt-track{background-image:linear-gradient(to right,#354958 1px,transparent 1px)}
[data-theme=dark] .gantt-bar{color:#fff}
[data-theme=dark] .planning-inactive{background:#30233e}
[data-theme=dark] .actual-gap{background:repeating-linear-gradient(135deg,#253543,#253543 6px,#354958 6px,#354958 8px);color:#c1ced7}
[data-theme=dark] :is(.actual-warning,.work-card small){color:#f0ba70}
[data-theme=dark] svg text{fill:#b5c7d3}
[data-theme=dark] svg line[stroke="#dce5e5"]{stroke:#354958}
[data-theme=dark] .brand .logo-full{background:transparent;border-radius:0;padding:0}
[data-theme=dark]{background:#101923;color:#e2eaf0}
[data-theme=dark] :is(.notice,#status:not(:empty)){background:#392e20;color:#ffd397}
[data-theme=dark] :is(.notice,#status) :is(p,strong,small){color:inherit}
[data-theme=dark] #login-error{color:#ffb4a0}
[data-theme=dark] input::placeholder{color:#a8bbc9;opacity:1}
[data-theme=dark] a{color:#8fc7ff}
[data-theme=dark] .badge{background:#304250;color:#e0eaf0}
[data-theme=dark] .card.has-work .badge,[data-theme=dark] .card.state-2 .badge{background:#173f35;color:#a4ebcd}
[data-theme=dark] .card.state-1 .badge,[data-theme=dark] .card.state-7 .badge{background:#483619;color:#ffcf88}
[data-theme=dark] .card.state-3 .badge{background:#313554;color:#d0d6ff}
[data-theme=dark] .card.state-4 .badge{background:#4b292e;color:#ffb7bd}
[data-theme=dark] :is(.state-3,.state-4) .reason{color:#ffb7bd}
[data-theme=dark] svg line[stroke="#dde7e7"]{stroke:#354958}
[data-theme=dark] .gantt-bar:focus-visible,[data-theme=dark] .gantt-bar[aria-pressed=true]{outline-color:#e2eaf0}
[data-theme=dark] .summary-1 strong{color:#79ddae}
[data-theme=dark] .summary-2 strong{color:#ffd08b}
[data-theme=dark] .summary-3 strong{color:#ffacac}
@media(max-width:900px){header .actions{flex-wrap:wrap;justify-content:flex-end}}
@media(max-width:580px){.theme-control{flex-wrap:wrap;gap:4px}.theme-control select{max-width:160px}}