@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
:root{--text:#0c0c0d;--muted:#6a6f79;--line:#e6e7ea;--bg:#fff;--radius:18px;--shadow:0 10px 30px rgba(0,0,0,.06)}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui;background:var(--bg);color:var(--text)}
.siteHeader{border-bottom:1px solid var(--line)}
.bar{max-width:1200px;margin:0 auto;padding:22px 18px}
.logo{font-weight:700;font-size:18px}
.tag{font-size:12px;color:var(--muted)}
.wrap{max-width:1200px;margin:0 auto;padding:18px;display:flex;flex-direction:column;gap:18px}
.card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff}
.hd{padding:18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px}
.bd{padding:18px}
.title{font-weight:600;font-size:14px}
.sub{font-size:12px;color:var(--muted)}
.pill{padding:6px 10px;border-radius:999px;background:#0c0c0d;color:#fff;font-size:12px;white-space:nowrap}
.pill.light{background:#fff;color:var(--text);border:1px solid var(--line)}
.summaryGrid{display:grid;grid-template-columns:1fr 1fr auto;gap:14px}
@media(max-width:900px){.summaryGrid{grid-template-columns:1fr}}
.kpi{border:1px solid var(--line);border-radius:14px;padding:16px}
.lbl{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.val{font-size:28px;font-weight:700;margin-top:8px}
.val.sm{font-size:18px}
.range,.meta{margin-top:8px;font-size:12px;color:var(--muted)}
.actions{display:flex;gap:10px;align-items:stretch;justify-content:flex-end}
@media(max-width:900px){.actions{justify-content:flex-start}}
button{padding:10px 14px;border-radius:12px;border:1px solid var(--line);background:#fff;cursor:pointer; margin-top:10px; margin-bottom:10px}
button.primary{background:#0c0c0d;color:#fff;border-color:#0c0c0d}
.tbl{width:100%;border-collapse:collapse}
.tbl th,.tbl td{padding:10px;border-bottom:1px solid var(--line);font-size:13px;vertical-align:middle}
.tbl th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.right{text-align:right}
.strong{font-weight:700}
input,select,textarea{width:100%;padding:8px;border-radius:10px;border:1px solid var(--line);font-family:inherit; margin-top:10px; margin-bottom:10px}
textarea{min-height:38px;resize:vertical}
.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
@media(max-width:900px){.grid3{grid-template-columns:1fr}}
.box{border:1px solid var(--line);border-radius:14px;padding:12px}
.label{font-size:12px;color:var(--muted);color:#ab2328}
.fixed{font-weight:600;margin-top:6px}
.metaSmall{font-size:11px;color:var(--muted);margin-top:6px}
.accordionToggle{cursor:pointer;user-select:none}
.accordion:not(.open) .accordionBody{display:none}
.rowAdd{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px;align-items:end;margin-bottom:10px}
@media(max-width:900px){.rowAdd{grid-template-columns:1fr}}
.hint{font-size:12px;color:var(--muted);align-self:center}
.smallBtn{padding:8px 10px;border-radius:10px}
.iconBtn{padding:6px 10px;border-radius:10px;border:1px solid var(--line);background:#fff}


.titleRow{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px}
.hdrRight{display:flex;align-items:center;gap:10px}
.chev{font-size:16px;line-height:1;opacity:.7;transform:rotate(0deg);transition:transform .15s ease}
.accordion.open .chev{transform:rotate(90deg)}
.statusDot{width:8px;height:8px;border-radius:999px;display:inline-block;background:#d11}
.statusDot.green{background:#1a9b3f}
@media print{
  .actions{display:none !important}
  .accordion .accordionBody{display:block !important}
  .chev{display:none !important}
  .card{box-shadow:none}
}

h5{margin:22px 0 10px;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}

label {
  display: block;
  font-size: 11px;          /* adjust size here */
  font-weight: 500;         /* lighter than headings */
  letter-spacing: 0.02em;
  color: var(--muted); 
  margin-top:10px;          /* muted grey */
}

@media print{ .printHide{display:none !important} }


.innerCard{
  border:1px solid var(--line);
  border-radius:14px;
  background:#fff;
  overflow:hidden;
  margin-top:14px;
}
.innerHd{
  padding:12px 14px;
  border-bottom:1px solid var(--line);
  background:rgba(0,0,0,.02);
}
.innerHd h5{margin:0;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.innerBd{padding:14px}
.accordionBody .innerCard:first-child{margin-top:0}