/* Stadkostnadskalkylator (facilitymanagement.se) */
#fmk-app{--fmk-blue:#1d4ed8;--fmk-ink:#1f2933;--fmk-muted:#52606d;--fmk-bg:#f5f7fa;--fmk-line:#e1e7ef;
  max-width:760px;margin:2em auto;color:var(--fmk-ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.6;}
#fmk-app *{box-sizing:border-box;}
.fmk-card{background:var(--fmk-bg);border:1px solid var(--fmk-line);border-radius:14px;padding:1.4em 1.6em;}
.fmk-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.1em 1.4em;}
.fmk-field{display:flex;flex-direction:column;gap:.35em;min-width:0;}
.fmk-field.fmk-full{grid-column:1 / -1;}
.fmk-field label{font-weight:600;font-size:.95em;}
.fmk-field .fmk-help{font-size:.8em;color:var(--fmk-muted);}
.fmk-field input[type=number],.fmk-field select{
  width:100%;padding:.6em .7em;font-size:1em;border:1px solid #c3ccd8;border-radius:8px;background:#fff;color:var(--fmk-ink);}
.fmk-field input[type=range]{width:100%;accent-color:var(--fmk-blue);height:6px;cursor:pointer;}
.fmk-area-row{display:flex;align-items:center;gap:.8em;}
.fmk-area-row input[type=number]{max-width:130px;}
.fmk-area-row .fmk-unit{color:var(--fmk-muted);font-size:.9em;}
.fmk-result{margin-top:1.4em;background:#fff;border:1px solid var(--fmk-line);border-radius:14px;padding:1.4em 1.6em;}
.fmk-result h3{margin:0 0 .2em;font-size:1em;color:var(--fmk-muted);font-weight:600;letter-spacing:.01em;}
.fmk-headline{font-size:2em;font-weight:800;color:var(--fmk-blue);line-height:1.15;margin:.1em 0 .1em;word-break:keep-all;}
.fmk-sub{font-size:.9em;color:var(--fmk-muted);margin-bottom:1.1em;}
.fmk-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.9em;}
.fmk-metric{background:var(--fmk-bg);border-radius:10px;padding:.9em 1em;border-left:4px solid var(--fmk-blue);}
.fmk-metric .fmk-mlabel{font-size:.78em;color:var(--fmk-muted);margin-bottom:.25em;}
.fmk-metric .fmk-mval{font-size:1.12em;font-weight:700;color:var(--fmk-ink);}
.fmk-metric:nth-child(2){border-left-color:#0f9d8a;}
.fmk-metric:nth-child(3){border-left-color:#b45309;}
.fmk-disclaimer{font-size:.85em;color:var(--fmk-muted);margin-top:1.1em;padding-top:1em;border-top:1px solid var(--fmk-line);}
/* Progressiv forbattring: tona in nar JS kopplat pa */
#fmk-app:not(.fmk-ready) .fmk-result{opacity:.55;}
@media (max-width:600px){
  .fmk-grid{grid-template-columns:1fr;}
  .fmk-metrics{grid-template-columns:1fr;}
  .fmk-headline{font-size:1.5em;}
}