/* StarCura 3.0 · Moduulipohja (web/modules.js): moduulit, toimialat, TES-paketit, työsuhteet ja lainaukset.
   Ei inline-tyylejä. Kapea näyttö: ei vaakavieritystä sivulla, taulukot rullautuvat omassa laatikossaan. */
.md-root{max-width:100%;overflow-wrap:anywhere}
.md-root h2{margin-top:4px}
.md-card{border:1px solid #d5e0dc;border-radius:9px;padding:10px 14px;margin:12px 0;background:#fbfdfc;min-width:0}
.md-card h3,.md-card h4{margin:6px 0}
.md-note{background:#eef5f2;border-radius:6px;padding:6px 10px;margin:8px 0}
.md-bad,.md-ferr{color:#a33226}
.md-ferr:empty{display:none}
.md-small{font-size:12px}
.md-chip{display:inline-block;font-size:12px;line-height:1.5;padding:0 8px;border-radius:9px;background:#e7eef0;color:#18343c;white-space:nowrap;font-weight:600}
.md-chip.md-core,.md-chip.md-active{background:#e2f2ea;color:#1e6040}
.md-chip.md-trial,.md-chip.md-warn{background:#fff0cf;color:#7a5410}
.md-chip.md-expired,.md-chip.md-cancelled{background:#fde4df;color:#8e1f15}
.md-chip.md-disabled{background:#eceff1;color:#4e5a5e}
.md-chip.md-type{background:#e3ecff;color:#2c4a8f}
.md-form{display:grid;gap:10px;margin:10px 0;border:1px solid #d5e0dc;border-radius:9px;padding:12px;background:#f8faf9;min-width:0}
.md-form fieldset{border:1px solid #d5e0dc;border-radius:6px;min-width:0;margin:0}
.md-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px 12px;align-items:end}
.md-grid label,.md-form>label,.md-inline label{display:flex;flex-direction:column;gap:3px;font-size:14px;min-width:0}
.md-grid input,.md-grid select,.md-form select,.md-form input,.md-inline input,.md-inline select{max-width:100%;min-width:0;box-sizing:border-box}
.md-wide{grid-column:1/-1}
.md-inline{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:flex-end;margin:8px 0}
.md-inline.md-tight{margin:0;gap:4px 8px}
.md-inline.md-tight label{flex-direction:row;align-items:center;gap:4px}
.md-checks{display:flex;flex-wrap:wrap;gap:4px 14px}
.md-checks label{flex-direction:row;align-items:center;gap:4px;font-size:14px}
.md-check{flex-direction:row!important;align-items:center}
.md-details{margin:10px 0}.md-details>summary{cursor:pointer;padding:6px 0}
.md-table table{min-width:560px}
.md-table th,.md-table td{overflow-wrap:normal;word-break:normal;hyphens:auto}
@media(max-width:600px){.md-grid{grid-template-columns:1fr}.md-inline{flex-direction:column;align-items:stretch}.md-card{padding:8px 10px}}
/* 3.5.4: vahvistusikkuna, menneisyyden päivän varoitus, asiakkaan tunniste */
.md-dialog .actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
.md-dialog p{margin:0}
button.md-danger{background:#9d2a24;border-color:#9d2a24;color:#fff}
.md-pastwarn{background:#fff0cf;color:#5f410b;border-left:4px solid #c7891a;border-radius:6px;padding:6px 10px;margin:8px 0}
/* 3.5.4: valintaruudut luettelona – ruutu ja nimi samalla rivillä, kapealla näytöllä yksi sarake */
.md-root .md-checks{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:2px 18px;margin:4px 0}
.md-root .md-checks label{display:flex;flex-direction:row;align-items:center;gap:10px;margin:0;padding:6px 4px;font-weight:normal;font-size:15px;line-height:1.3;min-height:36px;border-radius:6px;cursor:pointer}
.md-root .md-checks label:hover{background:#f1f6f5}
.md-root .md-checks input[type=checkbox]{flex:none;width:20px;height:20px;margin:0;padding:0}
@media (max-width:600px){.md-root .md-checks{grid-template-columns:1fr}}
.md-lendcheck{scroll-margin-top:16px}