/* StarCura 2.4 · Lomat ja vapaat, vuoronvaihdot, projektit ja kyselyt, vuosiraportti (web/worklife.js).
   Kaavioiden värit SVG-luokkina (ei inline-tyylejä). Kapea näyttö: ei vaakavieritystä sivulla, taulukot rullautuvat omassa laatikossaan. */
.wl-root{max-width:100%;overflow-wrap:anywhere}
.wl-root h2{margin-top:4px}
.wl-bar{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:flex-end;margin:10px 0}
.wl-bar select{max-width:100%}
.wl-card{border:1px solid #d5e0dc;border-radius:9px;padding:10px 14px;margin:10px 0;background:#fbfdfc;min-width:0}
.wl-card h3,.wl-card h4{margin:4px 0 6px}
.wl-steps{display:flex;flex-wrap:wrap;gap:6px 18px;padding-left:0;margin:8px 0;list-style-position:inside}   /* 3.5.16 (QA 10): numero ei osu edellisen päivämäärän perään */
.wl-steps li{color:#3d5656}.wl-steps li.wl-done{color:#12675d}.wl-steps li.wl-done b::after{content:" ✓"}
.wl-note{background:#eef5f2;border-radius:6px;padding:6px 10px;margin:6px 0}
.wl-list{margin:4px 0 8px;padding-left:20px}.wl-list li{margin:3px 0}
.wl-warn li{color:#7a5410}
.wl-badtext{color:#a33226}
.wl-chip{display:inline-block;font-size:12px;line-height:1.4;padding:0 8px;border-radius:9px;background:#e7eef0;color:#18343c;white-space:nowrap;font-weight:600}
.wl-chip.wl-approved,.wl-chip.wl-published,.wl-chip.wl-filled,.wl-chip.wl-ok,.wl-chip.wl-active{background:#e2f2ea;color:#1e6040}
.wl-chip.wl-moved,.wl-chip.wl-accepted,.wl-chip.wl-claimed,.wl-chip.wl-collecting,.wl-chip.wl-review,.wl-chip.wl-proposed,.wl-chip.wl-warn{background:#fff0cf;color:#7a5410}
.wl-chip.wl-rejected,.wl-chip.wl-cancelled,.wl-chip.wl-expired,.wl-chip.wl-notGranted,.wl-chip.wl-notBooked{background:#fde4df;color:#8e1f15}
.wl-chip.wl-open,.wl-chip.wl-submitted,.wl-chip.wl-org,.wl-chip.wl-type{background:#e3ecff;color:#2c4a8f}
.wl-wish{padding:4px 0;border-bottom:1px dotted #d5e0dc}.wl-wish:last-child{border-bottom:0}
.wl-prio{font-weight:700}
.wl-form{display:grid;gap:10px;margin:10px 0;border:1px solid #d5e0dc;border-radius:9px;padding:12px;background:#f8faf9}
.wl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px 12px;align-items:end}
.wl-grid label,.wl-inline label{display:flex;flex-direction:column;gap:3px;font-size:14px;min-width:0}
.wl-grid input,.wl-grid select,.wl-grid textarea,.wl-inline input,.wl-inline select{max-width:100%;min-width:0;box-sizing:border-box}
.wl-wide{grid-column:1/-1}
.wl-inline{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:flex-end;margin:8px 0}
.wl-checks{display:flex;flex-wrap:wrap;gap:4px 14px}
.wl-details{margin:10px 0}.wl-details>summary{cursor:pointer;font-weight:600;padding:6px 0}
.wl-table table{min-width:520px}
.wl-check{border-color:#81a9bd}
/* SVG-kaavioiden värit */
.wl-root line.wl-gl{stroke:#e3ebe8}
.wl-root .wl-ax{fill:#526b6b}
.wl-root rect.wl-c0,.wl-root circle.wl-c0{fill:#12675d}
.wl-root rect.wl-c1{fill:#cfe6df;stroke:#12675d;stroke-width:1}
.wl-root rect.wl-c3{fill:#ca921e}
.wl-root rect.wl-bad,.wl-root circle.wl-bad{fill:#d34631}
.wl-root line.wl-limit{stroke:#b4532a;stroke-width:2;stroke-dasharray:6 4}
.wl-root rect.wl-k0{fill:#12675d}.wl-root rect.wl-k1{fill:#5aa58f}.wl-root rect.wl-k2{fill:#2c4a8f}.wl-root rect.wl-k3{fill:#8aa6d9}
.wl-root rect.wl-k4{fill:#ca921e}.wl-root rect.wl-k5{fill:#a05a9c}.wl-root rect.wl-k6{fill:#d34631}.wl-root rect.wl-k7{fill:#7a8b8a}.wl-root rect.wl-k8{fill:#c9d4d1}
.wl-sw{display:inline-block;width:14px;height:10px;border-radius:2px;margin-right:5px;vertical-align:-1px;background:#12675d}
.wl-sw.wl-c1{background:#cfe6df;border:1px solid #12675d}.wl-sw.wl-c3{background:#ca921e}.wl-sw.wl-bad{background:#d34631}.wl-sw.wl-limitsw{background:#b4532a;height:3px;vertical-align:3px}
.wl-sw.wl-k0{background:#12675d}.wl-sw.wl-k1{background:#5aa58f}.wl-sw.wl-k2{background:#2c4a8f}.wl-sw.wl-k3{background:#8aa6d9}.wl-sw.wl-k4{background:#ca921e}
.wl-sw.wl-k5{background:#a05a9c}.wl-sw.wl-k6{background:#d34631}.wl-sw.wl-k7{background:#7a8b8a}.wl-sw.wl-k8{background:#c9d4d1}
@media(max-width:600px){.wl-grid{grid-template-columns:1fr}.wl-inline{flex-direction:column;align-items:stretch}.wl-inline label{width:100%;max-width:100%}.wl-inline select,.wl-inline input:not([type=checkbox]):not([type=radio]){width:100%}.wl-card{padding:8px 10px}.wl-steps{flex-direction:column}}
/* 3.5.4: osioiden pikavalikko (puhelin), avoimien vuorojen määrä ja toiminnon viesti painikkeen vieressä */
.wl-jump{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 12px;position:sticky;top:0;z-index:2;background:var(--fe2-bg,#fff);padding:6px 0}
.wl-badge{display:inline-block;min-width:1.4em;padding:0 5px;border-radius:9px;background:#a33226;color:#fff;font-size:12px;text-align:center}
.wl-flash{margin:6px 0;font-weight:600}
[data-wl-sec]{scroll-margin-top:64px}
/* 3.5.4: tulospaneeli vieritetään alkuunsa; tarttuva pikavalikko ei peitä sitä */
.wl-check{scroll-margin-top:64px}
.wl-reason{color:#4a3a1a}   /* 3.5.6 (UAT TT-22): työnjohdon perustelu */