*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;background:#f5f7fb;color:#0f172a}.appShell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,#061525,#020817);color:#fff;padding:16px;display:flex;flex-direction:column;gap:16px}.brand{font-size:34px;font-weight:950;line-height:.85;border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:18px}.brand span{display:block;font-size:10px;letter-spacing:3px;color:#38bdf8;margin-top:5px}.sidebar nav{display:flex;flex-direction:column;gap:6px}.sidebar nav button{border:0;background:transparent;color:#dbeafe;text-align:left;padding:12px;border-radius:12px;font-weight:800;cursor:pointer}.sidebar nav button.active,.sidebar nav button:hover{background:#0b74de;color:#fff}.version{margin-top:auto;color:#cbd5e1;font-size:12px;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:12px}.main{min-width:0}header{height:70px;background:#fff;border-bottom:1px solid #dbe3ef;display:flex;gap:12px;align-items:center;padding:0 24px;position:sticky;top:0;z-index:5}.topSearch{flex:1;max-width:700px;padding:12px 14px;border:1px solid #cfd8e6;border-radius:12px}main{padding:24px;max-width:1800px;margin:0 auto}button{border:1px solid #cfd8e6;background:#fff;border-radius:10px;padding:9px 12px;font-weight:800;cursor:pointer;margin:2px}button.primary,.primary{background:linear-gradient(90deg,#0b74de,#0966c3);color:white;border:0}button.danger,.danger{background:#ef4444;color:#fff;border:0}.full{width:100%;margin-top:12px}.panel,.kpi,.projectCard,.kanbanCol,.offerDoc{background:#fff;border:1px solid #dbe3ef;border-radius:18px;box-shadow:0 10px 28px rgba(15,23,42,.10);padding:20px;margin-bottom:22px}.hero{background:linear-gradient(135deg,#061525,#0b2748);color:#fff;border-radius:24px;padding:28px;margin-bottom:24px}.hero h1{margin:0 0 8px}.hero p{color:#dbeafe}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.kpi span{color:#64748b;font-size:13px;font-weight:800}.kpi b{display:block;font-size:27px;margin-top:6px}.grid.two{display:grid;grid-template-columns:1fr 1fr;gap:22px}.calcGrid{align-items:start}.row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}label{display:block;font-size:13px;font-weight:800;margin:9px 0 5px}input,select,textarea{width:100%;padding:10px;border:1px solid #cfd8e6;border-radius:10px}textarea{min-height:80px}.checkRow{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0}.checkRow label{display:flex;gap:7px;align-items:center;margin:0}.checkRow input{width:auto}.templateBtns{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}table{width:100%;border-collapse:collapse}th,td{padding:9px;border-bottom:1px solid #e5e7eb;text-align:left;vertical-align:top}th{background:#f8fafc;color:#475569;font-size:12px}.num{text-align:right;white-space:nowrap}.summary .totals{display:grid;gap:7px}.summary .totals div{display:flex;justify-content:space-between;border-bottom:1px solid #e5e7eb;padding:7px 0}.summary .big{font-size:22px;font-weight:950}.listItem{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #e5e7eb;padding:10px 0}.listItem span{color:#64748b}.warn{background:#fff7ed!important}.cardGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.projectCard h3{margin-top:0}.kanban{display:grid;grid-template-columns:repeat(7,minmax(180px,1fr));gap:12px;overflow-x:auto}.jobCard{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px;margin-bottom:10px}.jobCard span{display:block;color:#64748b;margin:5px 0}.offerDoc{max-width:980px;margin:0 auto;padding:34px;color:#111827}.offerTop{display:grid;grid-template-columns:1fr 1fr 170px;gap:24px;margin-bottom:34px}.offerTitle{text-align:center;font-size:30px;font-weight:950}.offerNo{text-align:right;font-size:13px}.offerBoxes{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.metaRow{display:grid;grid-template-columns:145px 1fr;gap:8px}.offerLines th{border-top:2px solid #111;border-bottom:1px solid #111}.offerLines td{border-bottom:1px solid #e5e7eb}.offerLines span{font-size:12px;color:#475569}.offerTotals{width:min(430px,100%);margin:24px 0 0 auto}.offerTotals div{display:flex;justify-content:space-between;border-bottom:1px solid #e5e7eb;padding:8px 0}.offerTotals .final{font-size:22px;font-weight:950;border-top:2px solid #111;border-bottom:2px solid #111}.terms{margin-top:28px;border-top:1px solid #e5e7eb;padding-top:14px}.footer{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;border-top:1px solid #d1d5db;margin-top:28px;padding-top:14px;font-size:12px}.fileImport{display:inline-block;border:1px solid #cfd8e6;border-radius:10px;padding:9px 12px;background:#fff}.fileImport input{display:none}@media(max-width:1000px){.appShell{grid-template-columns:1fr}.sidebar nav{display:grid;grid-template-columns:repeat(3,1fr)}.kpis,.grid.two,.row,.offerTop,.offerBoxes,.footer{grid-template-columns:1fr}.cardGrid{grid-template-columns:1fr}.offerNo,.offerTitle{text-align:left}}@media print{.sidebar,header,.noPrint,button{display:none!important}.appShell{display:block}main{padding:0}.offerDoc{box-shadow:none;border:0;max-width:none}}.liveCalc{background:#f8fafc;border:1px solid #dbe3ef;border-radius:14px;padding:12px;margin:12px 0}.liveGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.liveGrid div{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:9px;font-size:12px}.liveGrid b{display:block;font-size:17px;margin-top:3px}.warnings{margin-top:10px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;border-radius:10px;padding:9px;font-weight:800}@media(max-width:900px){.liveGrid{grid-template-columns:1fr 1fr}}.toolbar{display:flex;gap:10px;margin-bottom:12px}.toolbar input{max-width:420px}td span{font-size:12px;color:#64748b}@media(max-width:1100px){.toolbar{display:block}.toolbar input{max-width:none;margin-bottom:8px}}.statusBadge{display:inline-block;border-radius:999px;background:#eff6ff;color:#1d4ed8;padding:4px 9px;font-size:12px;font-weight:900}.offerIntro{font-size:14px;line-height:1.45;margin:18px 0}.signature{margin-top:22px;line-height:1.5}.prodBlock{border:1px solid #e5e7eb;border-radius:14px;padding:14px;margin:14px 0}.productionDoc{max-width:1100px}.warnings{margin-top:10px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;border-radius:10px;padding:9px;font-weight:800}
/* 1.0.4 Print/PDF fix */
@page{size:A4;margin:10mm}
@media print{
 html,body{background:#fff!important;margin:0!important;padding:0!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
 .appShell{display:block!important;min-height:0!important}
 .main,main{display:block!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important}
 .sidebar,header,.noPrint,button,.panel.noPrint{display:none!important}
 .offerDoc{width:190mm!important;max-width:190mm!important;margin:0 auto!important;padding:0!important;border:0!important;box-shadow:none!important;border-radius:0!important;font-size:11px!important;line-height:1.22!important;page-break-inside:avoid!important;break-inside:avoid!important}
 .offerTop{grid-template-columns:1fr 1fr 36mm!important;gap:7mm!important;margin-bottom:7mm!important}
 .offerTop h1{font-size:20px!important;margin:0 0 2mm!important}
 .offerTop p,.offerNo{font-size:10px!important;line-height:1.22!important}
 .offerTitle{font-size:24px!important}
 .offerBoxes{gap:7mm!important;margin-bottom:5mm!important}
 .offerBoxes h3{margin:0 0 2mm!important;font-size:10.5px!important}
 .offerIntro{margin:4mm 0!important;font-size:10.5px!important}
 .offerLines{font-size:10px!important}
 .offerLines th,.offerLines td{padding:2mm 1.2mm!important}
 .offerLines span{font-size:9px!important}
 .offerTotals{width:78mm!important;margin-top:5mm!important;font-size:10px!important}
 .offerTotals div{padding:1.4mm 0!important}
 .offerTotals .final{font-size:15px!important}
 .terms{margin-top:5mm!important;padding-top:3mm!important;font-size:10px!important}
 .signature{margin-top:4mm!important;font-size:10px!important}
 .footer{grid-template-columns:repeat(4,1fr)!important;gap:4mm!important;margin-top:5mm!important;padding-top:3mm!important;font-size:9px!important}
}

/* 1.0.5 Project module */
.projectGrid2{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.projectCard2{background:#fff;border:1px solid #dbe3ef;border-radius:18px;box-shadow:0 10px 28px rgba(15,23,42,.10);padding:18px;border-left:6px solid #0b74de}
.projectCard2.prioLåg{border-left-color:#22c55e}
.projectCard2.prioNormal{border-left-color:#0b74de}
.projectCard2.prioHög{border-left-color:#f59e0b}
.projectCard2.prioAkut{border-left-color:#ef4444}
.projectTopLine{display:flex;justify-content:space-between;gap:12px;align-items:start}
.projectTopLine h3{margin:0}
.projectTopLine span{border-radius:999px;background:#f1f5f9;padding:4px 9px;font-size:12px;font-weight:900}
.projectMiniStats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}
.projectMiniStats div,.projectHeroStats div{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:9px;font-weight:900}
.projectMiniStats small,.projectHeroStats small{display:block;color:#64748b;font-size:11px;font-weight:700;margin-top:3px}
.progress{height:10px;background:#e5e7eb;border-radius:999px;overflow:hidden;margin:10px 0}
.progress.big{height:14px}
.progress span{display:block;height:100%;background:linear-gradient(90deg,#0b74de,#16a34a)}
.projectHero{background:linear-gradient(135deg,#061525,#0b2748);color:#fff;border-radius:24px;padding:24px;margin-bottom:22px;display:flex;justify-content:space-between;gap:18px;align-items:center}
.projectHero h1{margin:0;color:#fff}
.projectHero p{color:#dbeafe}
.projectHeroStats{display:grid;grid-template-columns:repeat(3,150px);gap:10px}
.projectHeroStats div{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18)}
.checkItem{display:flex;gap:10px;align-items:center;border-bottom:1px solid #e5e7eb;padding:10px 0;margin:0}
.checkItem input{width:auto}
.done{text-decoration:line-through;color:#94a3b8}
.historyItem{display:grid;grid-template-columns:210px 1fr;gap:12px;border-bottom:1px solid #e5e7eb;padding:9px 0}
.historyItem span{color:#475569}
@media(max-width:1100px){.projectGrid2{grid-template-columns:1fr 1fr}.projectHero{display:block}.projectHeroStats{grid-template-columns:1fr;margin-top:12px}}
@media(max-width:760px){.projectGrid2{grid-template-columns:1fr}.historyItem{grid-template-columns:1fr}.projectHeroStats{grid-template-columns:1fr}}

/* 1.0.6 Production module */
.productionHero{background:linear-gradient(135deg,#061525,#0b2748);color:#fff;border-radius:24px;padding:24px;margin-bottom:22px;display:flex;justify-content:space-between;gap:18px;align-items:center}
.productionHero h1{margin:0;color:#fff}
.productionHero p{color:#dbeafe}
.productionStats{display:grid;grid-template-columns:repeat(4,130px);gap:10px}
.productionStats div{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:10px;font-size:22px;font-weight:950}
.productionStats small{display:block;color:#dbeafe;font-size:11px;font-weight:700;margin-top:3px}
.productionBoard{grid-template-columns:repeat(7,minmax(230px,1fr))}
.prodCol{padding:12px}
.prodCol h3{margin-top:0}
.prodCard{background:#fff;border:1px solid #dbe3ef;border-radius:16px;padding:13px;margin-bottom:12px;box-shadow:0 5px 16px rgba(15,23,42,.08);border-left:5px solid #0b74de}
.prodCard.prioLåg{border-left-color:#22c55e}
.prodCard.prioNormal{border-left-color:#0b74de}
.prodCard.prioHög{border-left-color:#f59e0b}
.prodCard.prioAkut{border-left-color:#ef4444}
.prodCardTop{display:flex;justify-content:space-between;gap:10px}
.prodCardTop span,.warnBadge{border-radius:999px;background:#f1f5f9;padding:3px 8px;font-size:11px;font-weight:900}
.warnBadge{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}
.prodCard p{font-size:13px;color:#475569}
.prodCard select{margin:4px 0}
@media(max-width:1100px){.productionHero{display:block}.productionStats{grid-template-columns:repeat(2,1fr);margin-top:12px}}
@media print{.productionHero,.noPrint{display:none!important}.productionDoc{box-shadow:none!important;border:0!important;max-width:none!important}}

.planningHero{background:linear-gradient(135deg,#0b2748,#0b74de);color:#fff;border-radius:18px;padding:20px;margin-bottom:18px}
/* 1.0.8 Planning */
.planningHero{background:linear-gradient(135deg,#0b2748,#0b74de);color:#fff;border-radius:20px;padding:20px;margin-bottom:18px;display:flex;justify-content:space-between;gap:14px;align-items:center}
.planningHero h1{margin:0;color:#fff}
.planningHero p{color:#dbeafe}
.timeRow{display:grid;grid-template-columns:1fr 1fr;gap:5px}
.planDone{background:#ecfdf5!important}
.planActive{background:#eff6ff!important}
@media(max-width:900px){.planningHero{display:block}.planningHero button{margin-top:12px}}

/* 1.0.9 Material DB */
.materialSummary{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:12px 0}
.materialSummary div{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:10px}
.materialSummary b{display:block;font-size:22px}
.materialSummary span{font-size:12px;color:#64748b;font-weight:800}
@media(max-width:1000px){.materialSummary{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.materialSummary{grid-template-columns:1fr 1fr}}

/* 1.1.0 Dashboard */
.dashHero110{background:linear-gradient(135deg,#061525,#0b2748);color:#fff;border-radius:24px;padding:26px;margin-bottom:22px;display:flex;justify-content:space-between;gap:18px;align-items:center}
.dashHero110 h1{margin:0;color:#fff}
.dashHero110 p{color:#dbeafe}
.dashDate{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:12px;font-weight:900}
.dashKpi110{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}
.dangerKpi{border-color:#fecaca!important;background:#fff7f7!important}
.dashItem{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid #e5e7eb;padding:10px 0}
.dashItem span{display:block;color:#64748b;font-size:12px;margin-top:3px}
.dashMachine{border-bottom:1px solid #e5e7eb;padding:10px 0}
.dashMachine span{display:block;color:#64748b;font-size:12px;margin-top:3px}
.quickGrid110{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.quickGrid110 button{text-align:left;padding:14px}
@media(max-width:1000px){.dashKpi110{grid-template-columns:repeat(2,1fr)}.dashHero110{display:block}.dashDate{margin-top:12px}.quickGrid110{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.dashKpi110{grid-template-columns:1fr}.quickGrid110{grid-template-columns:1fr}}

/*1.2.0 CRM*/ .crmCard{border:1px solid #e5e7eb;border-radius:14px;padding:14px}
/* 1.3.0 Invoice basis */
.invoiceDoc{max-width:980px}
@media print{.invoiceDoc{box-shadow:none!important;border:0!important;max-width:none!important}}

/* 1.5.1 Dokumentcenter */
.folderPreview{background:#0f172a;color:#e5e7eb;border-radius:14px;padding:16px;line-height:1.5;overflow:auto}
.docTypeGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.docTypeGrid div{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;padding:10px;font-weight:800}

.workHero{background:linear-gradient(135deg,#061525,#0b2748);color:#fff;border-radius:24px;padding:24px;margin-bottom:22px;display:flex;justify-content:space-between;gap:18px;align-items:center}.workHero h1{margin:0;color:#fff}.workHero p{color:#dbeafe}.workHeroStats{display:grid;grid-template-columns:repeat(4,135px);gap:10px}.workHeroStats div{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:10px;font-size:20px;font-weight:950}.workHeroStats small{display:block;color:#dbeafe;font-size:11px;font-weight:700;margin-top:3px}.runningTimer,.okBox{background:#ecfdf5;color:#166534;border:1px solid #bbf7d0;border-radius:12px;padding:12px;margin-bottom:10px;font-weight:900}@media(max-width:1100px){.workHero{display:block}.workHeroStats{grid-template-columns:1fr 1fr;margin-top:12px}}@media(max-width:650px){.workHeroStats{grid-template-columns:1fr}}

/* 1.6.1 Arbetskort */
.statusStrip{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:22px}
.statusStrip div{background:#fff;border:1px solid #dbe3ef;border-radius:14px;padding:12px;box-shadow:0 5px 15px rgba(15,23,42,.06)}
.statusStrip span{display:block;color:#64748b;font-size:11px;font-weight:800;text-transform:uppercase}
.statusStrip b{display:block;margin-top:4px}
.timeSummary{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:12px;margin:12px 0}
.timeSummary b{display:block;font-size:22px}.timeSummary span{font-size:12px;color:#64748b}
.nextStep{background:#eff6ff;border:1px solid #bfdbfe;color:#1e3a8a;border-radius:10px;padding:10px}
.docRow{border-bottom:1px solid #e5e7eb;padding:10px 0}
.docProduction{border-left:4px solid #16a34a;padding-left:10px}
.docCustomer{border-left:4px solid #0b74de;padding-left:10px}
@media(max-width:1000px){.statusStrip{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.statusStrip{grid-template-columns:1fr}}

.productionToolbar{display:grid;grid-template-columns:minmax(220px,2fr) repeat(3,minmax(150px,1fr)) auto auto;gap:8px;align-items:center}.prodCol{min-height:280px}.prodColHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.prodColHeader h3{margin:0}.prodColHeader span{background:#e2e8f0;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:900}.prodCard{cursor:grab}.prodCard:active{cursor:grabbing}.prodCard h4{margin:10px 0 5px}.cardMeta{display:flex;justify-content:space-between;gap:10px;color:#64748b;font-size:11px;margin:5px 0 10px}.cardControls{display:grid;grid-template-columns:1fr 1fr;gap:6px}.cardActions{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.emptyCol{text-align:center;color:#94a3b8;padding:28px 5px}@media(max-width:1200px){.productionToolbar{grid-template-columns:1fr 1fr}}@media(max-width:700px){.productionToolbar{grid-template-columns:1fr}.cardControls{grid-template-columns:1fr}}

/* 1.6.4 Stabilisering */
.prodCard.due-late{box-shadow:0 0 0 2px #dc2626,0 8px 24px rgba(220,38,38,.14)}
.prodCard.due-late:before{content:"FÖRSENAD";display:inline-block;background:#dc2626;color:#fff;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:950;margin-bottom:8px}
.prodCard.due-today{box-shadow:0 0 0 2px #f59e0b,0 8px 24px rgba(245,158,11,.14)}
.prodCard.due-today:before{content:"LEVERANS IDAG";display:inline-block;background:#f59e0b;color:#fff;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:950;margin-bottom:8px}
.cardActions button{font-size:11px;padding:7px 9px}

.panel{transition:.15s ease}.panel:hover{box-shadow:0 10px 24px rgba(15,23,42,.08)}table tbody tr:hover{background:#f8fafc}
.historyItem{border-left:3px solid #0b74de;padding-left:10px}.warnings{border-radius:10px}
/* =========================================================
   ASC Print & Sign 1.6.8 - Enhetligt gränssnitt
   ========================================================= */
:root{
  --bg:#f4f7fb;
  --surface:#ffffff;
  --surface-2:#f8fafc;
  --border:#dbe4ef;
  --text:#0f172a;
  --muted:#64748b;
  --primary:#0b74de;
  --primary-dark:#095fb6;
  --success:#16a34a;
  --warning:#d97706;
  --danger:#dc2626;
  --radius:16px;
  --shadow:0 10px 28px rgba(15,23,42,.08);
}
body{background:var(--bg);color:var(--text);line-height:1.45}
main{padding:24px 28px 40px}
h1,h2,h3,h4{letter-spacing:-.02em}
h1{font-size:30px}
h2{font-size:20px}
h3{font-size:16px}
p{color:var(--muted)}
.pageHeader{
  display:flex;justify-content:space-between;align-items:center;gap:16px;
  margin-bottom:20px;padding:0 2px;
}
.pageHeader h1{margin:0}
.pageHeader p{margin:4px 0 0}
.pageActions{display:flex;gap:8px;flex-wrap:wrap}
.panel,.projectCard,.projectCard2,.prodCard,.kanbanCol,.kpi,.offerDoc{
  border:1px solid var(--border);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  background:var(--surface);
}
.panel{padding:20px}
.panel h2:first-child,.panel h3:first-child{margin-top:0}
button{
  min-height:38px;
  border-radius:10px;
  border:1px solid #cfd8e6;
  background:#fff;
  color:var(--text);
  padding:8px 12px;
  font-weight:800;
  transition:background .15s,border-color .15s,transform .05s;
}
button:hover{background:#f8fafc;border-color:#b8c6d8}
button:active{transform:translateY(1px)}
button.primary{
  background:var(--primary);
  border-color:var(--primary);
  color:#fff;
}
button.primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}
button.danger{background:var(--danger);border-color:var(--danger);color:#fff}
input,select,textarea{
  border:1px solid #cbd5e1;
  background:#fff;
  border-radius:10px;
  min-height:40px;
  color:var(--text);
}
input:focus,select:focus,textarea:focus{
  outline:3px solid rgba(11,116,222,.14);
  border-color:var(--primary);
}
label{color:#334155}
table{border-collapse:separate;border-spacing:0;width:100%}
thead th{
  background:#f1f5f9;
  color:#475569;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.03em;
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
}
thead th:first-child{border-left:1px solid var(--border);border-top-left-radius:10px}
thead th:last-child{border-right:1px solid var(--border);border-top-right-radius:10px}
tbody td{background:#fff;border-bottom:1px solid #e7edf4}
tbody tr:hover td{background:#f8fbff}
.toolbar,.productionToolbar{
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap;
}
.toolbar input,.productionToolbar input{flex:1;min-width:220px}
.uiBadge,.statusBadge,.warnBadge{
  display:inline-flex;align-items:center;
  min-height:26px;padding:3px 9px;
  border-radius:999px;
  font-size:11px;font-weight:900;
  background:#eef2f7;color:#475569;border:1px solid #dbe4ef;
}
.uiBadge.success{background:#ecfdf5;color:#166534;border-color:#bbf7d0}
.uiBadge.warning{background:#fff7ed;color:#9a3412;border-color:#fed7aa}
.uiBadge.danger{background:#fef2f2;color:#991b1b;border-color:#fecaca}
.uiBadge.info{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}
.emptyState{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;min-height:180px;padding:24px;border:1px dashed #cbd5e1;
  border-radius:14px;background:#f8fafc;color:var(--muted)
}
.emptyState b{color:var(--text);font-size:16px}
.emptyState span{margin-top:4px}
.emptyIcon{font-size:28px;margin-bottom:8px}
.kpis,.dashKpi110{gap:14px}
.kpi{padding:18px}
.kpi span{font-size:12px;text-transform:uppercase;letter-spacing:.04em}
.kpi b{font-size:26px}
.listItem,.dashItem,.historyItem{padding:11px 0}
.progress{background:#e7edf4}
.progress span{background:linear-gradient(90deg,var(--primary),#22c55e)}
.sidebar{
  background:linear-gradient(180deg,#071421 0%,#07111e 100%);
  border-right:1px solid rgba(255,255,255,.05);
}
.sidebar nav button{
  min-height:42px;
  border-radius:10px;
  color:#dbeafe;
}
.sidebar nav button.active{background:var(--primary);color:#fff}
.sidebar nav button:hover{background:rgba(255,255,255,.08);color:#fff}
header{box-shadow:0 1px 0 rgba(15,23,42,.04)}
.topSearch{background:#f8fafc}
.workHero,.productionHero,.dashHero110,.projectHero,.planningHero,.hero{
  border-radius:20px;
  box-shadow:0 12px 30px rgba(6,21,37,.15);
}
.cardGrid,.projectGrid2{gap:14px}
.cardActions{gap:6px}
.cardActions button{flex:1 1 auto}
.folderPreview{font-size:13px}
@media(max-width:900px){
  main{padding:18px}
  .pageHeader{align-items:flex-start;flex-direction:column}
  .pageActions{width:100%}
  .pageActions button{flex:1}
}
@media print{
  body{background:#fff!important}
  .panel,.offerDoc{box-shadow:none!important}
}

/* 1.7.0 RC1 */
.rcHeader{display:flex;justify-content:space-between;gap:16px;align-items:center}
.rcHeader h2{margin:0}
.rcHeader p{margin:4px 0 0}
.rcScore{border-radius:999px;padding:7px 12px;font-weight:900}
.rcScore.ok{background:#ecfdf5;color:#166534;border:1px solid #bbf7d0}
.rcScore.warn{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}
.rcChecks{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:16px 0}
.rcCheck{display:flex;gap:10px;align-items:flex-start;border:1px solid #e2e8f0;border-radius:12px;padding:10px;background:#f8fafc}
.rcCheck>span{display:flex;width:24px;height:24px;border-radius:999px;align-items:center;justify-content:center;font-weight:950}
.rcCheck.ok>span{background:#dcfce7;color:#166534}
.rcCheck.bad>span{background:#fee2e2;color:#991b1b}
.rcCheck b,.rcCheck small{display:block}
.rcCheck small{color:#64748b;margin-top:2px}
.runtimeError{position:fixed;right:16px;bottom:16px;z-index:9999;max-width:440px;background:#fff;border:2px solid #dc2626;border-radius:14px;padding:14px;box-shadow:0 20px 50px rgba(15,23,42,.25)}
.runtimeError b,.runtimeError span{display:block}
.runtimeError span{color:#64748b;margin:5px 0 10px}
@media(max-width:800px){.rcChecks{grid-template-columns:1fr}.rcHeader{align-items:flex-start;flex-direction:column}}

/* 1.7.1 RC2 — appliceringstejp och offertutskrift */
.includedLine{
  display:inline-block;
  margin-top:3px;
  color:#334155!important;
  font-size:10.5px!important;
  text-transform:capitalize;
}
@page{size:A4;margin:0!important}
@media print{
  html,body{
    width:210mm!important;
    min-height:297mm!important;
    margin:0!important;
    padding:0!important;
    background:#fff!important;
  }
  .offerDoc{
    box-sizing:border-box!important;
    width:210mm!important;
    max-width:210mm!important;
    min-height:297mm!important;
    padding:10mm 12mm 9mm!important;
    margin:0!important;
    display:flex!important;
    flex-direction:column!important;
    page-break-inside:auto!important;
    break-inside:auto!important;
  }
  .offerDoc>.footer{
    margin-top:auto!important;
  }
  .offerTop{margin-bottom:7mm!important}
  .offerBoxes{margin-bottom:5mm!important}
  .terms{margin-top:5mm!important}
  .signature{margin-top:4mm!important}
  .footer{
    grid-template-columns:repeat(4,1fr)!important;
    gap:5mm!important;
    padding-top:3mm!important;
    font-size:8.8px!important;
  }
  .footer b{font-size:9px!important}
}

.releaseMarker{display:inline-block;margin-top:7px;padding:4px 7px;border-radius:7px;background:#16a34a;color:#fff;font-size:10px;font-weight:950}
.tapeChoice{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;padding:8px 10px!important;color:#1e3a8a}
.tapeBadge{display:inline-block;margin-top:4px;padding:2px 7px;border-radius:999px;background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;font-size:10px;font-weight:900}
.includedLine{font-weight:700;color:#334155!important}

/* 1.7.2 RC3 — riktigt kundkort */
.customerHero{
  background:linear-gradient(135deg,#061525,#0b2748);
  color:#fff;border-radius:22px;padding:24px;margin-bottom:22px;
  display:flex;justify-content:space-between;gap:18px;align-items:center
}
.customerHero h1{margin:0;color:#fff}.customerHero p{color:#dbeafe}
.customerHeroStats{display:grid;grid-template-columns:repeat(4,140px);gap:10px}
.customerHeroStats div{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:10px;font-size:18px;font-weight:950}
.customerHeroStats small{display:block;color:#dbeafe;font-size:11px;margin-top:3px}
.historyOrder{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid #e5e7eb}
.historyOrder span{display:block;color:#64748b;font-size:12px;margin-top:2px}
.customerDiscountInfo{margin:10px 0 0;background:#eff6ff;border:1px solid #bfdbfe;color:#1e3a8a;border-radius:10px;padding:9px 11px}
.offerBrand h1{margin:0}
@media(max-width:1050px){.customerHero{display:block}.customerHeroStats{grid-template-columns:1fr 1fr;margin-top:12px}}
@media(max-width:650px){.customerHeroStats{grid-template-columns:1fr}}

/* 1.7.2b RC3 FIX */
.newFeatureBadge{
  display:inline-block;
  margin-left:6px;
  padding:3px 7px;
  border-radius:999px;
  background:#16a34a;
  color:#fff;
  font-size:10px;
  vertical-align:middle;
}
.customerHero{
  background:linear-gradient(135deg,#061525,#0b2748);
  color:#fff;
  border-radius:22px;
  padding:24px;
  margin-bottom:22px;
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:center;
}
.customerHero h1{margin:0;color:#fff}
.customerHero p{color:#dbeafe}
.customerHeroStats{
  display:grid;
  grid-template-columns:repeat(4,140px);
  gap:10px;
}
.customerHeroStats div{
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);
  border-radius:12px;
  padding:10px;
  font-size:18px;
  font-weight:950;
}
.customerHeroStats small{
  display:block;
  color:#dbeafe;
  font-size:11px;
  margin-top:3px;
}
.historyOrder{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  padding:11px 0;
  border-bottom:1px solid #e5e7eb;
}
.customerDiscountInfo{
  margin:10px 0 0;
  background:#eff6ff;
  border:1px solid #bfdbfe;
  color:#1e3a8a;
  border-radius:10px;
  padding:9px 11px;
}
@media(max-width:1050px){
  .customerHero{display:block}
  .customerHeroStats{grid-template-columns:1fr 1fr;margin-top:12px}
}
@media(max-width:650px){
  .customerHeroStats{grid-template-columns:1fr}
}

/* 1.7.3 Färdigställning */
.sameAddressCheck{display:flex;align-items:center;gap:8px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;padding:9px 11px;margin-bottom:10px}
.sameAddressCheck input{width:auto;min-height:0}
.historyHeader{display:flex;justify-content:space-between;gap:12px;align-items:center}
.historyHeader>div{display:flex;gap:8px;align-items:center}
.historyHeader label{display:flex;gap:6px;align-items:center}
.historyHeader input{width:auto;min-height:0}
.historyWithAction{grid-template-columns:210px 1fr auto!important}
.iconButton{min-width:34px;padding:4px 8px}
.logoPreview{min-height:150px;border:1px dashed #cbd5e1;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#f8fafc;margin-bottom:12px;padding:14px}
.logoPreview img{max-width:100%;max-height:130px}
.primaryFile{display:inline-flex;background:#0b74de;color:#fff;border-color:#0b74de;padding:9px 12px;border-radius:10px;font-weight:800;cursor:pointer;margin-right:8px}
.documentLogo{display:block;max-width:220px;max-height:80px;object-fit:contain;margin-bottom:7px}
.machineGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.machineCard textarea{min-height:80px}
.releaseMarker{background:#16a34a!important}
@media(max-width:1100px){.machineGrid{grid-template-columns:1fr}.historyHeader{align-items:flex-start;flex-direction:column}.historyWithAction{grid-template-columns:1fr auto!important}}

/* 1.7.4b stable article register */
.arEditor{margin-top:18px}
.arHeader{display:flex;justify-content:space-between;gap:14px;align-items:center}
.arHeader h2{margin:0}.arHeader p{margin:3px 0 0}
.arLayout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:18px}
.arBlock{background:#f8fafc;border:1px solid #dbe4ef;border-radius:14px;padding:15px;margin-bottom:14px}
.arBlock h3{margin:0 0 12px}
.arChecks{display:flex;gap:18px;margin-top:10px}
.arChecks label{display:flex;gap:7px;align-items:center}
.arChecks input{width:auto;min-height:0}
.arCurvePanel{position:sticky;top:18px;height:max-content;background:#0f172a;color:#fff;border-radius:14px;padding:16px}
.arCurvePanel h3{color:#fff;margin-top:0}.arCurvePanel p{color:#cbd5e1}
.arCurve{width:100%;background:#111c2e;border-radius:10px}
.arCurve line{stroke:#52647d;stroke-width:1}.arCurve .buy{stroke:#a3e635;stroke-width:3}
.arCurve polyline{fill:none;stroke:#fb7185;stroke-width:4}.arCurve text{fill:#e2e8f0;font-size:11px}
.arSupplierGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media(max-width:1100px){.arLayout{grid-template-columns:1fr}.arCurvePanel{position:static}.arSupplierGrid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.arSupplierGrid{grid-template-columns:1fr}.arHeader{align-items:flex-start;flex-direction:column}}

/* 1.7.5 Artikelpris i kalkyl */
.articlePricingInfo{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin:14px 0 18px;
}
.articlePricingInfo>div{
  background:#eff6ff;
  border:1px solid #bfdbfe;
  border-radius:12px;
  padding:11px;
}
.articlePricingInfo span{
  display:block;
  color:#475569;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.03em;
  font-weight:800;
}
.articlePricingInfo b{
  display:block;
  margin-top:4px;
  color:#0f172a;
}
@media(max-width:900px){
  .articlePricingInfo{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .articlePricingInfo{grid-template-columns:1fr}
}

/* 1.7.6 Produktionskoppling */
.productionCalcSummary{margin-top:18px}
.productionCalcHeader{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:12px}
.productionCalcHeader h2{margin:0}
.productionCalcHeader p{margin:3px 0 0}
.productionTimeTotal{
  background:#ecfdf5;
  color:#166534;
  border:1px solid #bbf7d0;
  border-radius:12px;
  padding:10px 14px;
  font-size:20px;
  font-weight:950;
  white-space:nowrap;
}
@media(max-width:700px){
  .productionCalcHeader{align-items:flex-start;flex-direction:column}
}

/* 1.7.7 Material- & Produktionscenter */
.stockHero{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  margin-bottom:18px;
}
.stockHero>div{
  background:linear-gradient(135deg,#061525,#0b2748);
  color:#fff;
  border-radius:16px;
  padding:16px;
  box-shadow:0 10px 24px rgba(6,21,37,.14);
}
.stockHero b{display:block;font-size:24px}
.stockHero span{display:block;color:#dbeafe;font-size:12px;margin-top:3px}
.stockMinus{color:#b91c1c;font-weight:900}
.stockPlus{color:#166534;font-weight:900}
.materialWarningRow,.machineLoad{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding:11px 0;
  border-bottom:1px solid #e5e7eb;
}
.materialWarningRow span,.machineLoad span{display:block;color:#64748b;font-size:12px;margin-top:2px}
.machineLoad>div:last-child{text-align:right}
.stockActionStatus{margin-top:8px}
.materialAreaInfo{
  background:#eff6ff;
  border:1px solid #bfdbfe;
  border-radius:10px;
  padding:9px 11px;
  margin:10px 0;
  color:#1e3a8a;
}
@media(max-width:900px){.stockHero{grid-template-columns:1fr 1fr}}
@media(max-width:550px){.stockHero{grid-template-columns:1fr}}

/* 1.8.0 Produktionsplanering */
.planningBoard{display:grid;grid-template-columns:repeat(8,minmax(250px,1fr));gap:12px;overflow-x:auto;padding-bottom:12px}
.planningColumn{background:#eef3f8;border:1px solid #d7e0eb;border-radius:16px;padding:10px;min-height:360px}
.planningColumn>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.planningColumn>header h3{margin:0}.planningColumn>header span{background:#dbe4ef;border-radius:999px;padding:3px 8px;font-weight:900}
.planCard{background:#fff;border:1px solid #dbe4ef;border-radius:14px;padding:12px;margin-bottom:10px;box-shadow:0 6px 16px rgba(15,23,42,.07)}
.planCard.late{border:2px solid #dc2626}
.planCardTop{display:flex;justify-content:space-between;gap:8px}.planCard h4{margin:9px 0 4px}.planCard p{margin:0 0 8px}
.planMeta{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#64748b;border-top:1px solid #e5e7eb;padding-top:8px}
.planActions{display:flex;gap:6px;margin-top:9px}.planActions button{flex:1}
.planningEmpty{text-align:center;color:#94a3b8;padding:30px 8px}
.quickSteps{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:10px}
@media(max-width:900px){.planningBoard{grid-template-columns:repeat(8,270px)}}

/* 1.8.1a Artikel Hotfix */
.fieldHelp{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;margin-left:4px;border-radius:50%;background:#0b74de;color:#fff;font-size:11px;font-weight:900;cursor:help}
.pricingExample{margin-top:12px;padding:10px 12px;border:1px solid #bfdbfe;border-radius:10px;background:#eff6ff;color:#1e3a8a;line-height:1.45}
.arHeader small{display:block;margin-top:5px;color:#64748b}
\n/* 1.9.0 Prismotor */
.autoPricingBox{border:1px solid #bbf7d0;background:#ecfdf5;border-radius:12px;padding:11px 12px;margin-bottom:12px}.autoPricingBox label{display:flex;align-items:center;gap:8px;font-weight:900;color:#166534}.autoPricingBox input{width:auto;min-height:0}.autoPricingBox p{margin:5px 0 0;color:#166534}.priceTestTable{margin-top:12px;max-width:440px}input[type="range"]{padding:0;min-height:34px}.arBlock input:disabled{background:#eef2f7;color:#64748b}\n
/* 2.0.0 Kalkylmotor */
.calcSummaryCards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}
.calcSummaryCards>div{background:#fff;border:1px solid #dbe4ef;border-radius:14px;padding:14px}
.calcSummaryCards span{display:block;color:#64748b;font-size:11px;text-transform:uppercase;font-weight:800}
.calcSummaryCards b{display:block;margin-top:4px;font-size:22px}
.calcSummaryCards .good{background:#ecfdf5;border-color:#bbf7d0;color:#166534}
.calcSummaryCards .warn{background:#fff7ed;border-color:#fed7aa;color:#9a3412}
.calcSummaryCards .bad{background:#fef2f2;border-color:#fecaca;color:#991b1b}
.calcSectionHeader{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}
.calcSectionHeader h2{margin:0}.calcSectionHeader p{margin:3px 0 0}
.calcAlternatives,.calcBreakdown,.calcPriceGuide{margin-top:18px}
.priceGuideGrid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.priceGuideGrid>div{padding:11px;border:1px solid #dbe4ef;border-radius:11px;background:#f8fafc}
.priceGuideGrid span{display:block;color:#64748b;font-size:11px}
.priceGuideGrid b{display:block;margin-top:4px}
@media(max-width:1000px){.calcSummaryCards{grid-template-columns:1fr 1fr}.priceGuideGrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.calcSummaryCards{grid-template-columns:1fr}.priceGuideGrid{grid-template-columns:1fr 1fr}}

/* 2.0.1 Kalkylkontroll */
.calcControlPanel{margin-top:18px}.controlGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-bottom:13px}.controlGrid>div{padding:11px;border:1px solid #dbe4ef;border-radius:11px;background:#f8fafc}.controlGrid span,.zelosoCompare span{display:block;font-size:10px;text-transform:uppercase;color:#64748b;font-weight:800}.controlGrid b,.zelosoCompare b{display:block;margin-top:4px}.minimumChargeCheck{display:flex;align-items:center;gap:8px;margin:10px 0}.minimumChargeCheck input{width:auto;min-height:0}.zelosoTargetRow{max-width:380px;margin-top:12px}.zelosoCompare{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px;padding:11px;border-radius:12px}.zelosoCompare>div{padding:9px;border-radius:9px;background:rgba(255,255,255,.65)}.zelosoCompare.match{background:#dcfce7;border:1px solid #86efac}.zelosoCompare.near{background:#fff7ed;border:1px solid #fdba74}.zelosoCompare.off{background:#fef2f2;border:1px solid #fca5a5}@media(max-width:950px){.controlGrid{grid-template-columns:1fr 1fr}.zelosoCompare{grid-template-columns:1fr}}@media(max-width:550px){.controlGrid{grid-template-columns:1fr}}

/* 2.0.2 Materialåtgång & Spill */
.materialUsagePanel{margin-top:18px}
.usageExplain{
  margin:10px 0 12px;
  padding:10px 12px;
  border:1px solid #cbd5e1;
  background:#f8fafc;
  border-radius:10px;
  color:#334155;
}

/* 2.0.3 Maskinmotor */
.machineEnginePanel{margin-top:18px}
.machineKpis{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:14px}
.machineKpis>div{padding:11px;border:1px solid #dbe4ef;border-radius:11px;background:#f8fafc}
.machineKpis span{display:block;font-size:10px;text-transform:uppercase;color:#64748b;font-weight:800}
.machineKpis b{display:block;margin-top:4px}
.machineTimeline{margin:12px 0}
.timelineRow{display:grid;grid-template-columns:120px 1fr 80px;gap:10px;align-items:center;margin:8px 0}
.timelineRow>div{height:13px;border-radius:999px;background:#e2e8f0;overflow:hidden}
.timelineRow i{display:block;height:100%;background:#0b74de;border-radius:999px}
.timelineRow b{text-align:right}
@media(max-width:850px){.machineKpis{grid-template-columns:1fr 1fr}.timelineRow{grid-template-columns:90px 1fr 65px}}
@media(max-width:520px){.machineKpis{grid-template-columns:1fr}}

/* 2.0.4 Arbetskostnad & Startkostnader */
.laborStartPanel{margin-top:18px}
.laborKpis{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:14px}
.laborKpis>div{padding:11px;border:1px solid #dbe4ef;border-radius:11px;background:#f8fafc}
.laborKpis span{display:block;font-size:10px;text-transform:uppercase;color:#64748b;font-weight:800}
.laborKpis b{display:block;margin-top:4px}
@media(max-width:850px){.laborKpis{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.laborKpis{grid-template-columns:1fr}}

/* 2.1.0 Zeloso Match */
.zelosoMatchPanel{margin-top:18px}
.zelosoMatchKpis{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:14px}
.zelosoMatchKpis>div{padding:11px;border:1px solid #dbe4ef;border-radius:11px;background:#f8fafc}
.zelosoMatchKpis span{display:block;font-size:10px;text-transform:uppercase;color:#64748b;font-weight:800}
.zelosoMatchKpis b{display:block;margin-top:4px}
.zelosoMatchActions{display:flex;gap:8px;margin-top:10px}
.zelosoMatchNote{color:#64748b;font-size:12px;margin-top:8px}
@media(max-width:850px){.zelosoMatchKpis{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.zelosoMatchKpis{grid-template-columns:1fr}.zelosoMatchActions{flex-direction:column}}

/* 2.2.0 Zeloso Kalibrerad */
.zelosoCalibrationPanel{margin-top:18px;border:1px solid #93c5fd;background:linear-gradient(180deg,#eff6ff,#fff)}
.calibratedBadge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#0b74de;color:#fff;font-weight:900;font-size:11px}
.calibratedGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}
.calibratedGrid>div{padding:11px;border:1px solid #bfdbfe;border-radius:11px;background:#fff}
.calibratedGrid span{display:block;font-size:10px;text-transform:uppercase;color:#64748b;font-weight:800}
.calibratedGrid b{display:block;margin-top:3px;font-size:18px}
.calibratedGrid small{display:block;margin-top:4px;color:#64748b}
.calibrationRule{margin:12px 0 0;padding:10px;border-radius:9px;background:#dbeafe;color:#1e3a8a}
@media(max-width:1050px){.calibratedGrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.calibratedGrid{grid-template-columns:1fr 1fr}}