.app-header .header-inner{padding:28px 24px 24px;max-width:800px;margin:0 auto}
h1{font-size:clamp(20px,4vw,26px);margin:5px 0 4px}

.content{max-width:800px;margin:0 auto;padding:28px 24px 64px}
@media(max-width:600px){.content{padding:16px 16px 48px}}

.panel{background:var(--surface);border-radius:var(--r);padding:20px 22px;box-shadow:var(--sh);margin-bottom:18px}
.panel-label{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--purple);font-weight:600;margin-bottom:14px}

.input-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px 18px;margin-bottom:14px}
.field{display:flex;flex-direction:column;gap:5px}
.field-label{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);font-weight:600}
.field select,.field input[type=number]{font-family:'IBM Plex Mono',monospace;font-size:15px;font-weight:600;width:100%;padding:8px 12px;border:1.5px solid var(--line);border-radius:var(--r-sm);background:var(--bg);color:var(--ink)}
.field select:focus,.field input:focus{outline:2px solid var(--purple);outline-offset:1px;border-color:var(--purple)}

.dose-row{display:flex;align-items:center;gap:8px}
.dose-row input{flex:1}
.unit-label{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--ink-muted);white-space:nowrap}

.mme-display{background:var(--bg);border-radius:var(--r-sm);padding:14px 18px;border:1.5px solid var(--line)}
.mme-placeholder{font-family:'IBM Plex Mono',monospace;font-size:20px;color:var(--line)}
.mme-row{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.mme-num{font-family:'IBM Plex Mono',monospace;font-size:36px;font-weight:600;color:var(--ink);line-height:1}
.mme-num.ok{color:var(--ok)}
.mme-num.warn{color:var(--warn)}
.mme-num.risk{color:var(--risk)}
.mme-label{font-size:13px;font-weight:700;color:var(--ink-soft)}
.mme-flag{display:inline-block;margin-top:6px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:4px}
.mme-flag.warn{background:var(--warn-soft);color:#92400E}
.mme-flag.risk{background:var(--risk-soft);color:#7f1d1d}

.conv-result{background:var(--bg);border-radius:var(--r-sm);padding:14px 18px;border:1.5px solid var(--line)}
.conv-drug{font-weight:700;font-size:15px;margin-bottom:6px}
.conv-dose{font-family:'IBM Plex Mono',monospace;font-size:22px;font-weight:600;color:var(--ink)}
.conv-detail{font-size:12px;color:var(--ink-soft);margin-top:6px;line-height:1.55}
.conv-warning{font-size:12px;font-weight:600;color:var(--warn);margin-top:8px;padding:6px 10px;background:var(--warn-soft);border-radius:4px}

.ref-table-wrap{background:var(--surface);border-radius:var(--r);padding:18px 22px;box-shadow:var(--sh);margin-bottom:18px;overflow-x:auto}
.ref-table-label{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--purple);font-weight:600;margin-bottom:12px}
.ref-table{width:100%;border-collapse:collapse;font-size:12.5px}
.ref-table th{font-family:'IBM Plex Mono',monospace;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);font-weight:600;padding:4px 10px 8px;text-align:left;border-bottom:1.5px solid var(--line)}
.ref-table td{padding:7px 10px;border-bottom:1px solid var(--line);color:var(--ink-soft);line-height:1.4}
.ref-table td:first-child{color:var(--ink);font-weight:600}
.ref-table td.mono{font-family:'IBM Plex Mono',monospace;font-size:11.5px;font-weight:600;color:var(--ink)}
.ref-table tr:last-child td{border-bottom:none}
.ref-table tr.warn-row td{background:var(--warn-soft)}
.ref-table tr.special td{color:var(--ink-muted);font-style:italic}

.disclaimer-box{font-size:11.5px;color:var(--ink-soft);line-height:1.65;padding:14px 18px;background:var(--surface);border-radius:var(--r-sm);box-shadow:var(--sh);border-left:3px solid var(--warn)}
.disclaimer-box strong{color:var(--ink)}