
:root{--bg:#f7f8fa;--card:#fff;--ink:#0b1220;--muted:#64748b;--border:#e5e7eb;--accent:#2563eb}
*{box-sizing:border-box}
.rxpm-container{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);max-width:980px;margin:24px auto;padding:0 12px}
.rxpm-card{background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:0 10px 24px rgba(15,23,42,.06);overflow:hidden}
.rxpm-header{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:10px}
.rxpm-header .title{font-weight:800}
.rxpm-actions{display:flex;gap:8px;flex-wrap:wrap}
.rxpm-btn{appearance:none;border:1px solid var(--border);background:#fff;padding:8px 12px;border-radius:10px;cursor:pointer;font-size:14px}
.rxpm-btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}
.rxpm-body{padding:16px;display:grid;gap:16px}
.rxpm-section{border:1px dashed var(--border);border-radius:12px;padding:12px;background:#fff}
.rxpm-collapsible{padding:0}
.rxpm-collapsible summary{cursor:pointer;list-style:none;padding:12px 12px;display:flex;align-items:center;gap:8px;font-weight:700;border-bottom:1px dashed var(--border)}
.rxpm-collapsible summary::-webkit-details-marker{display:none}
.rxpm-caret{transition:transform .2s ease;display:inline-block}
details:not([open]) .rxpm-caret{transform:rotate(0deg)}
details[open] .rxpm-caret{transform:rotate(90deg)}
.rxpm-collapsible .rxpm-cnt{padding:12px}
.rxpm-field{display:grid;gap:6px}
.rxpm-input,.rxpm-select,.rxpm-textarea{width:100%;border:1px solid var(--border);border-radius:10px;padding:10px 12px;background:#fff;font-size:14px}
.rxpm-textarea{min-height:72px}
.rxpm-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:900px){.rxpm-grid-2{grid-template-columns:1fr}}
.rxpm-table-wrap{border:1px solid var(--border);border-radius:10px;overflow:auto}
.rxpm-table{width:100%;border-collapse:collapse;min-width:820px}
.rxpm-table th,.rxpm-table td{border-bottom:1px solid var(--border);padding:8px;text-align:left;font-size:13px;vertical-align:top}
.rxpm-table th{background:#f9fafb;font-weight:600}
.rxpm-pill{background:#eef2ff;color:#3730a3;border:1px solid #e0e7ff;border-radius:999px;font-size:12px;padding:3px 8px}
.rxpm-chip{border:1px solid var(--border);background:#fff;border-radius:999px;padding:6px 10px;font-size:12px;cursor:pointer}
.rxpm-chip:hover{background:#f8fafc}
.rxpm-rtl{direction:rtl;text-align:right;font-family:"Noto Nastaliq Urdu","Noto Naskh Arabic","Jameel Noori Nastaleeq","Mehr Nastaliq","Scheherazade New",Arial,sans-serif;line-height:1.9}
.rxpm-mini-btn{border:none;background:transparent;cursor:pointer;font-size:12px;padding:2px 4px;color:#475569}
.rxpm-mini-btn:hover{color:#0f172a}
.rxpm-muted{color:#6b7280;font-size:12px}
.rxpm-patient-summary{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;margin:6px 0 10px}
.no-print{}
/* Output section: remove slider / wrapping */
#printArea .rxpm-table-wrap{overflow:visible}
#printArea .rxpm-table{min-width:0;table-layout:fixed;width:100%}
#printArea .rxpm-table th,#printArea .rxpm-table td{white-space:normal;word-break:break-word}
@media print{.no-print{display:none!important}.rxpm-card,.rxpm-section,.rxpm-table-wrap{box-shadow:none;border:none}@page{size:A4;margin:12mm}}
@media print{
  .rxpm-collapsible summary{display:none}
  .rxpm-collapsible .rxpm-cnt{padding:0}
  body.rxpm-print-isolated *{ visibility: hidden !important; }
  body.rxpm-print-isolated.rxpm-target-printArea #printArea,
  body.rxpm-print-isolated.rxpm-target-printArea #printArea *{ visibility: visible !important; }
  body.rxpm-print-isolated.rxpm-target-printArea #printArea{ position:absolute; left:0; top:0; width:100%; }
  body.rxpm-print-isolated.rxpm-target-meds #medsAdvicePrint,
  body.rxpm-print-isolated.rxpm-target-meds #medsAdvicePrint *{ visibility: visible !important; }
  body.rxpm-print-isolated.rxpm-target-meds #medsAdvicePrint{ position:absolute; left:0; top:0; width:100%; display:block !important; }
}
.rxpm-presc-line1{font-weight:600}
.rxpm-presc-line1 strong{font-size:17px}
.rxpm-presc-line2{margin-top:2px;font-size:13.5px}
@media print{
  #medTablePrint tr, #medsAdvicePrint tr { page-break-inside: avoid; }
  #medTablePrint td, #medsAdvicePrint td { padding:6px 8px; }
}

/* v1.6.5: Ensure no horizontal scrollbars in output sections */
#printArea, #medsAdvicePrint { overflow-x: hidden; }
#printArea .rxpm-table-wrap, #medsAdvicePrint .rxpm-table-wrap { overflow: visible !important; }
#printArea .rxpm-table, #medsAdvicePrint .rxpm-table { min-width: 0 !important; width: 100% !important; table-layout: fixed !important; }
#printArea .rxpm-table th, #printArea .rxpm-table td,
#medsAdvicePrint .rxpm-table th, #medsAdvicePrint .rxpm-table td { white-space: normal !important; word-break: break-word !important; }

/* ===== UI Refresh v1.7.0 ===== */
:root{
  --bg:#f7f8fb; --card:#ffffff; --ink:#0b1220; --muted:#5b6b83; --border:#e6e8ef; --accent:#2563eb;
  --btn-bg:#ffffff; --btn-ink:#0b1220; --btn-border:#e6e8ef;
  --chip-bg:#f1f5ff; --chip-ink:#243a8f; --chip-border:#dfe6ff;
}
#rxpm.rxpm-dark{
  --bg:#0f172a; --card:#0b1220; --ink:#e5e7eb; --muted:#94a3b8; --border:#1f2937; --accent:#60a5fa;
  --btn-bg:#111827; --btn-ink:#e5e7eb; --btn-border:#253044;
  --chip-bg:#0b1933; --chip-ink:#93c5fd; --chip-border:#1e3a8a;
}
.rxpm-container{background:linear-gradient(180deg, rgba(99,102,241,0.06), rgba(99,102,241,0.00));}
.rxpm-card{border-radius:16px}
.rxpm-header{background:linear-gradient(90deg, rgba(37,99,235,0.08), rgba(37,99,235,0.00)); backdrop-filter:saturate(1.2) blur(2px)}
.rxpm-header .title{display:flex;align-items:center;gap:10px}
.rxpm-pill{background:rgba(37,99,235,0.1); border-color:rgba(37,99,235,0.25)}
.rxpm-actions .rxpm-btn{background:var(--btn-bg);color:var(--btn-ink);border-color:var(--btn-border)}
.rxpm-btn{display:inline-flex;align-items:center;gap:8px;transition:transform .04s ease, box-shadow .15s ease}
.rxpm-btn:hover{box-shadow:0 6px 16px rgba(15,23,42,.12)}
.rxpm-btn:active{transform:translateY(1px)}
.rxpm-btn.primary{box-shadow:0 10px 20px rgba(37,99,235,.18)}
.rxpm-chip{background:var(--chip-bg);color:var(--chip-ink);border-color:var(--chip-border)}
.rxpm-section{border-radius:14px}
.rxpm-input,.rxpm-select,.rxpm-textarea{border-radius:12px;background:linear-gradient(180deg,#fff, #f9fafc);}
#rxpm.rxpm-dark .rxpm-input,#rxpm.rxpm-dark .rxpm-select,#rxpm.rxpm-dark .rxpm-textarea{background:linear-gradient(180deg,#0e1726,#0b1220)}

/* Sticky header */
.rxpm-sticky{position:sticky; top:0; z-index:40}

/* Output toolbar (print only the table, hide toolbar on print) */
.rxpm-output-toolbar{
  display:flex; justify-content:flex-end; gap:8px; position:sticky; top:0; z-index:30;
  background:linear-gradient(180deg, var(--card), rgba(255,255,255,0.7)); padding:8px; border-radius:10px; border:1px solid var(--border);
}
@media print { .rxpm-output-toolbar{display:none!important} }

/* Table rows hover */
.rxpm-table tbody tr:hover{background:rgba(37,99,235,0.05)}

/* R/x badge */
#medTablePrint thead th:last-child::before,
#medsAdvicePrint thead th:last-child::before{
  content:"℞"; font-weight:800; margin-right:6px; color:var(--accent);
}

/* Iconic mini buttons */
.rxpm-mini-btn{border-radius:8px;padding:2px 6px;border:1px solid var(--border);background:var(--btn-bg)}
.rxpm-mini-btn:hover{background:rgba(37,99,235,0.06)}

/* Dark mode adjustments */
#rxpm.rxpm-dark .rxpm-card{box-shadow:0 10px 24px rgba(0,0,0,.25)}
#rxpm.rxpm-dark .rxpm-btn.primary{box-shadow:0 10px 24px rgba(96,165,250,.18)}

/* Headings polish */
.rxpm-section h3{margin:0 0 8px 0; font-size:16px; font-weight:800; letter-spacing:0.2px}

/* v1.7.2 font bump */
.rxpm-presc-line1{font-size:15px}
