body{font-family:Inter,system-ui,Arial,sans-serif;background:#f4f7fb;margin:0;color:#18253a}
.wrap{max-width:900px;margin:20px auto;padding:0 12px}
header{background:#17305c;color:#fff;padding:16px;border-radius:10px;margin-bottom:12px}
header h1{margin:0 0 4px}
header p{margin:0;opacity:.9}
.card{background:#fff;border:1px solid #d7deea;border-radius:10px;padding:14px}
label{display:flex;flex-direction:column;gap:5px;font-size:13px;color:#4a5b78}
select,input{padding:8px;border:1px solid #ccd6e7;border-radius:8px}
.grid{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:10px;margin-top:10px}
.actions{display:flex;gap:8px;margin-top:10px}
button{padding:8px 12px;border:none;border-radius:8px;background:#2353a4;color:#fff;cursor:pointer}
button.secondary{background:#e7eefb;color:#143467}
.result{margin-top:12px;padding:10px;border:1px solid #cfe0ff;background:#f7fbff;border-radius:8px;min-height:24px;white-space:pre-line}
.note{display:block;margin-top:8px;color:#61718f}
.warn{color:#b14a00;font-weight:600}
@media(max-width:700px){.grid{grid-template-columns:1fr}}
.cardR{display:grid;gap:6px}
.n{margin-top:8px;padding:6px 8px;border-radius:6px}
.n.warn{background:#fff1dd;color:#9a5500;font-weight:700}
.n.ok{background:#e8f7ee;color:#1a7a46}
h3{margin:0 0 10px;color:#1a315f}
.ref-wrap{overflow:auto}
.ref-table{width:100%;border-collapse:collapse;font-size:12px}
.ref-table th,.ref-table td{border:1px solid #d8e1f1;padding:7px 8px;text-align:left;vertical-align:top}
.ref-table th{background:#eef4ff}
.cardR{display:grid;gap:6px}
.n{margin-top:8px;padding:6px 8px;border-radius:6px}
.n.warn{background:#fff1dd;color:#9a5500;font-weight:700}
.n.ok{background:#e8f7ee;color:#1a7a46}
.grid.pedi{grid-template-columns:repeat(3,minmax(150px,1fr))}
.grid.pedi label[data-id='poids'],
.grid.pedi label[data-id='unit'],
.grid.pedi label[data-id='dose'],
.grid.pedi label[data-id='concMode'],
.grid.pedi label[data-id='conc']{grid-column:auto}
@media(max-width:900px){.grid.pedi{grid-template-columns:repeat(2,minmax(150px,1fr))}}
@media(max-width:700px){.grid.pedi{grid-template-columns:1fr}}
.copy-preview{margin-top:10px;padding:10px;border:1px dashed #c8d8f4;background:#f5f9ff;border-radius:8px;font-size:12px;color:#274472}