.ext-shell{--ext-ink:#17324d;--ext-blue:#176b87;--ext-mist:#edf7fa;max-width:1480px;margin:0 auto;padding:24px;color:var(--ext-ink)}
.ext-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:30px 34px;border:1px solid #cfe5ec;border-radius:28px;background:linear-gradient(120deg,#fafdff,#eaf7fa);box-shadow:0 16px 40px rgba(26,94,121,.09)}
.ext-kicker{font-size:.7rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#1683a4}.ext-hero h1{font-size:clamp(1.8rem,3vw,3rem);margin:4px 0}.ext-hero p,.ext-list-head p{margin:0;color:#61798d}
.ext-primary,.ext-quiet,.ext-record button{border:0;border-radius:14px;padding:11px 16px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:7px}.ext-primary{color:#fff;background:#176b87;box-shadow:0 9px 20px rgba(23,107,135,.22)}.ext-quiet,.ext-record button{background:#edf5f8;color:#315b70}
.ext-workspace{margin-top:18px;border:1px solid #cfe0e7;border-radius:24px;background:#fff;padding:18px}.ext-workspace[hidden]{display:none!important}.ext-casebar{display:flex;gap:12px;align-items:end;flex-wrap:wrap;padding:13px;border-radius:16px;background:#f3f8fa}.ext-casebar label{display:grid;gap:5px;font-size:.72rem;font-weight:850;min-width:180px;flex:1}.ext-casebar input,.ext-casebar select,.ext-list-head input{border:1px solid #cadde4;border-radius:11px;padding:10px;background:#fff;color:#17324d}.ext-clinical-form{padding-top:16px}
.ext-list-head{margin:28px 3px 12px;display:flex;align-items:end;justify-content:space-between}.ext-list-head h2{margin:0}.ext-list-head input{width:min(340px,100%)}.ext-records{display:grid;gap:10px}.ext-record{display:grid;grid-template-columns:minmax(220px,1fr) 1fr auto;gap:16px;align-items:center;padding:16px 18px;border:1px solid #dbe8ed;border-radius:17px;background:#fff}.ext-record h3{margin:3px 0}.ext-record p{margin:0;color:#728697;font-size:.82rem}.ext-date{color:#1683a4;font-size:.7rem;font-weight:900}.ext-tags{display:flex;gap:5px;flex-wrap:wrap}.ext-tags span{padding:5px 8px;border-radius:999px;background:#edf7fa;color:#31687b;font-size:.68rem;font-weight:800;text-transform:capitalize}.ext-empty{text-align:center;padding:55px;border:1px dashed #bcd7e0;border-radius:20px;color:#728697}.ext-empty span{display:block;font-size:2.7rem;color:#3a91aa}.ext-empty b{color:#27475a}
@media(max-width:760px){.ext-shell{padding:12px}.ext-hero{align-items:flex-start;padding:22px;flex-direction:column}.ext-record{grid-template-columns:1fr}.ext-casebar>*{width:100%}.ext-list-head{align-items:stretch;flex-direction:column;gap:10px}.ext-list-head input{width:100%}}