:root {
  --bg: #080a0f;
  --surface: #10141d;
  --surface-2: #181d29;
  --surface-3: #222938;
  --border: rgba(255,255,255,0.06);
  --border-2: rgba(255,255,255,0.12);
  --text: #94a3b8;
  --text-strong: #f8fafc;
  --muted: #475569;
  --teal: #2dd4bf;
  --teal-dim: rgba(45,212,191,0.1);
  --blue: #3b82ff;
  --blue-glow: 0 0 24px rgba(59,130,246,0.2);
  --radius: 12px;
  --radius-lg: 16px;
  --font-mono: 'JetBrains Mono', monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;width:100%}
body{overflow:hidden;background:var(--bg);color:var(--text);font-family:'Inter',system-ui,sans-serif;-webkit-font-smoothing:antialiased;font-size:13px}
button{font:inherit;cursor:pointer}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:rgba(255,255,255,0.02)}
::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.15);border-radius:99px;border:2px solid transparent;background-clip:content-box}
::-webkit-scrollbar-thumb:hover{background:var(--teal)}

/* ── HEADER ── */
.app-header{height:64px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;background:rgba(13,17,23,0.85);backdrop-filter:blur(16px) saturate(1.4);border-bottom:1px solid var(--border);position:relative;z-index:10}
.header-left{display:flex;align-items:center;gap:12px}
.logo-mark{width:36px;height:36px;display:grid;place-items:center;background:linear-gradient(135deg,var(--teal),#0d9488);border-radius:10px;color:#fff;box-shadow:var(--glow);flex-shrink:0}
.brand h1{font-size:16px;font-weight:800;color:var(--text-strong);letter-spacing:-0.02em}
.brand .subtitle{font-size:11px;color:var(--muted);font-weight:500}

.hospital-selector{display:flex;align-items:center;gap:10px;padding:8px 16px;background:var(--surface-2);border:1px solid var(--border-2);border-radius:100px;margin-left:auto;margin-right:16px;box-shadow:0 2px 10px rgba(0,0,0,0.2);transition:all 0.2s ease}
.hospital-selector:hover{border-color:var(--blue);background:var(--surface-3)}
.hospital-selector select{background:transparent;border:none;color:var(--text-strong);font-size:12px;font-weight:700;cursor:pointer;outline:none;appearance:none;padding-right:24px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23f8fafc' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4.5l3 3 3-3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right center}
.hospital-selector select option{background:var(--surface-3);color:var(--text-strong);padding:10px}
.hospital-selector svg{color:var(--blue);flex-shrink:0}

.header-actions{display:flex;align-items:center;gap:10px}
.status-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:99px;font-size:11px;font-weight:600;color:var(--teal);background:var(--teal-dim);border:1px solid rgba(45,212,191,0.2)}
.status-pill span{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 6px var(--teal);animation:pulse-dot 2s ease infinite}
@keyframes pulse-dot{0%,100%{opacity:1}50%{opacity:0.4}}

.theme-toggle{width:34px;height:34px;display:grid;place-items:center;background:var(--surface-3);border:1px solid var(--border);border-radius:8px;color:var(--text-strong);transition:all .2s}
.theme-toggle:hover{background:var(--surface-2);border-color:var(--border-2)}
.theme-toggle svg{width:16px;height:16px}

/* ── BUTTONS ── */
.btn{min-height:34px;padding:0 14px;border:1px solid transparent;border-radius:8px;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;transition:all .2s ease}
.btn:disabled{opacity:0.4;cursor:not-allowed;transform:none!important}
.btn-glow{color:#021a19;background:linear-gradient(135deg,var(--teal),#14b8a6);border:none;box-shadow:0 0 16px rgba(45,212,191,0.25)}
.btn-glow:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 24px rgba(45,212,191,0.4)}
.btn-secondary{color:var(--text-strong);background:var(--surface-3);border:1px solid var(--border-2)}
.btn-secondary:hover:not(:disabled){background:var(--surface-2);border-color:rgba(255,255,255,0.18)}

.compliance-badges {
  display: flex;
  gap: 8px;
  margin-left: 20px;
}

.badge {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  background: var(--surface-2);
  border: 1px solid var(--border);
  border-radius: 100px;
  font-size: 10px;
  font-weight: 600;
  color: var(--text);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.badge-eu {
  border-color: rgba(59, 130, 246, 0.3);
  background: rgba(59, 130, 246, 0.05);
}

.badge-safe {
  border-color: rgba(45, 212, 191, 0.3);
  background: rgba(45, 212, 191, 0.05);
}

.badge .icon {
  font-size: 12px;
}

.app-shell {
  display: flex;
  height: calc(100vh - 64px);
  overflow: hidden;
  background: var(--bg);
}

.worklist {
  width: 320px;
  display: flex;
  flex-direction: column;
  background: var(--surface);
  border-right: 1px solid var(--border);
  flex-shrink: 0;
}

.worklist-top {
  padding: 16px;
  flex-shrink: 0;
}

.patient-list {
  flex: 1;
  overflow-y: auto;
  padding: 0 12px 20px;
}

.dashboard-main {
  flex: 1;
  display: flex;
  flex-direction: column;
  height: 100vh;
  overflow: hidden;
}

.app-header {
  height: 64px;
  flex-shrink: 0;
  padding: 0 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--surface);
  border-bottom: 1px solid var(--border);
}

.dashboard-content {
  flex: 1;
  overflow-y: auto;
  padding: 24px;
}

/* ── SEARCH ── */
.search-bar{margin:0 12px 8px;display:flex;align-items:center;gap:8px;padding:7px 10px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;color:var(--muted);transition:border-color .2s}
.search-bar:focus-within{border-color:rgba(45,212,191,0.4)}
.search-bar input{flex:1;background:none;border:none;outline:none;color:var(--text);font-size:12px;font-family:inherit}
.search-bar input::placeholder{color:var(--muted)}

/* ── SOURCE SUMMARY ── */
.source-summary{margin:0 12px 10px;padding:8px 10px;display:flex;align-items:center;gap:8px;background:rgba(45,212,191,0.05);border:1px solid rgba(45,212,191,0.12);border-radius:8px;font-size:11px;color:rgba(45,212,191,0.8)}
.source-summary span{flex:1}

/* ── PATIENT LIST ── */
.patient-list{flex:1;min-height:0;padding:0 12px 20px;overflow-y:auto}
.patient-card{width:100%;margin:0 0 10px;padding:16px;text-align:left;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;transition:all .2s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden}
.patient-card:hover{background:var(--surface-2);border-color:var(--border-2);transform:translateX(4px)}
.patient-card.active{background:var(--surface-2);border-color:var(--teal);box-shadow:inset 4px 0 0 var(--teal)}
.patient-card:has(.urgent), .patient-card:has(.critical) { animation: urgent-pulse 2.5s infinite; }
@keyframes urgent-pulse { 0%, 100% { border-color: transparent; } 50% { border-color: rgba(239, 68, 68, 0.3); box-shadow: inset 0 0 10px rgba(239, 68, 68, 0.1); } }
.patient-card-main{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;position:relative;z-index:1}
.patient-name{color:var(--text-strong);font-size:13px;font-weight:700}
.patient-meta{color:var(--muted);font-size:11px;margin-top:1px}
.mini-stats{margin-top:8px;display:flex;gap:4px;position:relative;z-index:1}
.mini-stats span{padding:4px 8px;font-size:10px;font-weight:600;color:var(--muted);background:rgba(255,255,255,0.04);border:1px solid var(--border);border-radius:6px}
.rationale{margin-top:8px;font-size:11px;line-height:1.45;color:var(--muted);position:relative;z-index:1}
.priority-badge{padding:4px 8px;border-radius:6px;font-size:10px;font-weight:700;border:1px solid transparent;white-space:nowrap}
.priority-badge.large{padding:6px 10px;font-size:11px}
.priority-badge.normal{color:#86efac;background:rgba(34,197,94,0.1);border-color:rgba(34,197,94,0.2)}
.priority-badge.routine{color:#fde68a;background:rgba(245,158,11,0.1);border-color:rgba(245,158,11,0.2)}
.priority-badge.urgent{color:#fca5a5;background:rgba(239,68,68,0.1);border-color:rgba(239,68,68,0.25)}
.priority-badge.critical{color:#fff;background:#f85149;border-color:#f85149}

/* ── SKELETON ── */
.skeleton-loader{display:grid;gap:8px;padding:4px}
.skeleton-card{height:72px;border-radius:var(--radius);background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shimmer 1.5s ease infinite}
@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}

/* ── CONTENT ── */
.content{flex:1;display:flex;flex-direction:column;background:var(--bg);position:relative}
.content-header{min-height:58px;padding:12px 20px;border-bottom:1px solid var(--border);background:rgba(13,17,23,0.6);backdrop-filter:blur(8px)}
.content-title{color:var(--text-strong);font-size:16px;font-weight:800}
.content-body{flex:1;min-height:0;overflow:hidden;padding:0}

.empty-state{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;background:radial-gradient(circle at center, rgba(45,212,191,0.05), transparent)}
.empty-hero{width:80px;height:80px;background:var(--surface-2);border:1px solid var(--border);border-radius:24px;display:grid;place-items:center;color:var(--teal);margin-bottom:24px;box-shadow:var(--blue-glow)}
.empty-state h3{font-size:22px;font-weight:800;color:var(--text-strong);margin-bottom:12px}
.empty-state p{max-width:420px;color:var(--text);line-height:1.6;margin-bottom:32px}
.empty-features{display:grid;grid-template-columns:repeat(3, 120px);gap:16px;justify-content:center}
.empty-feature{padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:12px;font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.05em}

/* ── DASHBOARD ── */
.dashboard-content {
  height: 100%;
  overflow-y: auto;
  padding: 32px 32px 64px;
  background: radial-gradient(circle at top right, rgba(45,212,191,0.03), transparent);
  display: flex;
  flex-direction: column;
}

.case-header-integrated {
  flex-shrink: 0;
  margin-bottom: 24px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  border-bottom: 1px solid var(--border);
  padding-bottom: 20px;
}

.case-info-group h2 {
  font-size: 26px;
  font-weight: 800;
  color: var(--text-strong);
  letter-spacing: -0.025em;
  line-height: 1.1;
}

.case-info-group .eyebrow {
  margin-bottom: 4px;
  color: var(--teal);
  font-weight: 700;
}

.case-grid {
  display: grid;
  grid-template-columns: 360px 1fr;
  gap: 24px;
  align-items: start;
}

.card-glass {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  padding: 24px;
  box-shadow: 0 8px 32px rgba(0,0,0,0.25);
  margin-bottom: 16px;
}

.card-glass h3 {
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--muted);
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.metric-row {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px solid var(--border);
}

.metric-row:last-child { border-bottom: none; }

.metric-row span { color: var(--muted); font-size: 11px; }
.metric-row strong { color: var(--text-strong); font-size: 11px; font-family: var(--font-mono); }

.viewer-container {
  width: 100%;
  aspect-ratio: 1;
  background: #000;
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid var(--border);
  position: relative;
  box-shadow: 0 20px 50px rgba(0,0,0,0.5);
}

.viewer-container img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.viewer-overlay {
  position: absolute;
  top: 16px;
  left: 16px;
  padding: 8px 12px;
  background: rgba(0,0,0,0.6);
  backdrop-filter: blur(8px);
  border-radius: 8px;
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  border: 1px solid rgba(255,255,255,0.1);
  display: flex;
  align-items: center;
  gap: 8px;
}

.viewer-overlay span {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--teal);
  box-shadow: 0 0 8px var(--teal);
}

.ai-reasoning-panel {
  margin-top: 16px;
  padding: 16px;
  background: var(--teal-dim);
  border: 1px solid rgba(45,212,191,0.2);
  border-radius: 12px;
}

.ai-reasoning-panel h4 {
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  color: var(--teal);
  margin-bottom: 8px;
}

.ai-reasoning-panel p {
  font-size: 12px;
  line-height: 1.6;
  color: var(--text-strong);
}

.activity-feed {
  max-height: 300px;
  overflow-y: auto;
  padding: 16px;
  background: rgba(0,0,0,0.2);
  border-radius: 12px;
  border: 1px solid var(--border);
}

/* ── TIMELINE ── */
.timeline{height:190px;padding:10px;overflow-y:auto;background:rgba(0,0,0,0.2);border-radius:0 0 var(--radius-lg) var(--radius-lg)}
.timeline-item{position:relative;padding:0 0 8px 18px;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;line-height:1.4;color:var(--muted)}
.timeline-item::before{content:'';position:absolute;left:0;top:4px;width:6px;height:6px;border-radius:50%;background:var(--blue)}
.timeline-item.success{color:#86efac}
.timeline-item.success::before{background:var(--green)}
.timeline-item.warning{color:#fde68a}
.timeline-item.warning::before{background:var(--amber)}
.timeline-item.muted{color:var(--muted)}

/* ── SPINNER ── */
.spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,0.15);border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* ── MODAL ── */
.modal-overlay{position:fixed;inset:0;z-index:9999;padding:20px;display:grid;place-items:center;background:rgba(0,0,0,0.75);backdrop-filter:blur(4px);animation:fade-in 0.2s ease-out}
.modal-content{width:min(820px,100%);max-height:min(720px,92vh);display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border-2);border-radius:var(--radius-lg);box-shadow:0 32px 80px rgba(0,0,0,0.6);overflow:hidden;animation:scale-in 0.3s cubic-bezier(0.16, 1, 0.3, 1)}
@keyframes fade-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes scale-in { from { opacity: 0; transform: scale(0.95) translateY(10px); } to { opacity: 1; transform: scale(1) translateY(0); } }
.modal-header{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}
.modal-footer{padding:14px 16px;display:flex;align-items:center;justify-content:flex-end;gap:10px;border-top:1px solid var(--border)}
.modal-header h2{font-size:16px;font-weight:800;color:var(--text-strong)}
.modal-body{padding:16px;overflow-y:auto}
.modal-note{margin-bottom:12px}
.modal-metrics{grid-template-columns:repeat(3,1fr);margin-bottom:12px}
.task-banner{margin-bottom:16px;padding:12px 16px;display:flex;align-items:center;gap:14px;background:var(--surface-2);border:1px solid var(--border);border-left:4px solid var(--blue);border-radius:8px}
.task-icon{font-size:20px}
.task-banner div{flex:1;display:flex;flex-direction:column;gap:2px}
.task-banner strong{font-size:12px;color:var(--text-strong)}
.task-banner span{font-size:11px;color:var(--muted);line-height:1.4}
.task-status{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:var(--blue);white-space:nowrap}

.peer-review-banner{margin-bottom:12px;padding:10px 14px;display:flex;align-items:center;gap:12px;border-radius:8px;border:1px solid var(--border)}
.peer-review-banner.confirmed{background:rgba(34,197,94,0.08);border-color:rgba(34,197,94,0.3);color:var(--text)}
.peer-review-banner.review{background:rgba(245,158,11,0.08);border-color:rgba(245,158,11,0.3);color:var(--text)}
.banner-icon{font-size:18px}
.banner-content{display:flex;flex-direction:column;gap:2px}
.banner-content strong{font-size:11px;color:var(--text-strong);text-transform:uppercase;letter-spacing:0.02em}
.banner-content span{font-size:11px;color:var(--muted);font-style:italic}

.xai-box{margin-bottom:16px;padding:14px;background:var(--blue-glow);border:1px solid rgba(59,130,246,0.2);border-radius:8px}
.xai-header{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;text-transform:uppercase;color:var(--blue);margin-bottom:8px}
.xai-box p{font-size:12px;line-height:1.6;color:var(--text)}

.report-box{padding:14px;color:var(--text);background:rgba(0,0,0,0.3);border:1px solid var(--border);border-radius:8px;font-size:12px;line-height:1.65}
.report-box.secondary{background:rgba(255,255,255,0.02);color:var(--muted)}
.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.column-header{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:var(--muted);margin-bottom:8px}
.icon-btn{width:30px;height:30px;padding:0;display:grid;place-items:center;color:var(--text-strong);background:var(--surface-3);border:1px solid var(--border);border-radius:8px;font-weight:800;font-size:14px}
.icon-btn:hover{background:var(--surface-2)}
.image-modal{overflow:auto}
.image-modal img{max-width:min(96vw,1200px);max-height:92vh;object-fit:contain;background:#030508;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 32px 100px rgba(0,0,0,0.8)}
.icon-btn.floating{position:fixed;top:16px;right:16px}

/* ── RESPONSIVE ── */
@media(max-width:760px){
  body{overflow:auto}
  .app-header{height:auto;flex-direction:column;gap:10px;padding:12px 16px}
  .header-actions{width:100%;justify-content:space-between}
  .app-shell{height:auto;min-height:calc(100vh - 100px);grid-template-columns:1fr}
  .worklist{max-height:380px;border-right:0;border-bottom:1px solid var(--border)}
  .content-body{padding:12px}
  .metric-grid,.modal-metrics{grid-template-columns:1fr}
}

/* ── CLINICAL REPORT MODAL ── */
.report-modal {
  max-width: 960px !important;
  max-height: 94vh !important;
}

.report-meta {
  display: flex;
  gap: 24px;
  margin-bottom: 24px;
  padding: 16px;
  background: rgba(0,0,0,0.2);
  border-radius: 12px;
  border: 1px solid var(--border);
}

.meta-item { font-size: 12px; color: var(--text); }
.meta-item span { color: var(--muted); margin-right: 6px; }
.status-badge { 
  padding: 3px 8px; 
  background: var(--teal-dim); 
  color: var(--teal); 
  border-radius: 4px; 
  font-weight: 800; 
  font-size: 10px;
  text-transform: uppercase;
}

.urgency-score-pill {
  display: inline-flex;
  padding: 6px 14px;
  border-radius: 100px;
  font-weight: 800;
  font-size: 12px;
  margin-bottom: 16px;
  background: rgba(45,212,191,0.1);
  border: 1px solid rgba(45,212,191,0.2);
  color: var(--teal);
}

.report-col h3 {
  font-size: 11px;
  font-weight: 800;
  color: var(--muted);
  margin-bottom: 12px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.findings-text {
  font-family: var(--font-mono);
  font-size: 12px;
  line-height: 1.6;
  color: var(--text-strong);
  white-space: pre-wrap;
  padding: 16px;
  background: rgba(0,0,0,0.2);
  border-radius: 12px;
  border: 1px solid var(--border);
}

.consensus-box {
  padding: 16px;
  border-radius: 12px;
  border: 1px solid var(--border);
  background: rgba(255,255,255,0.02);
  margin-bottom: 20px;
}

.consensus-box.confirmed { background: rgba(34,197,94,0.05); border-color: rgba(34,197,94,0.2); }
.consensus-box.confirmed .consensus-header { color: var(--teal); }

.consensus-header {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 800;
  font-size: 13px;
  margin-bottom: 8px;
  color: var(--text-strong);
}

.logo-container {
  display: flex;
  align-items: center;
  gap: 15px;
}

.app-logo {
  height: 40px;
  width: 40px;
  border-radius: 8px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.1);
  transition: transform 0.3s ease;
}

.app-logo:hover {
  transform: scale(1.1);
}

.header-content h3 {
  margin: 0;
  font-weight: 500;
  letter-spacing: 0.5px;
}

.fhir-footprint {
  padding: 16px;
  background: rgba(59,130,246,0.05);
  border-radius: 12px;
  border: 1px solid rgba(59,130,246,0.1);
}

.fhir-footprint h4 {
  font-size: 10px;
  font-weight: 800;
  color: var(--blue);
  margin-bottom: 10px;
  text-transform: uppercase;
}

.fhir-link { display: flex; justify-content: space-between; font-size: 11px; margin-bottom: 6px; }
.fhir-link span { color: var(--muted); }
.fhir-link code { color: var(--blue); font-weight: 700; }

.compliance-text { font-size: 10px; color: var(--muted); font-style: italic; }

/* ── INFRASTRUCTURE & HTA ── */
.sidebar-footer {
  padding: 16px;
  border-top: 1px solid var(--border);
  background: rgba(0,0,0,0.1);
}

.infra-status {
  margin-top: 8px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.status-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 10px;
  font-weight: 600;
  color: var(--text);
  text-transform: uppercase;
}

.dot.active {
  width: 6px;
  height: 6px;
  background: var(--teal);
  border-radius: 50%;
  box-shadow: 0 0 6px var(--teal);
}

.hta-box {
  margin-top: 20px;
  padding: 16px;
  background: rgba(45,212,191,0.03);
  border: 1px solid rgba(45,212,191,0.1);
  border-radius: 12px;
}

.hta-box h4 {
  font-size: 10px;
  font-weight: 800;
  color: var(--teal);
  margin-bottom: 12px;
  text-transform: uppercase;
}

.hta-metric {
  display: flex;
  justify-content: space-between;
  margin-bottom: 6px;
  font-size: 11px;
}
.modality-badge {
  display: inline-block;
  margin-left: 8px;
  padding: 2px 6px;
  background: rgba(59,130,246,0.1);
  color: var(--blue);
  border: 1px solid rgba(59,130,246,0.2);
  border-radius: 4px;
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
}

.hta-metric span { color: var(--muted); }
.hta-metric strong { color: var(--text-strong); }