/* Desktop medication, diagnosis and order-draft lenses.  These are local to
 * the encounter pane; the app theme supplies the palette and base buttons. */
.ec-panel { display:flex; flex-direction:column; gap:12px; max-width:1180px; margin:0 auto; }
.ec-heading { display:flex; align-items:baseline; gap:8px; flex-wrap:wrap; }
.ec-heading-title { color:var(--ink-2); font-size:13px; font-weight:600; }
.ec-heading-detail { color:var(--dimmer); font-size:10.5px; }
.ec-note { border:1px solid var(--hush); border-left:3px solid var(--teal); background:var(--panel); color:var(--dim); border-radius:7px; padding:8px 10px; font-size:11px; line-height:1.45; }
.ec-note.is-warning { border-left-color:var(--amber); color:var(--amber-ink); background:rgba(224,164,74,.07); }
.ec-summary { display:flex; flex-wrap:wrap; gap:7px; }
.ec-measure { border:1px solid var(--hush); border-radius:999px; color:var(--dim); background:var(--panel); padding:5px 9px; font:10.5px var(--mono); }
.ec-two-col { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.ec-history,.ec-inventory,.ec-diagnosis,.ec-draft-form { border:1px solid var(--hush); background:var(--panel); border-radius:9px; padding:10px; }
.ec-history { min-width:0; }
.ec-history-list,.ec-med-list { display:flex; flex-direction:column; gap:5px; margin-top:8px; }
.ec-history-row { color:var(--dim); background:rgba(255,255,255,.025); border-radius:5px; padding:6px 7px; font-size:11px; line-height:1.4; }
.ec-history-row.is-past { color:var(--dimmer); text-decoration:line-through; }
.ec-inventory-tools { display:grid; grid-template-columns:minmax(170px,1fr) auto minmax(170px,1fr); align-items:end; gap:7px; margin:8px 0; }
.ec-med-card { border:1px solid var(--hush); border-radius:7px; padding:8px; }
.ec-med-card.is-selected { border-color:rgba(79,214,200,.5); background:rgba(79,214,200,.06); }
.ec-med-top { display:flex; align-items:baseline; gap:8px; flex-wrap:wrap; }
.ec-med-name { color:var(--ink-2); font-size:12px; font-weight:500; }
.ec-code,.ec-price { color:var(--dimmer); font-size:10px; }
.ec-price { margin-left:auto; color:var(--teal); }
.ec-actions { display:flex; gap:6px; flex-wrap:wrap; margin-top:7px; }
.ec-actions .btn { min-height:29px; padding:4px 8px; font-size:10.5px; }
.ec-draft-form { display:flex; flex-direction:column; gap:8px; }
.ec-selected-name { color:var(--teal); font-size:12px; font-weight:600; }
.ec-fields-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.ec-field { display:flex; flex-direction:column; min-width:0; gap:3px; }
.ec-label { color:var(--dimmer); font:9.5px var(--mono); letter-spacing:.04em; text-transform:uppercase; }
.ec-input { box-sizing:border-box; width:100%; min-height:31px; border:1px solid var(--hush); border-radius:5px; padding:6px 7px; background:var(--panel-2,var(--panel)); color:var(--ink); font:11px var(--sans); }
.ec-input:focus { outline:1px solid var(--teal); border-color:var(--teal); }
.ec-input:disabled { opacity:.55; cursor:not-allowed; }
textarea.ec-input { min-height:54px; resize:vertical; }
@media (max-width:780px) { .ec-two-col,.ec-fields-grid { grid-template-columns:1fr; } .ec-inventory-tools { grid-template-columns:1fr; } }