/* ============================================================
   Meds (Drug Sense) — light re-skin
   Scoped under .meds-content (the #view content wrapper) so the
   engine's render output adopts the Post Op light design language.
   Tokens (--bs-primary, --po-dark-blue, etc.) come from styles.css;
   nothing here redefines them. The source's dark navy/glass palette
   is discarded entirely.
   ============================================================ */

/* ---------- shell: section tabs (global .po-tabs rule) + export ---------- */
/* The underline tab bar uses the app-wide .po-tabs/.po-tab pattern in
   styles.css. Here the shell row carries the full-width 2px baseline so it
   spans under the Export button too; the tabs' own baseline is suppressed and
   the active tab's 4px underline overlaps the shared baseline. */
.meds-content .shell-row{
  display:flex;align-items:flex-end;justify-content:space-between;gap:16px;
  margin-bottom:22px;border-bottom:2px solid #dee2e6;
}
.meds-content .shell-row .po-tabs{border-bottom:none;min-width:0;}
.meds-content .shell-row .shell-right{display:flex;align-items:flex-end;gap:18px;flex:0 0 auto;}
.meds-content .export-btn{flex:0 0 auto;margin-bottom:8px;}
/* tooltip on/off toggle (reuses the app .switch from patient-detail.css) */
.meds-content .tips-toggle{display:inline-flex;align-items:center;gap:9px;margin-bottom:6px;cursor:pointer;user-select:none;}
.meds-content .tips-toggle .tt-label{font-size:13px;font-weight:600;color:#798599;white-space:nowrap;}
/* when tooltips are disabled, hide the info icons (bubbles are suppressed in JS) */
body.tips-off .meds-content .meds-info,
body.tips-off .meds-modal .meds-info{display:none;}

/* ---------- page head (title + primary action) ---------- */
.meds-content .top{
  display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:0 0 18px;
}
.meds-content .top h1{font-size:22px;font-weight:700;color:#1f2e99;margin:0;letter-spacing:-.01em;}
.meds-content .top p{color:#798599;font-size:13px;margin:4px 0 0;max-width:560px;}

/* ---------- buttons ---------- */
.meds-content .btn{font-weight:600;border-radius:24px;}
.meds-content .btn.btn-sm{border-radius:15px;font-size:13px;}
.meds-content .btn-ghost{
  --bs-btn-color:#5e37ef;--bs-btn-bg:transparent;--bs-btn-border-color:#e8e9ed;
  --bs-btn-hover-color:#5e37ef;--bs-btn-hover-bg:#f5f0fe;--bs-btn-hover-border-color:#e8e9ed;
  --bs-btn-active-bg:#f5f0fe;--bs-btn-active-border-color:#e8e9ed;
}
.meds-content .btn-rm{
  --bs-btn-color:#c1180c;--bs-btn-bg:transparent;--bs-btn-border-color:#e8e9ed;
  --bs-btn-hover-color:#c1180c;--bs-btn-hover-bg:#ffecec;--bs-btn-hover-border-color:#ffcecb;
}
.meds-content .btn i{vertical-align:-1px;}

/* ---------- KPI cards ---------- */
.meds-content .kpi{position:relative;border-radius:18px;background:#fff;}
.meds-content .kpi .k-head{display:flex;align-items:center;gap:12px;margin-bottom:14px;}
.meds-content .kpi .k-icon{width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:20px;line-height:1;}
.meds-content .kpi .k-icon.k-ic-violet{background:#efeaff;color:#5E37EF;}
.meds-content .kpi .k-icon.k-ic-red{background:#ffecec;color:#ef3737;}
.meds-content .kpi .k-icon.k-ic-amber{background:#fff0ec;color:#FE5935;}
.meds-content .kpi .k-icon.k-ic-blue{background:#e7f1ff;color:#07f;}
.meds-content .kpi .k-t{font-size:15px;font-weight:700;color:#1f2e99;}
.meds-content .kpi .k-v{font-size:32px;font-weight:700;color:#1f2e99;line-height:1.1;margin:0 0 2px;letter-spacing:-.02em;}
.meds-content .kpi .k-s{font-size:13px;font-weight:400;color:#acb4bc;}
.meds-content .dot{width:9px;height:9px;border-radius:50%;display:inline-block;background:#5E37EF;}
.meds-content .dot.s-red{background:#ef3737;}
.meds-content .dot.s-amber{background:#FE5935;}
.meds-content .dot.s-blue{background:#07f;}
.meds-content .dot.s-green{background:#00683c;}
.meds-content .dot.s-grey{background:#9aa3af;}
.meds-content .yc-reason{color:#798599;font-style:italic;}

/* ---------- card + header ---------- */
.meds-content .card-po{background:#fff;border-radius:15px;overflow:hidden;}
.meds-content .card-po .card-hd{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:18px 22px;border-bottom:1px solid #e8e9ed;
}
.meds-content .card-po .card-hd .h{font-size:18px;font-weight:700;color:#1f2e99;}
.meds-content .card-po .card-hd .c{font-size:13px;color:#81868b;font-weight:400;}
.meds-content .card-po .card-bd{padding:18px 22px;display:flex;flex-direction:column;gap:10px;}
.meds-content .card-po .card-bd.flush{padding:0;}
.meds-content .empty{color:#81868b;font-size:13px;text-align:center;padding:22px 8px;}
.meds-content .hint{color:#81868b;font-size:12px;}

/* ---------- alert rows ---------- */
.meds-content .alert-row{
  display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e8e9ed;
  border-radius:11px;padding:12px 14px;position:relative;overflow:hidden;
}
.meds-content .alert-row .stripe{position:absolute;left:0;top:0;bottom:0;width:3px;}
.meds-content .alert-row .stripe.s-red{background:#ef3737;}
.meds-content .alert-row .stripe.s-amber{background:#FE5935;}
.meds-content .alert-row .stripe.s-blue{background:#07f;}
.meds-content .alert-row .stripe.s-green{background:#00683c;}
.meds-content .alert-row .ic{
  width:32px;height:32px;border-radius:9px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;font-size:16px;
}
.meds-content .alert-row .ic.t-red{background:#ffecec;color:#ef3737;}
.meds-content .alert-row .ic.t-amber{background:#fff4d6;color:#b8860b;}
.meds-content .alert-row .ic.t-blue{background:#e7f1ff;color:#07f;}
.meds-content .alert-row .ic.t-green{background:#bfffc5;color:#00683c;}
.meds-content .alert-row .txt{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1;}
.meds-content .alert-row .txt b{font-size:13px;font-weight:700;color:#1f2e99;}
.meds-content .alert-row .txt span{font-size:12px;color:#81868b;}
.meds-content .alert-row .right{display:flex;align-items:center;gap:8px;flex-shrink:0;}
.meds-content .tag{
  font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;
  padding:4px 9px;border-radius:7px;
}
.meds-content .tag.t-red{background:#ffcecb;color:#c1180c;}
.meds-content .tag.t-amber{background:#ffe586;color:#745b00;}
.meds-content .tag.t-blue{background:#e7f1ff;color:#07f;}
.meds-content .tag.t-green{background:#bfffc5;color:#00683c;}
/* generic status chip — no longer used by meds.html; consumed by coding.html + hospital-admin.html */
.meds-content .conf{
  font-size:11px;font-weight:700;padding:4px 9px;border-radius:7px;
  background:#f1f3f6;color:#798599;border:1px solid #e8e9ed;white-space:nowrap;
}
.meds-content .conf.c-high{background:#ffecec;color:#c1180c;border-color:transparent;}
.meds-content .conf.c-med{background:#fff4d6;color:#745b00;border-color:transparent;}
.meds-content .conf.c-low{background:#f1f3f6;color:#798599;}

/* ---------- medicine sub-cards ---------- */
.meds-content .med{
  display:flex;align-items:flex-start;justify-content:space-between;gap:14px;
  background:#fff;border:1px solid #e8e9ed;border-radius:11px;padding:15px 16px;
}
.meds-content .med .hd{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;}
.meds-content .med .hd b{font-size:15px;font-weight:600;color:#1f2e99;}
.meds-content .med .cls{font-size:11px;color:#798599;text-transform:uppercase;letter-spacing:.04em;}
.meds-content .med .tri{color:#FE5935;font-size:11px;font-weight:700;}
.meds-content .med .dose{font-size:13px;color:#81868b;margin:5px 0 9px;}
.meds-content .med .dose b{color:#1f2e99;}
.meds-content .med .actions{display:flex;gap:8px;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end;}

/* ---------- chips ---------- */
.meds-content .chips{display:flex;flex-wrap:wrap;gap:6px;}
.meds-content .chip{
  font-size:11px;font-weight:500;padding:5px 10px;border-radius:8px;
  background:#f1f3f6;border:1px solid #e8e9ed;color:#798599;
}
.meds-content .chip.crit{background:#ffcecb;color:#c1180c;border-color:transparent;}
.meds-content .chip.warn{background:#ffe586;color:#745b00;border-color:transparent;}

/* ---------- module tables ---------- */
.meds-content table.po-table{width:100%;border-collapse:collapse;}
.meds-content table.po-table th{
  text-align:left;font-size:11px;font-weight:700;color:#798599;text-transform:uppercase;
  letter-spacing:.04em;padding:13px 18px;border-bottom:1px solid #e8e9ed;white-space:nowrap;
}
.meds-content table.po-table td{
  padding:14px 18px;border-bottom:1px solid #e8e9ed;font-size:13px;color:#212529;vertical-align:middle;
}
.meds-content table.po-table tr:last-child td{border-bottom:none;}
.meds-content table.po-table td b{color:#1f2e99;}
.meds-content table.po-table .empty{border-bottom:none;}

/* ---------- status / flag pills ---------- */
.meds-content .pill{
  display:inline-flex;align-items:center;padding:4px 12px;border-radius:14px;
  font-size:11px;font-weight:700;
}
.meds-content .pill.t-red{background:#ffcecb;color:#c1180c;}
.meds-content .pill.t-amber{background:#ffe586;color:#745b00;}
.meds-content .pill.t-blue{background:#e7f1ff;color:#07f;}
.meds-content .pill.t-green{background:#bfffc5;color:#00683c;}
.meds-content .yc-cell{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#212529;}
.meds-content .no-baseline{color:#FE5935;}

/* ---------- trend chart (UC-22) ---------- */
.meds-content .trend-card{margin-bottom:18px;}
.meds-content #trendChart{width:100%;height:240px;}
.meds-content .trend-legend{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:#81868b;padding:0 22px 14px;}
.meds-content .trend-legend .lg{display:inline-flex;align-items:center;gap:6px;}
.meds-content .trend-legend .sw{width:12px;height:12px;border-radius:3px;display:inline-block;}
.meds-content .trend-legend .sw.g{background:rgba(0,104,60,.18);}
.meds-content .trend-legend .sw.a{background:rgba(254,89,53,.18);}
.meds-content .trend-legend .sw.r{background:rgba(239,55,55,.18);}
.meds-content .trend-legend .sw.line{background:#1f2e99;}

/* ============================================================
   Modals (Bootstrap 5.3.3 .modal, restyled light)
   ============================================================ */
.meds-modal .modal-content{border-radius:12px;border:none;}
.meds-modal .modal-header{border-bottom:1px solid #e8e9ed;align-items:flex-start;padding:20px 22px;}
.meds-modal .modal-header .m-title{font-size:20px;font-weight:700;color:#1f2e99;line-height:1.25;}
.meds-modal .modal-header .m-sub{font-size:12px;color:#81868b;margin-top:3px;}
/* Close button — exact original asset: 32px grey #F2F2F2 circle + dark-blue #1F2E99 × */
.meds-modal .modal-header .btn-close{
  width:32px;height:32px;flex:0 0 32px;padding:0;margin:0 0 0 auto;opacity:1;border-radius:50%;box-shadow:none;
  background:transparent url("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='16'%20cy='16'%20r='16'%20fill='%23F2F2F2'/%3e%3cpath%20d='M21.3385%2010.668L10.6719%2021.3346'%20stroke='%231F2E99'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M10.6719%2010.668L21.3385%2021.3346'%20stroke='%231F2E99'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e") center/32px 32px no-repeat;
}
.meds-modal .modal-header .btn-close:hover{opacity:.85;}
.meds-modal .modal-header .btn-close:focus{box-shadow:none;outline:none;}
/* live dm+d search results list */
.meds-modal .dmd-hint{font-size:13px;color:#798599;padding:10px 2px;}
.meds-modal .dmd-results-head{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#798599;margin:4px 0 8px;}
.meds-modal .dmd-results{display:flex;flex-direction:column;gap:6px;max-height:260px;overflow-y:auto;}
.meds-modal .dmd-result{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;
  background:#fafbfc;border:1px solid #dfe1e6;border-radius:10px;padding:10px 12px;cursor:pointer;}
.meds-modal .dmd-result:hover{background:#f5f0fe;border-color:#5E37EF;}
.meds-modal .dmd-result .dr-name{font-size:13px;color:#1f2e99;font-weight:600;}
.meds-modal .dmd-result .dr-code{font-size:11px;color:#798599;white-space:nowrap;}
.meds-modal .modal-body{padding:20px 22px;display:flex;flex-direction:column;gap:14px;}
.meds-modal .modal-footer{border-top:1px solid #e8e9ed;padding:16px 22px;justify-content:flex-end;gap:10px;}
.meds-modal .modal-footer.split{justify-content:space-between;}

.meds-modal .form-label.modal-label{font-size:13px;color:#798599;font-weight:400;margin-bottom:5px;}
.meds-modal .form-control,
.meds-modal .form-select{background:#fafbfc;border:1px solid #dfe1e6;border-radius:12px;padding:11px 14px;font-size:13px;color:#212529;}
.meds-modal .form-control:focus,
.meds-modal .form-select:focus{border-color:#5E37EF;box-shadow:none;}

/* Footer primary CTA: solid orange pill (matches original global modal) */
.meds-modal .modal-footer .btn-primary{
  background:#FE5935;border-color:#FE5935;color:#fff;
  font-size:15px;font-weight:400;border-radius:24px;padding:6px 24px;
}
.meds-modal .modal-footer .btn-primary:hover,
.meds-modal .modal-footer .btn-primary:focus,
.meds-modal .modal-footer .btn-primary:active{
  background:#e44f2e;border-color:#e44f2e;color:#fff;
}

/* Light grey backdrop (only meds modals exist on this page) */
.modal-backdrop.show{background-color:#e8e8e8;opacity:.8;}
.meds-modal textarea.form-control{min-height:78px;resize:vertical;}

.meds-modal .note{
  background:#e7f1ff;border:1px solid #cfe2ff;border-radius:10px;
  padding:11px 13px;font-size:12px;color:#07f;
}
.meds-modal .subhead{
  font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;
  color:#798599;margin-top:6px;
}
.meds-modal .field-hint{font-size:12px;color:#81868b;margin:-2px 0 8px;line-height:1.4;}
/* allergy coding indicator — concept-screened vs name-only */
.al-coded{color:#1e7a46;font-size:11px;vertical-align:1px;}
.al-text{color:#b07d1a;font-size:11px;vertical-align:1px;}
.meds-modal .form-control::placeholder{color:#b3b8c2;}
.meds-modal .lookup{display:flex;gap:10px;align-items:flex-end;}
.meds-modal .lookup .lk-field{flex:1;}
.meds-modal .formbox{background:#f7f8fb;border:1px solid #e8e9ed;border-radius:10px;padding:13px;}
.meds-modal .formbox .ft{font-size:12px;font-weight:700;color:#00683c;margin-bottom:8px;}
.meds-modal .formbox dl{display:grid;grid-template-columns:auto 1fr;gap:5px 14px;font-size:13px;margin:0;}
.meds-modal .formbox dt{color:#798599;font-weight:600;}
.meds-modal .formbox dd{color:#1f2e99;margin:0;}
.meds-modal .srcbar{
  display:inline-flex;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;
  padding:4px 10px;border-radius:7px;margin-bottom:10px;
}
.meds-modal .src-live{background:#bfffc5;color:#00683c;}
.meds-modal .src-cache{background:#e7f1ff;color:#07f;}
.meds-modal .src-manual{background:#ffe586;color:#745b00;}

.meds-modal .monhead,
.meds-modal .monedit{display:grid;grid-template-columns:1.5fr .75fr .62fr .62fr .78fr .62fr 28px;gap:7px;align-items:center;}
/* critical cell packs a direction select and the threshold value into one grid column */
.meds-modal .redcell{display:flex;gap:4px;align-items:center;min-width:0;}
.meds-modal .redcell .form-select{flex:0 0 42px;width:42px;border-radius:8px;padding:6px 4px 6px 7px;font-size:12px;background-position:right 4px center;}
.meds-modal .redcell .form-control{flex:1 1 auto;min-width:0;}
.meds-modal .monhead{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:#798599;margin:8px 0 4px;padding:0 2px;}
.meds-modal .monedit{margin-bottom:6px;}
.meds-modal .monedit .form-control{border-radius:8px;padding:6px 9px;font-size:12px;}
.meds-modal .monedit .rm{
  background:#ffcecb;color:#c1180c;border:none;border-radius:7px;height:32px;
  cursor:pointer;font-size:15px;line-height:1;display:flex;align-items:center;justify-content:center;
}

.meds-modal .flagsel{display:flex;gap:8px;}
.meds-modal .flagsel button{
  flex:1;padding:9px;border-radius:9px;border:1px solid #e8e9ed;background:#fff;
  color:#798599;font-weight:700;font-size:12px;cursor:pointer;
}
.meds-modal .flagsel button.g.on{background:#bfffc5;color:#00683c;border-color:#00683c;}
.meds-modal .flagsel button.a.on{background:#ffe586;color:#745b00;border-color:#745b00;}
.meds-modal .flagsel button.r.on{background:#ffcecb;color:#c1180c;border-color:#c1180c;}

.meds-modal .spin{
  display:inline-block;width:13px;height:13px;border:2px solid #e8e9ed;border-top-color:#5E37EF;
  border-radius:50%;animation:meds-sp .7s linear infinite;vertical-align:-2px;
}
@keyframes meds-sp{to{transform:rotate(360deg);}}
@media(prefers-reduced-motion:reduce){.meds-modal .spin{animation-duration:.001ms;}}

/* ============================================================
   Medication review — clinician-recorded outcome + recency
   ============================================================ */
.meds-content .chip.rv-chip{font-weight:700;}
.meds-content .chip.rv-chip.rv-green{background:#bfffc5;color:#00683c;border-color:transparent;}
.meds-content .chip.rv-chip.rv-amber{background:#ffe586;color:#745b00;border-color:transparent;}
.meds-content .chip.rv-chip.rv-red{background:#ffcecb;color:#c1180c;border-color:transparent;}
.meds-content .chip.rv-chip.rv-blue{background:#e6ecff;color:#1f2e99;border-color:transparent;}
/* last-review summary block on the medicine card */
.meds-content .rv-last{display:flex;flex-direction:column;gap:2px;margin-top:10px;padding-top:9px;border-top:1px solid #e8e9ed;}
.meds-content .rv-lbl{font-size:11px;font-weight:600;color:#798599;text-transform:uppercase;letter-spacing:.04em;}
.meds-content .rv-val{font-size:13px;font-weight:600;color:#1f2e99;}
.meds-content .rv-note{font-size:13px;color:#5c6672;line-height:1.45;}
/* editable chip lists (allergies / conditions / contraindications) */
.meds-content .chip-x{margin-left:6px;border:0;background:none;padding:0;line-height:1;color:inherit;opacity:.55;cursor:pointer;font-size:12px;}
.meds-content .chip-x:hover{opacity:1;}
.meds-content .chip-add{display:flex;gap:8px;align-items:center;margin-top:12px;}
.meds-content .chip-add input{flex:1 1 auto;min-width:0;height:34px;border:1px solid #d3dae1;border-radius:8px;padding:0 10px;font-size:13px;font-family:inherit;color:#212529;background:#fff;}
.meds-content .chip-add input:focus{outline:none;border-color:#5E37EF;box-shadow:0 0 0 3px rgba(94,55,239,.12);}

/* safety-flag checkboxes + editable chip lists inside the add-medicine modal */
.meds-modal .flagrow{display:flex;flex-direction:column;gap:8px;margin:2px 0 4px;}
.meds-modal .flagchk{display:flex;align-items:flex-start;gap:9px;font-size:13px;color:#212529;line-height:1.4;cursor:pointer;}
.meds-modal .flagchk input{margin-top:2px;width:15px;height:15px;accent-color:#5E37EF;flex:0 0 auto;cursor:pointer;}
/* chips were only ever scoped to .meds-content, so the modal's contraindication,
   caution and side-effect lists rendered as run-together text. Mirror them here. */
.meds-modal .chips{display:flex;flex-wrap:wrap;gap:6px;}
.meds-modal .chip{
  display:inline-flex;align-items:center;font-size:12px;font-weight:600;color:#5c6672;
  background:#f1f3f6;border:1px solid #e8e9ed;border-radius:8px;padding:4px 9px;
}
.meds-modal .chip.crit{background:#ffcecb;color:#c1180c;border-color:transparent;}
.meds-modal .chip.warn{background:#ffe586;color:#745b00;border-color:transparent;}
.meds-modal .chip-x{margin-left:6px;border:0;background:none;padding:0;line-height:1;color:inherit;opacity:.55;cursor:pointer;font-size:11px;}
.meds-modal .chip-x:hover{opacity:1;}
.meds-modal .chip-add{display:flex;gap:8px;align-items:center;margin-top:10px;}
.meds-modal .chip-add input{flex:1 1 auto;min-width:0;height:32px;border:1px solid #d3dae1;border-radius:8px;padding:0 10px;font-size:12px;font-family:inherit;color:#212529;background:#fff;}
.meds-modal .chip-add input:focus{outline:none;border-color:#5E37EF;box-shadow:0 0 0 3px rgba(94,55,239,.12);}

/* ============================================================
   Feature 3 — Richer Trends (biomarker selector, mirrors .flagsel)
   ============================================================ */
.meds-content .trend-seg{display:flex;gap:6px;flex-wrap:wrap;margin-left:auto;}
.meds-content .trend-seg-btn{
  padding:6px 12px;border-radius:999px;border:1px solid #e8e9ed;background:#fff;
  color:#798599;font-weight:600;font-size:12px;cursor:pointer;line-height:1;white-space:nowrap;
}
.meds-content .trend-seg-btn:hover{background:#f5f0fe;color:#5E37EF;border-color:#e0d6ff;}
.meds-content .trend-seg-btn.on{background:#efeaff;color:#5E37EF;border-color:#5E37EF;}

/* ============================================================
   Feature 4 — dm+d enrichment (detail modal + verify chip)
   ============================================================ */
.meds-content .chip.chip-act{
  background:#efeaff;color:#5E37EF;border-color:#d8ccff;cursor:pointer;font-weight:600;
}
.meds-content .chip.chip-act:hover{background:#5E37EF;color:#fff;border-color:#5E37EF;}
.meds-content .chip.chip-act i{vertical-align:-1px;}
.meds-modal .dmd-detail{display:flex;flex-direction:column;gap:0;border:1px solid #e8e9ed;border-radius:10px;overflow:hidden;}
.meds-modal .dd-row{display:grid;grid-template-columns:150px 1fr;gap:14px;padding:11px 14px;background:#fafbfc;border-bottom:1px solid #eef1f4;}
.meds-modal .dd-row:nth-child(even){background:#fff;}
.meds-modal .dd-row:last-child{border-bottom:none;}
.meds-modal .dd-k{font-size:12px;font-weight:700;color:#798599;text-transform:uppercase;letter-spacing:.03em;}
.meds-modal .dd-v{font-size:13px;color:#1f2e99;}
.meds-modal .dd-v .dd-strength{color:#5E37EF;font-weight:600;}
.meds-modal .dmd-offline{
  background:#fff4d6;border:1px solid #ffe586;border-radius:10px;
  padding:12px 14px;font-size:13px;color:#745b00;
}

/* ============================================================
   Transient toast (dm+d verify feedback)
   ============================================================ */
.meds-toast-host{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:2000;
  display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none;}
.meds-toast{background:#1f2e99;color:#fff;font-size:13px;font-weight:500;font-family:Lato,system-ui,sans-serif;
  padding:11px 18px;border-radius:24px;box-shadow:0 6px 22px rgba(31,46,153,.28);
  opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease;max-width:90vw;}
.meds-toast.show{opacity:1;transform:translateY(0);}
@media(prefers-reduced-motion:reduce){.meds-toast{transition-duration:.001ms;}}

/* ============================================================
   Information tooltips (titles - actions - modals - tabs)
   Delegated controller; bubble is body-appended so card
   overflow:hidden never clips it.
   ============================================================ */

.meds-info{
  font-size:13px;line-height:1;color:#acb4bc;cursor:help;
  vertical-align:-1px;margin-left:5px;
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:50%;transition:color .15s ease;
}
.meds-info:hover,
.meds-info:focus{color:#5E37EF;outline:none;}
.meds-info:focus-visible{outline:2px solid #5E37EF;outline-offset:2px;}

.meds-content table.po-table th .meds-info,
.meds-modal .subhead .meds-info,
.meds-content .card-po .card-hd .h .meds-info{vertical-align:-1px;}

.meds-content [data-tip].btn,
.meds-modal [data-tip].btn,
.meds-content .po-tab[data-tip]{cursor:pointer;}

.meds-tip{
  position:fixed;z-index:2147483000;
  max-width:280px;
  background:#1f2e99;color:#fff;
  font-family:Lato,system-ui,sans-serif;
  font-size:12px;font-weight:400;line-height:1.45;
  padding:9px 12px;border-radius:10px;
  box-shadow:0 6px 22px rgba(31,46,153,.28);
  pointer-events:none;
  opacity:0;transform:translateY(4px);
  transition:opacity .14s ease,transform .14s ease;
  left:-9999px;top:-9999px;
}
.meds-tip.show{opacity:1;transform:translateY(0);}
.meds-tip b{color:#fff;font-weight:700;}
.meds-tip::after{
  content:"";position:absolute;left:var(--arrow-x,50%);
  width:0;height:0;border:6px solid transparent;transform:translateX(-50%);
}
.meds-tip.pos-bottom::after{top:-12px;border-bottom-color:#1f2e99;}
.meds-tip.pos-top::after{bottom:-12px;border-top-color:#1f2e99;}

@media (prefers-reduced-motion:reduce){
  .meds-info{transition:none;}
  .meds-tip{transition:none;transform:none;}
  .meds-tip.show{transform:none;}
}