:root {
  --bg-0:#040a14; --bg-1:#060d1a; --bg-2:#0a1422; --bg-3:#0f1e30; --bg-4:#1a2d44;
  --text-0:#e2e8f0; --text-1:#b0bec5; --text-2:#78909c; --text-3:#546e7a;
  --border:#1e3a5f; --border-hi:#2d5a8e;
  --teal:#0d9488; --blue:#2563eb; --ok:#16a34a; --warn:#d97706; --err:#dc2626;
  --sans:'Space Grotesk', system-ui, sans-serif;
  --mono:'JetBrains Mono', 'Courier New', monospace;
  --radius:8px; --radius-lg:12px;
  --shadow:0 10px 30px rgba(0,0,0,.22);
}

*,*::before,*::after { box-sizing:border-box; }
html, body, body.pmgr-shell {
  background:var(--bg-0) !important;
  color:var(--text-0) !important;
  margin:0;
  min-height:100vh;
}
body.pmgr-shell,
body.pmgr-shell * { font-family:var(--sans) !important; }
body.pmgr-shell > * { display:none !important; }
body.pmgr-shell > #pmgr-app,
body.pmgr-shell > #oia-app,
body.pmgr-shell > #wpadminbar { display:block !important; }

#pmgr-app { position:relative; z-index:2; }
.pmgr-wrap {
  max-width:1320px;
  margin:0 auto;
  padding:12px 14px 24px;
  min-height:100vh;
}

a { color:var(--teal); text-decoration:none; }
code { font-family:var(--mono) !important; }

.saap-crumbs {
  display:flex; align-items:center; flex-wrap:wrap; gap:2px;
  font-family:var(--mono) !important; font-size:.82rem; color:var(--text-2);
  margin-bottom:10px;
}
.saap-crumbs .c + .c::before { content:' | '; padding:0 5px; color:var(--border-hi); }
.saap-crumbs a { color:var(--teal); }

.pmgr-hero {
  display:flex; justify-content:space-between; align-items:flex-start; gap:12px;
  margin-bottom:14px;
}
.pmgr-kicker {
  margin:0 0 6px; text-transform:uppercase; letter-spacing:.15em;
  color:var(--teal); font-size:.68rem;
}
.pmgr-hero h1 { margin:0 0 4px; font-size:1.75rem; line-height:1.1; color:var(--text-0); }
.pmgr-sub { margin:0; font-size:.92rem; line-height:1.45; color:var(--text-1); max-width:58ch; }
.pmgr-disclaimer {
  font-size:.78rem; color:var(--text-2); border:1px solid var(--border);
  border-radius:var(--radius); padding:8px 12px; background:rgba(255,255,255,.02);
  margin-top:8px; max-width:60ch;
}

.pmgr-tabs {
  display:flex; gap:0; flex-wrap:nowrap; align-items:flex-end;
  padding:10px 0 0; border-bottom:2px solid var(--border);
  overflow-x:auto; scrollbar-width:none; -webkit-overflow-scrolling:touch;
}
.pmgr-tabs::-webkit-scrollbar { display:none; }
.pmgr-tab {
  background:none; border:none; border-bottom:2px solid transparent; margin-bottom:-2px;
  color:var(--text-2); padding:8px 16px; font-size:.88rem; font-weight:500;
  cursor:pointer; white-space:nowrap; transition:color .15s;
}
.pmgr-tab:hover:not(.is-active):not(.active) { color:var(--text-1); }
.pmgr-tab.is-active,
.pmgr-tab.active {
  color:var(--blue); border-bottom-color:var(--blue); font-weight:600;
}

.pmgr-bar {
  border:1px solid var(--border); border-radius:var(--radius-lg);
  background:var(--bg-1); padding:12px 14px; margin-top:14px;
}
.pmgr-row {
  display:flex; align-items:center; gap:10px; flex-wrap:wrap;
}
.pmgr-label {
  font-size:.82rem; color:var(--text-1); font-weight:600; min-width:52px;
}
.pmgr-status { color:var(--text-2); font-size:.85rem; }

.pmgr-grid-layout { display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:14px; }
.pmgr-main-col,.pmgr-side-col { min-width:0; }
.tab-panel { display:none; }
.tab-panel.is-active,.tab-panel.active { display:block; padding-top:14px; }

.pmgr-card,
.ff-card {
  background:var(--bg-2); border:1px solid var(--border); border-radius:var(--radius-lg);
  padding:14px; margin-bottom:12px; box-shadow:var(--shadow);
}
.pmgr-card h2,.pmgr-card h3,.ff-card h2,.ff-card h3 { margin:0 0 6px; color:var(--text-0); }
.pmgr-panel-head,.ff-panel-head {
  display:flex; justify-content:space-between; align-items:center; gap:10px; margin-bottom:12px;
}
.pmgr-panel-head h2,.pmgr-panel-head h3,.ff-panel-head h2,.ff-panel-head h3 { margin:0; }
.ff-help { color:var(--text-2); font-size:14px; }

.ff-input,.ff-textarea,select.ff-input {
  width:100%; background:var(--bg-1); color:var(--text-0); border:1px solid var(--border);
  border-radius:var(--radius); padding:11px 12px; outline:none;
}
.ff-input:focus,.ff-textarea:focus,select.ff-input:focus { border-color:var(--border-hi); }
.ff-textarea { min-height:120px; resize:vertical; }
.ff-label { display:block; margin-bottom:12px; }
.ff-label > span { display:block; margin-bottom:6px; color:var(--text-1); font-weight:600; }

.ff-btn {
  appearance:none; border:1px solid rgba(37,99,235,.45); background:var(--blue); color:#fff;
  padding:10px 16px; border-radius:10px; cursor:pointer; font-size:.9rem; transition:filter .15s;
}
.ff-btn:hover { filter:brightness(1.1); }
.ff-btn-ghost {
  background:transparent; color:var(--text-0); border-color:var(--border-hi);
}
.ff-btn-sm { padding:7px 11px; font-size:.82rem; }
.ff-btn:disabled { opacity:.45; cursor:not-allowed; filter:none; }
.ff-btn-voice {
  display:inline-flex; width:auto; align-items:center; justify-content:center;
  background:transparent; color:var(--text-0); border-color:var(--border-hi);
}
.ff-btn-voice.active { border-color:var(--err); color:#fff; background:rgba(220,38,38,.14); }
#muteToggle.active { color:#fde68a; border-color:rgba(245,158,11,.5); background:rgba(245,158,11,.1); }

.ff-btn-icon {
  width:42px; height:42px; min-width:42px; padding:0;
  display:inline-flex; align-items:center; justify-content:center;
}
.ff-icon {
  width:18px; height:18px; display:inline-block; color:currentColor;
}
.ff-icon svg { width:100%; height:100%; display:block; }
.ff-icon-camera {
  position:relative;
}
.ff-icon-camera::before,
.ff-icon-camera::after {
  content:''; position:absolute; border:2px solid currentColor; border-radius:3px;
}
.ff-icon-camera::before { left:1px; top:4px; width:10px; height:8px; }
.ff-icon-camera::after {
  right:0; top:6px; width:5px; height:4px; border-left:none; clip-path:polygon(0 0,100% 50%,0 100%);
  background:currentColor; border:none; border-radius:0;
}
.ff-sr-only {
  position:absolute !important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden;
  clip:rect(0,0,0,0); white-space:nowrap; border:0;
}
.pmgr-send-btn { min-width:88px; }

.ff-chatlog {
  background:var(--bg-1); border:1px solid var(--border); border-radius:var(--radius-lg);
  padding:14px; min-height:220px; max-height:560px; overflow-y:auto;
  display:flex; flex-direction:column; gap:10px; margin-bottom:12px;
}
.ff-bubble-user,.ff-bubble-assistant {
  max-width:min(90%, 760px); border-radius:18px; padding:12px 14px; line-height:1.45; white-space:pre-wrap;
}
.ff-bubble-user { align-self:flex-end; background:rgba(37,99,235,.18); border:1px solid rgba(37,99,235,.4); }
.ff-bubble-assistant { align-self:flex-start; background:rgba(13,148,136,.16); border:1px solid rgba(13,148,136,.35); }
.ff-bubble-system { align-self:center; color:var(--text-2); font-style:italic; font-size:13px; }

.ff-chat-form { display:flex; gap:8px; margin-top:8px; align-items:center; }
.ff-chat-form .ff-input { flex:1; }
.ff-media-bar,.ff-voice-bar,.ff-camera-bar {
  display:flex; gap:8px; align-items:center; flex-wrap:wrap; margin-top:10px;
}
.ff-media-btn { min-width:auto; }
.ff-media-divider { width:1px; height:20px; background:var(--border); opacity:.8; }
.ff-voice-status { color:var(--text-2); font-size:.9rem; min-width:0; }
.ff-vad-bar { display:flex; align-items:center; gap:4px; padding:10px 8px; background:rgba(13,148,136,.08); border:1px solid rgba(13,148,136,.2); border-radius:10px; width:fit-content; min-width:0; }
.ff-vad-dot { width:4px; height:16px; border-radius:2px; background:var(--teal); opacity:.25; transform-origin:center bottom; }
.ff-vad-bar.is-speaking .ff-vad-dot:nth-child(1) { animation: ff-vad .8s ease-in-out infinite 0.0s; }
.ff-vad-bar.is-speaking .ff-vad-dot:nth-child(2) { animation: ff-vad .8s ease-in-out infinite 0.1s; }
.ff-vad-bar.is-speaking .ff-vad-dot:nth-child(3) { animation: ff-vad .8s ease-in-out infinite 0.2s; }
.ff-vad-bar.is-speaking .ff-vad-dot:nth-child(4) { animation: ff-vad .8s ease-in-out infinite 0.1s; }
.ff-vad-bar.is-speaking .ff-vad-dot:nth-child(5) { animation: ff-vad .8s ease-in-out infinite 0.0s; }
@keyframes ff-vad { 0%,100%{height:4px;opacity:.2} 50%{height:20px;opacity:1} }
.ff-camera-wrap { margin-top:12px; }
#cameraFeed {
  width:220px; max-width:100%; display:block; border:1px solid var(--border); border-radius:12px;
}
.ff-notice.warn {
  border:1px solid rgba(245,158,11,.5); background:rgba(245,158,11,.1); color:#fde68a;
  padding:12px 14px; border-radius:12px; margin-top:12px;
}
.ff-hidden { display:none !important; }

.hint-grid {
  display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:8px;
}
.hint {
  background:rgba(16,32,58,.55); border:1px solid var(--border); border-radius:12px;
  padding:10px 12px; color:var(--text-1); font-size:.88rem;
}

.panel-grid { display:grid; grid-template-columns:1.05fr .95fr; gap:14px; margin-bottom:14px; }
.phase-buttons { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:8px; align-items:stretch; }
.phase-buttons .ff-btn { width:100%; justify-content:flex-start; text-align:left; min-height:44px; }
.ff-actions { display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.ff-summary-box {
  margin-top:14px; border:1px dashed var(--border-hi); border-radius:12px; padding:12px;
  color:var(--text-1); background:rgba(37,99,235,.06);
}
.result-stack { display:grid; gap:14px; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); }
.result-block.empty { color:var(--text-2); }
.result-card {
  border:1px solid var(--border); background:rgba(16,32,58,.55); border-radius:12px; padding:12px; margin-bottom:10px;
}
.result-card h4,.result-card h5 { margin:0 0 8px; }
.result-meta { display:flex; gap:10px; flex-wrap:wrap; color:var(--text-2); font-size:13px; }
.result-quote { border-left:3px solid var(--teal); padding-left:10px; color:var(--text-1); margin-top:8px; }
.chip-row { display:flex; flex-wrap:wrap; gap:6px; margin-top:10px; }
.chip { display:inline-flex; align-items:center; padding:4px 8px; border-radius:999px; border:1px solid var(--border); background:rgba(16,32,58,.45); color:var(--text-1); font-size:12px; }
.task-table { width:100%; border-collapse:collapse; }
.task-table th,.task-table td { border-bottom:1px solid var(--border); padding:10px 8px; text-align:left; vertical-align:top; }

.history-list { display:grid; gap:10px; }
.history-item {
  display:grid; grid-template-columns:1fr auto; gap:10px; align-items:start;
  border:1px solid var(--border); border-radius:12px; background:rgba(16,32,58,.55); padding:12px;
}
.history-item .meta { color:var(--text-2); font-size:13px; margin-top:4px; }

.settings-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.pmgr-settings-token-card { display:flex; flex-direction:column; justify-content:space-between; min-height:180px; }
.pmgr-token-display { margin-top:12px; font-size:2rem; font-weight:800; line-height:1; color:var(--text-0); }
.settings-meta { color:var(--text-2); font-size:13px; display:grid; gap:6px; margin-bottom:12px; }
.toggle-row {
  display:flex; justify-content:space-between; gap:10px; margin-bottom:14px; padding:10px 12px;
  border:1px solid var(--border); border-radius:12px; background:rgba(16,32,58,.45);
}

.pmgr-empty-note { color:var(--text-2); }
.pmgr-mini-stats {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:12px;
}
.pmgr-mini-stats > div {
  border:1px solid var(--border); border-radius:12px; background:rgba(16,32,58,.45); padding:10px 12px;
}
.pmgr-mini-stats span { display:block; font-size:.76rem; color:var(--text-2); margin-bottom:4px; }
.pmgr-mini-stats strong { color:var(--text-0); font-size:.95rem; }
.pmgr-count-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.pmgr-phase-list { display:grid; gap:10px; margin-top:4px; max-height:620px; overflow:auto; padding-right:2px; }
.pmgr-phase-row {
  display:grid; grid-template-columns:28px 1fr; gap:10px; align-items:start;
  border:1px solid var(--border); border-radius:12px; background:rgba(16,32,58,.45); padding:10px 12px;
}
.pmgr-phase-row span {
  display:grid; place-items:center; width:28px; height:28px; border-radius:999px;
  background:rgba(37,99,235,.16); border:1px solid rgba(37,99,235,.35); color:var(--text-0); font-size:.82rem;
  grid-row:1 / span 2; align-self:start;
}
.pmgr-phase-row strong { display:block; color:var(--text-0); margin-bottom:2px; grid-column:2; }
.pmgr-phase-row em { color:var(--text-2); font-style:normal; font-size:.82rem; grid-column:2; line-height:1.45; }

@media (max-width: 1080px) {
  .pmgr-grid-layout { grid-template-columns:1fr; }
}
@media (max-width: 900px) {
  .panel-grid,.settings-grid,.pmgr-mini-stats { grid-template-columns:1fr; }
  .pmgr-hero { flex-direction:column; align-items:flex-start; }
}
@media (max-width: 640px) {
  .pmgr-wrap { padding:10px 10px 20px; }
  .ff-chat-form { flex-direction:column; }
  .pmgr-row { align-items:stretch; }
  .pmgr-label { min-width:0; }
  .pmgr-row > * { width:100%; }
  .pmgr-row .pmgr-label, .pmgr-row .pmgr-status { width:auto; }
}


/* v1.2.1 workspace simplification */
.pmgr-workspace-shell { padding:16px; }
.pmgr-workspace-head { margin-bottom:12px; }
.pmgr-phase-rail-wrap { margin:8px 0 10px; }
.pmgr-phase-rail { display:flex; gap:8px; overflow-x:auto; padding-bottom:4px; scroll-snap-type:x proximity; -webkit-overflow-scrolling:touch; scrollbar-width:none; }
.pmgr-phase-rail::-webkit-scrollbar { display:none; }
.pmgr-phase-tab {
  flex:0 0 auto; min-width:220px; max-width:280px; display:flex; align-items:center; gap:10px;
  padding:12px 14px; border-radius:14px; border:1px solid var(--border); background:rgba(16,32,58,.45);
  color:var(--text-1); cursor:pointer; scroll-snap-align:start; font:inherit; text-align:left;
}
.pmgr-phase-tab:hover { border-color:var(--border-hi); color:var(--text-0); }
.pmgr-phase-tab.is-active { background:rgba(37,99,235,.16); border-color:rgba(37,99,235,.5); color:#fff; }
.pmgr-phase-num {
  flex:0 0 28px; width:28px; height:28px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center;
  background:rgba(37,99,235,.12); border:1px solid rgba(37,99,235,.35); color:var(--text-0); font-size:.82rem; font-weight:700;
}
.pmgr-phase-tab.is-active .pmgr-phase-num { background:rgba(37,99,235,.28); color:#fff; }
.pmgr-phase-summary { margin:0 0 14px; border:1px dashed var(--border-hi); border-radius:12px; padding:10px 12px; color:var(--text-1); background:rgba(37,99,235,.05); }
.pmgr-phase-pane { display:none; }
.pmgr-phase-pane.is-active { display:block; }
.pmgr-phase-head { display:flex; justify-content:space-between; align-items:flex-start; gap:14px; margin-bottom:12px; }
.pmgr-phase-head h3 { margin:0 0 6px; }
.pmgr-phase-head p { margin:0; color:var(--text-1); max-width:72ch; }
.pmgr-phase-actions { display:flex; gap:8px; flex-wrap:wrap; }
.pmgr-phase-note { margin:0 0 14px; padding:10px 12px; border-radius:12px; border:1px solid rgba(13,148,136,.22); background:rgba(13,148,136,.08); color:var(--text-1); }
.pmgr-intake-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.pmgr-span-2 { grid-column:1 / -1; }
.pmgr-phase-output { margin-top:14px; }
.pmgr-phase-output h4 { margin:0 0 10px; font-size:.92rem; color:var(--text-2); text-transform:uppercase; letter-spacing:.08em; }
.pmgr-phase-output .result-block { border:1px solid var(--border); border-radius:12px; background:rgba(16,32,58,.4); padding:12px; min-height:120px; }
.result-stack, .panel-grid, .phase-buttons { display:none !important; }
@media (max-width: 980px) { .pmgr-phase-head { flex-direction:column; } }
@media (max-width: 760px) {
  .pmgr-intake-form { grid-template-columns:1fr; }
  .pmgr-phase-tab { min-width:180px; }
  .pmgr-workspace-shell { padding:14px; }
  .pmgr-phase-head p { max-width:none; }
}


/* v1.2.2 tab refinement */
.pmgr-workspace-card { padding:16px; }
.pmgr-bar-inline { margin-top:0; margin-bottom:14px; }
.pmgr-workspace-section { margin-top:4px; }
.pmgr-workspace-section .pmgr-panel-head { margin-bottom:10px; }

/* v1.3.0 nav + reporting integration */
.pmgr-two-stack,.pmgr-three-stack { display:grid; gap:14px; }
.pmgr-two-stack { grid-template-columns:1fr 1fr; }
.pmgr-three-stack { grid-template-columns:repeat(3, minmax(0, 1fr)); }
.pmgr-subsection { border:1px solid var(--border); border-radius:12px; background:rgba(16,32,58,.35); padding:12px; }
.pmgr-panel-actions { margin-top:12px; }
.pmgr-reporting-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:14px; }
.pmgr-adapter-card,.pmgr-handoff-card { border:1px solid var(--border); border-radius:12px; background:rgba(16,32,58,.35); padding:12px; }
.pmgr-adapter-meta { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:10px 0 12px; }
.pmgr-adapter-meta > div { border:1px solid var(--border); border-radius:12px; background:rgba(16,32,58,.35); padding:10px 12px; }
.pmgr-adapter-meta span { display:block; font-size:.76rem; color:var(--text-2); margin-bottom:4px; }
.pmgr-adapter-meta strong { color:var(--text-0); overflow-wrap:anywhere; }
.pmgr-status-pill { display:inline-flex; align-items:center; border-radius:999px; padding:6px 10px; border:1px solid rgba(13,148,136,.25); background:rgba(13,148,136,.12); color:#d6fff6; font-size:.8rem; }
.pmgr-badge-muted { border-color:var(--border); background:rgba(16,32,58,.45); color:var(--text-1); }
@media (max-width: 1080px) {
  .pmgr-reporting-grid,.pmgr-two-stack,.pmgr-three-stack { grid-template-columns:1fr; }
}
.result-pre { white-space:pre-wrap; word-break:break-word; color:var(--text-1); font-family:var(--mono) !important; font-size:12px; margin-top:12px; }

/* OIA family-shell additions aligned to PM reference implementation */
.pmgr-data-table{width:100%;border-collapse:collapse;font-size:14px}
.pmgr-data-table th,.pmgr-data-table td{padding:10px 12px;border-bottom:1px solid rgba(148,163,184,.16);vertical-align:top;text-align:left}
.pmgr-data-table th{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8}
.pmgr-list-row{padding:10px 0;border-bottom:1px solid rgba(148,163,184,.14)}
.pmgr-list-row:last-child{border-bottom:0}
#reportPreview{white-space:pre-wrap;line-height:1.45;max-height:420px;overflow:auto}
#patientTable,#reportTable{overflow:auto}
#workspaceMetrics.pmgr-mini-stats{margin-bottom:18px}

.oia-accordion-group{display:grid;gap:10px;margin-top:4px}
.oia-accordion{border:1px solid var(--border);border-radius:12px;background:rgba(16,32,58,.35);overflow:hidden}
.oia-accordion summary{list-style:none;cursor:pointer;padding:12px 14px;color:var(--text-0);font-weight:600;position:relative}
.oia-accordion summary::-webkit-details-marker{display:none}
.oia-accordion summary::after{content:'+';position:absolute;right:14px;top:11px;color:var(--text-2);font-size:18px}
.oia-accordion[open] summary::after{content:'–'}
.oia-accordion textarea{border:0;border-top:1px solid rgba(148,163,184,.14);border-radius:0;min-height:112px;background:rgba(4,10,20,.55)}
.oia-checklist{display:grid;gap:10px}
.oia-check{display:grid;grid-template-columns:18px 1fr;gap:10px;align-items:start;border:1px solid var(--border);border-radius:12px;background:rgba(16,32,58,.35);padding:10px 12px;color:var(--text-1)}
.oia-check input{margin-top:2px;accent-color:var(--teal)}
.pmgr-side-compact-card .pmgr-mini-stats{margin-top:10px}
.pmgr-settings-token-card--compact{min-height:auto;padding:12px}
.pmgr-token-inline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}
.pmgr-token-inline strong{font-size:1rem;color:var(--text-0)}
#reportPreview{max-height:340px}
@media (max-width:760px){
  .pmgr-side-col{order:-1}
  .oia-check{padding:9px 10px}
  .oia-accordion summary{padding:11px 12px}
}

/* ── Patient card list (mobile-first, div-based collapsible) ───────────────── */
.pt-card-list { display:grid; gap:8px; }

.pt-card {
  border:1px solid var(--border);
  border-radius:12px;
  background:rgba(16,32,58,.4);
  overflow:hidden;
  transition:border-color .15s;
}
.pt-card:has(.pt-card-body:not([hidden])) { border-color:var(--border-hi); }

/* Summary row — always visible, contains toggle + name + meta + Call button */
.pt-card-summary {
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
}

.pt-card-toggle {
  flex-shrink:0;
  width:28px; height:28px;
  padding:0;
  font-size:.7rem;
  color:var(--text-2);
  border-color:var(--border);
  display:flex; align-items:center; justify-content:center;
}

.pt-card-name {
  font-weight:600;
  font-size:.95rem;
  color:var(--text-0);
  flex:1;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.pt-card-meta {
  display:flex;
  align-items:center;
  gap:6px;
  flex-shrink:0;
  font-size:.75rem;
}
.pt-card-status { font-weight:600; text-transform:capitalize; }
.pt-card-appt   { color:var(--text-2); }
.pt-card-lang   {
  background:rgba(37,99,235,.15);
  color:var(--blue);
  border-radius:4px;
  padding:2px 5px;
  font-size:.7rem;
  font-weight:700;
  letter-spacing:.04em;
}

/* Call button always visible in the summary row */
.pt-card-call-btn {
  flex-shrink:0;
  background:var(--blue) !important;
  color:#fff !important;
  border-color:transparent !important;
  min-width:52px;
}
.pt-card-call-btn:hover   { background:#1d4ed8 !important; }
.pt-card-call-btn:disabled { opacity:.5; cursor:not-allowed; }

/* Card body — shown/hidden via JS */
.pt-card-body {
  padding:0 14px 14px;
  border-top:1px solid rgba(148,163,184,.1);
}

.pt-card-fields {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:5px 12px;
  padding:10px 0 6px;
  font-size:.82rem;
}
.pt-field-label {
  display:block;
  font-size:.7rem;
  color:var(--text-2);
  text-transform:uppercase;
  letter-spacing:.06em;
  margin-bottom:1px;
}

.pt-card-complaint {
  font-size:.82rem;
  color:var(--text-1);
  border-left:3px solid var(--teal);
  padding:5px 10px;
  margin:5px 0 8px;
  border-radius:0 6px 6px 0;
  background:rgba(13,148,136,.06);
}

.pt-card-sections {
  margin:6px 0;
  border:1px solid var(--border);
  border-radius:8px;
  overflow:hidden;
  font-size:.81rem;
}
.pt-card-sections .pmgr-list-row { padding:6px 10px; font-size:.81rem; }

.pt-card-actions {
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid rgba(148,163,184,.1);
}

/* Save button edit-mode highlight */
#savePatientBtn.is-edit-mode {
  background:var(--teal);
  border-color:var(--teal);
  color:#fff;
}

@media (max-width:480px) {
  .pt-card-meta  { display:none; }
  .pt-card-fields { grid-template-columns:1fr; }
}

/* ── result-block: relax min-height for card lists ─────────────────────────── */
#patientTable.result-block,
#reportTable.result-block { min-height:0; padding:0; background:transparent; border:none; }

/* ── Queue count badge ─────────────────────────────────────────────────────── */
.pt-queue-count { font-size:.78rem; color:var(--text-2); font-weight:400; margin-left:4px; }

/* ── Report card list (mirrors patient card pattern) ───────────────────────── */
.rpt-card-list { display:grid; gap:8px; }

.rpt-card {
  border:1px solid var(--border);
  border-radius:12px;
  background:rgba(16,32,58,.4);
  overflow:hidden;
  transition:border-color .15s;
}
.rpt-card[open] { border-color:var(--border-hi); }

.rpt-card-summary {
  list-style:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:13px 16px;
  user-select:none;
  -webkit-tap-highlight-color:transparent;
}
.rpt-card-summary::-webkit-details-marker { display:none; }
.rpt-card-summary::after {
  content:'+';
  color:var(--text-2);
  font-size:18px;
  line-height:1;
  flex-shrink:0;
}
.rpt-card[open] > .rpt-card-summary::after { content:'\2013'; }

.rpt-card-patient {
  font-weight:600;
  font-size:.97rem;
  color:var(--text-0);
  flex:1;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.rpt-card-meta {
  display:flex;
  align-items:center;
  gap:8px;
  flex-shrink:0;
  font-size:.78rem;
}
.rpt-card-status   { font-weight:600; text-transform:capitalize; }
.rpt-card-delivery { text-transform:capitalize; }
.rpt-card-appt     { color:var(--text-2); }

.rpt-card-body {
  padding:0 16px 14px;
  border-top:1px solid rgba(148,163,184,.1);
}
.rpt-card-id {
  font-size:.76rem;
  color:var(--text-2);
  padding:8px 0 4px;
}
.rpt-card-id code {
  color:var(--teal);
  font-size:.8rem;
}
.rpt-card-preview {
  font-size:.82rem;
  color:var(--text-1);
  line-height:1.5;
  padding:8px 10px;
  border-left:3px solid var(--border-hi);
  border-radius:0 6px 6px 0;
  background:rgba(16,32,58,.55);
  margin:6px 0 10px;
  white-space:pre-wrap;
  word-break:break-word;
}
.rpt-card-actions {
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  padding-top:10px;
  border-top:1px solid rgba(148,163,184,.1);
}
.rpt-card-actions .view-report {
  background:var(--teal);
  color:#fff;
  border-color:transparent;
}
.rpt-card-actions .view-report:hover { background:#0f766e; }

/* Report preview panel — full text viewer */
#reportPreview {
  white-space:pre-wrap;
  line-height:1.6;
  font-size:.84rem;
  color:var(--text-1);
  max-height:480px;
  overflow:auto;
  padding:14px;
  border:1px solid var(--border);
  border-radius:12px;
  background:rgba(16,32,58,.4);
}

@media (max-width:480px) {
  .rpt-card-appt    { display:none; }
  .rpt-card-meta    { gap:6px; }
  .rpt-card-summary { padding:11px 14px; }
}

/* ── Call password modal ─────────────────────────────────────────────────── */
.oia-modal-overlay {
  position:fixed; inset:0; z-index:9999;
  background:rgba(4,10,20,.72);
  display:flex; align-items:center; justify-content:center;
  padding:16px;
  backdrop-filter:blur(2px);
}
.oia-modal-box {
  background:var(--bg-2);
  border:1px solid var(--border-hi);
  border-radius:16px;
  padding:24px;
  width:100%; max-width:380px;
  box-shadow:0 24px 60px rgba(0,0,0,.5);
}
.oia-modal-header {
  display:flex; align-items:flex-start; gap:12px; margin-bottom:14px;
}
.oia-modal-icon {
  font-size:22px; line-height:1; margin-top:2px; flex-shrink:0;
}
.oia-modal-title {
  display:block; font-size:1rem; font-weight:600; color:var(--text-0); margin-bottom:3px;
}
.oia-modal-sub {
  font-size:.82rem; color:var(--teal);
}
.oia-modal-help {
  font-size:.85rem; color:var(--text-1); margin:0 0 14px;
}
.oia-modal-input {
  width:100%; margin-bottom:8px;
}
.oia-modal-error {
  font-size:.82rem; color:var(--err); margin:0 0 10px;
}
.oia-modal-actions {
  display:flex; gap:10px; margin-top:16px;
}
.oia-modal-actions .ff-btn { flex:1; justify-content:center; }

/* ── Field hint text ─────────────────────────────────────────────────────── */
.ff-field-hint {
  font-size:.72rem; font-weight:400;
  color:var(--text-2); margin-left:6px;
}

/* ── Phone field hint ───────────────────────────────────────────────────────── */
.ff-field-hint {
  font-size:.72rem;
  font-weight:400;
  color:var(--text-2);
  margin-left:6px;
  text-transform:none;
  letter-spacing:0;
}
