/* StarCura 3.2 · Toimialamoduulit (web/sector.js): Asunnot, Kiinteistöhuolto, Kotipalvelu, Ikääntyneet.
   Perustyylit tulevat modules.css:stä (md-*). Ei inline-tyylejä. 390 px: ei vaakavieritystä sivulla, taulukot
   rullautuvat omassa laatikossaan. */
.sc-root{max-width:100%;overflow-wrap:anywhere}
.sc-tabs{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0 12px;border-bottom:1px solid #d5e0dc;padding-bottom:6px}
.sc-tab{border:1px solid #c9d7d2;background:#f4f8f6;color:#18343c;border-radius:16px;padding:4px 12px;font-size:14px;cursor:pointer;min-height:32px}
.sc-tab[aria-selected="true"]{background:#1e6040;border-color:#1e6040;color:#fff}
.sc-tab:focus-visible{outline:3px solid #f2b705;outline-offset:1px}
.sc-kpi{font-size:15px;margin:8px 0}.sc-kpi b{font-size:28px;margin-right:6px;color:#18343c}
.sc-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}
.sc-ratio{margin:0}
.sc-thumbs{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0}
.sc-thumbs img{width:64px;height:64px;object-fit:cover;border-radius:6px;border:1px solid #d5e0dc}
.sc-photo{display:inline-flex;flex-direction:column;gap:2px;font-size:13px;margin:4px 0;max-width:100%}
.sc-photo input{max-width:100%;font-size:13px}
.sc-taps{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.sc-tap{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:64px;padding:10px;border:2px solid #c9d7d2;border-radius:10px;background:#fff;text-align:left;cursor:pointer;font-size:15px}
.sc-tap span{font-size:12px;color:#4e5a5e}
.sc-tap:hover,.sc-tap:focus-visible{border-color:#1e6040}
.sc-tap.sc-broken{border-color:#a33226;background:#fde4df}
.sc-wo h3{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.sc-entry{background:#eef5f2;border-radius:6px;padding:6px 10px}
.sc-pre{white-space:pre-wrap;background:#f8faf9;border:1px solid #d5e0dc;border-radius:6px;padding:10px;font-size:13px;max-width:100%;overflow-x:auto}
.sc-cal{border-collapse:collapse;font-size:12px}
.sc-cal th,.sc-cal td{border:1px solid #e1e9e6;padding:2px 3px;text-align:center;min-width:18px}
.sc-cal th[scope="row"]{text-align:left;white-space:nowrap}
.sc-cal .sc-today{background:#fff0cf}
.sc-cal .sc-busy{background:#e3ecff;color:#2c4a8f}
.sc-cal .sc-omaishoidon_vapaa{background:#e2f2ea;color:#1e6040}
.sc-cal .sc-arviointi,.sc-cal .sc-kuntoutus{background:#fff0cf;color:#7a5410}
.sc-secret{display:inline-flex;flex-wrap:wrap;gap:6px;align-items:center}
.sc-root textarea{width:100%;box-sizing:border-box;min-width:0}
.sc-root .md-table input[type="number"],.sc-root .md-table input:not([type]){width:100%;min-width:60px;box-sizing:border-box}
@media(max-width:600px){.sc-tab{flex:1 1 auto;text-align:center}.sc-kpi b{font-size:24px}.sc-taps{grid-template-columns:1fr 1fr}}
/* 3.3 · Vammaispalvelut ja Päihde- ja mielenterveyspalvelut (web/sectorvp.js) */
.vp-alerts{list-style:none;margin:6px 0 12px;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.vp-alerts .md-chip{white-space:normal;text-align:left}
.vp-timer{font-size:18px;color:#18343c}
.vp-timer.vp-over{color:#a33226}
.vp-running{border-color:#a33226}
.vp-ladder{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:6px;margin:6px 0 12px}
.vp-step{display:flex;flex-direction:column;gap:2px;border:1px solid #c9d7d2;border-radius:8px;padding:8px;background:#f8faf9;font-size:13px}
.vp-step b{font-size:14px;color:#18343c}
.vp-checks{display:flex;flex-wrap:wrap;gap:4px}
.vp-check{border:1px solid #c9d7d2;background:#fff;border-radius:14px;padding:3px 9px;font-size:12px;cursor:pointer;min-height:28px}
.vp-check.vp-done{background:#e2f2ea;border-color:#1e6040;color:#1e6040}
.vp-rows{margin:4px 0;padding-left:18px;font-size:12px}
.vp-hrows{display:flex;flex-direction:column;gap:6px;margin:8px 0}
.vp-hrow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.vp-hrow label{display:flex;flex-direction:column;font-size:12px;min-width:0}
.vp-hrow input,.vp-hrow select{min-width:0;max-width:100%}
@media(max-width:600px){.vp-hrow{grid-template-columns:1fr 1fr}}
.vp-root .vp-narrow table{min-width:0}
.vp-hrow{border-bottom:1px solid #e1e9e6;padding-bottom:6px}