:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#17232b;background:#edf4f3}*{box-sizing:border-box}body{margin:0}.shell{max-width:980px;margin:auto;padding:20px}header,.staffbar,.row{display:flex;align-items:center;gap:12px;justify-content:space-between}header{justify-content:flex-start;margin-bottom:20px}.mark{width:44px;height:44px;border-radius:8px;background:#087f73;color:white;display:grid;place-items:center;font-weight:800}header span,.staffbar span{display:block;color:#607078;font-size:.9rem}.card{background:white;border:1px solid #d5e0df;border-radius:8px;padding:18px;margin:14px 0;box-shadow:0 2px 8px #183b3520}h1,h2{margin:0 0 14px}h1{font-size:1.45rem}h2{font-size:1.05rem}label{display:grid;gap:6px;margin:10px 0;font-size:.9rem}input,select,button{font:inherit;min-height:44px;border-radius:6px;border:1px solid #b9c9c7;padding:9px 11px}button{background:#087f73;color:white;border:0;font-weight:700;cursor:pointer}.secondary{background:white;color:#27383f;border:1px solid #b9c9c7}.centre{text-align:center}.eyebrow{text-transform:uppercase;font-size:.75rem;color:#61777a}.state{font-size:2rem;display:block;margin:8px}.primary-action{width:min(100%,360px);min-height:62px;font-size:1.2rem}.primary-action:disabled{opacity:.45}.status{color:#52676b;min-height:20px}.privacy{font-size:.8rem;color:#66787b}.timeline article{padding:10px 0;border-bottom:1px solid #e5eceb}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.metrics article{background:white;border:1px solid #d5e0df;border-radius:8px;padding:14px}.metrics strong{display:block;font-size:1.6rem}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid #e5eceb}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.check{display:flex;align-items:center}.check input{min-height:auto}.device-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e5eceb}@media(max-width:650px){.shell{padding:12px}.metrics,.grid{grid-template-columns:1fr 1fr}.row{align-items:stretch;flex-direction:column}.row input{width:100%}}@media(max-width:420px){.metrics,.grid{grid-template-columns:1fr}}
