.medication-row { display: grid; grid-template-columns: minmax(175px,.8fr) 92px minmax(120px,.45fr) minmax(240px,1.25fr) 34px; gap: 9px; align-items: end; padding: 12px; margin-bottom: 9px; border-radius: 9px; background: #f4f8f7; }
.medication-row .field { margin: 0; }
.medication-row textarea { min-height: 42px; resize: vertical; }
#medication-fields .field-header > div { min-width: 0; }
#medication-fields .field-header label, #medication-fields .field-header small { display: block; }
#medication-fields .field-header small { margin-top: 3px; line-height: 1.35; }
.remove-medication { height: 42px; border: 0; background: transparent; color: #9a5555; font-size: 18px; }
.medication-safety-note { margin-top: 10px; padding: 10px 12px; border-left: 3px solid #e1a326; border-radius: 6px; background: #fff8e8; color: #6f5a2c; font-size: 11px; }
.medication-catalog-lookup { position: relative; }
.medication-catalog-results { position: absolute; z-index: 85; top: calc(100% - 14px); left: 0; right: 0; max-height: 280px; overflow: auto; padding: 5px; border: 1px solid #bfd4d1; border-radius: 9px; background: #fff; box-shadow: 0 14px 35px rgba(7,68,65,.2); }
.medication-catalog-results button { display: flex; width: 100%; justify-content: space-between; gap: 12px; padding: 10px; border: 0; border-radius: 7px; background: #fff; text-align: left; color: #183033; }
.medication-catalog-results button:hover, .medication-catalog-results button.active { background: #e8f5f3; }
.medication-catalog-results em { color: #087d78; font-size: 10px; font-style: normal; }
.medication-catalog-empty { padding: 12px; color: #687c7a; font-size: 11px; }
.medication-catalog-status { min-height: 14px; color: #087d78!important; }
.document-content .medication-item { margin: 0 0 5%; padding: 0 0 3% 3%; border-left: 2px solid #172c56; text-transform: none; break-inside: avoid; }
.document-content .medication-preview-name { margin-bottom: 2%; color: #111a2e; font-weight: 750; letter-spacing: .15px; text-transform: uppercase; }
.document-content .medication-preview-quantity { margin: -1% 0 2%; color: #283b55; line-height: 1.35; }
.document-content .medication-preview-label { margin-bottom: .8%; color: #53647b; font-size: .78em; font-weight: 700; letter-spacing: .25px; text-transform: uppercase; }
.document-content .medication-preview-instructions { line-height: 1.48; overflow-wrap: anywhere; }
@media(max-width:1100px){.medication-row{grid-template-columns:minmax(180px,1fr) 92px minmax(130px,.6fr) 34px}.medication-instructions-field{grid-column:1/4}.medication-row>.remove-medication{grid-column:4;grid-row:2}}
@media(max-width:760px){.medication-row{grid-template-columns:1fr 1fr 34px}.medication-name-field,.medication-instructions-field{grid-column:1/3}.medication-row>.remove-medication{grid-column:3;grid-row:3}.medication-quantity-field{grid-column:1}.medication-unit-field{grid-column:2}}