body.clinical-workspace, .agenda-dialog{
    /* ---- Ivory & Ink — paleta Clínica Piacere ---- */
    --ink:#14181F; --ink-2:#1D2430; --ink-line:rgba(214,190,140,0.18);
    --bg:#EAF5F7; --bg-2:#DCEBEF;
    --card:#FFFFFF; --card-tint:#FCFAF4;
    --border:#E6DCC7; --border-soft:#EFE7D6;
    --text:#221C14; --text-secondary:#7C7264; --text-faint:#A79C8A;

    --accent:#1F6E8C; --accent-bg:#D9EEF5; --accent-border:#8FC7DE; --accent-deep:#134A5F;
    --coral:#C1553A; --coral-bg:#F5E1D6; --coral-border:#E0AF98; --coral-deep:#8B2E1A;
    --amber:#8C5A17; --amber-bg:#F7EAD2; --amber-border:#E0C486;
    --sage:#3C6E5B; --sage-bg:#E1EEE7; --sage-border:#A9CBBB;
    --gray-bg:#EFE9DC;

    --shadow-xs:0 1px 2px rgba(34,28,20,0.06);
    --shadow-sm:0 2px 6px rgba(34,28,20,0.07), 0 1px 2px rgba(34,28,20,0.06);
    --shadow-md:0 10px 24px -8px rgba(34,28,20,0.20), 0 2px 8px rgba(34,28,20,0.08);
    --shadow-lg:0 24px 48px -12px rgba(20,24,31,0.35), 0 4px 12px rgba(34,28,20,0.10);
    --shadow-ink:0 20px 60px -12px rgba(0,0,0,0.55);

    --font-display:'Fraunces', Georgia, serif;
    --font-body:'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --font-mono:'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  }
  .pagosTabs{ display:flex; gap:4px; margin-bottom:20px; background:var(--card-tint); border:1px solid var(--border-soft); border-radius:12px; padding:4px; width:fit-content; }
  .pagosTab{ padding:8px 20px; border-radius:9px; font-size:13.5px; font-weight:600; cursor:pointer; color:var(--text-secondary); border:none; background:none; box-shadow:none; }
  .pagosTab:hover{ background:none; transform:none; box-shadow:none; }
  .pagosTab.active{ background:var(--card); color:var(--accent-deep); box-shadow:0 2px 6px rgba(20,24,31,0.08); }
  .pagosStatStrip{ display:grid; grid-template-columns:repeat(auto-fit, minmax(140px,1fr)); gap:10px; margin-bottom:20px; }
  .pagosStatCard{ background:var(--card); border:1px solid var(--border-soft); border-radius:14px; padding:14px 16px; }
  .pagosStatCard .num{ font-family:var(--font-display); font-size:22px; font-weight:600; color:var(--accent-deep); line-height:1; }
  .pagosStatCard .lbl{ font-size:11px; color:var(--text-secondary); text-transform:uppercase; letter-spacing:0.04em; margin-top:5px; }
  .pagosStatCard.warn .num{ color:var(--coral-deep); }
  .talon{
    position:relative; display:flex; justify-content:space-between; align-items:center; gap:14px;
    background:var(--card); border:1px solid var(--border-soft); border-radius:12px;
    padding:13px 16px 13px 20px; cursor:pointer;
    transition:transform 140ms ease, box-shadow 140ms ease, border-color 140ms ease;
    margin-bottom:9px; flex-wrap:wrap;
  }
  .talon::before{ content:''; position:absolute; left:0; top:8px; bottom:8px; width:0; border-left:2px dashed var(--border); }
  .talon:hover{ transform:translateX(2px); box-shadow:0 6px 16px -6px rgba(20,24,31,0.12); border-color:var(--accent-border); }
  .talon.deben::before{ border-left-color:var(--coral-border); }
  .talon.deben{ cursor:default; }
  .talonMain{ min-width:0; flex:1; }
  .talonTop{ display:flex; align-items:center; gap:8px; margin-bottom:3px; flex-wrap:wrap; }
  .numRecibo{ font-family:var(--font-mono); font-size:11px; color:var(--text-faint); }
  .pacienteNombre{ font-size:14px; font-weight:700; color:var(--text); }
  .talonConcepto{ font-size:12.5px; color:var(--text-secondary); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .talonMeta{ display:flex; align-items:center; gap:6px; margin-top:5px; flex-wrap:wrap; }
  .pagosTag{ font-size:10px; font-weight:700; padding:2px 8px; border-radius:20px; text-transform:uppercase; letter-spacing:0.03em; white-space:nowrap; }
  .pagosTag.tratamiento{ background:var(--accent-bg); color:var(--accent-deep); }
  .pagosTag.ortodoncia{ background:var(--sage-bg); color:var(--sage); }
  .pagosTag.ingreso{ background:var(--amber-bg); color:var(--amber); }
  .talonMetaTxt{ font-size:11.5px; color:var(--text-faint); }
  .talonMonto{ flex-shrink:0; text-align:right; }
  .montoSello{
    font-family:var(--font-display); font-weight:700; font-size:18px; color:var(--accent-deep);
    transform:rotate(-1.2deg); display:inline-block;
    border:1.5px solid var(--accent-border); border-radius:8px; padding:3px 10px;
    background:var(--accent-bg); white-space:nowrap;
  }
  .talon.deben .montoSello{ color:var(--coral-deep); border-color:var(--coral-border); background:var(--coral-bg); }
  .talonEditar{ font-size:10.5px; color:var(--text-faint); margin-top:5px; display:block; background:none; border:none; padding:0; cursor:pointer; box-shadow:none; }
  .talonEditar:hover{ background:none; transform:none; box-shadow:none; text-decoration:underline; }
  .accionesDeben{ display:flex; gap:6px; margin-top:8px; flex-wrap:wrap; }
  .pagosMiniBtn{ font-size:11.5px; padding:5px 11px; }
  .pagosMiniBtn.pagar{ background:var(--sage-bg); border-color:var(--sage-border); color:var(--sage); }
  .pagosMiniBtn.wsp{ background:#DFF3E3; border-color:#A9CBBB; color:#256B3E; }
  .pagosMiniBtn.borrar{ background:var(--coral-bg); border-color:var(--coral-border); color:var(--coral-deep); }
  .label{ font-size:12px; font-weight:600; color:var(--text-secondary); display:block; margin-bottom:5px; text-transform:uppercase; letter-spacing:0.04em; }


.clinical-workspace .clinical-panel{color:var(--text);font-family:var(--font-body)}.clinical-workspace .clinical-panel h3,.clinical-workspace .clinical-panel h4{font-family:var(--font-display)}.pagosTabs{max-width:100%;overflow-x:auto;flex-wrap:wrap}.pagosTab{font-size:14px}.clinical-workspace .work-card,.clinical-workspace .inventory-card,.clinical-workspace .balance-card{border:1px solid var(--border);border-radius:8px;background:var(--card);box-shadow:var(--shadow-sm);padding:12px}.clinical-workspace .stock-low{background:var(--coral-bg)}.clinical-workspace .clinical-panel>form{padding:16px;background:var(--card-tint);border:1px solid var(--border-soft);border-radius:12px}.reference-block{background:var(--card);border:1px solid var(--border-soft);border-radius:16px;padding:18px 20px;margin:14px 0;box-shadow:var(--shadow-sm)}.reference-block legend{font-family:var(--font-display);font-weight:600;font-size:16px;padding:0 8px}.reference-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:14px 0}.talonConcepto{font-size:14px}.talonMetaTxt,.talonEditar{font-size:14px}.talonMain{flex:1}.talonMonto{margin-left:auto}
.reference-report-bar{display:grid;grid-template-columns:100px 1fr 50px;gap:12px;align-items:center;margin:14px 0}.reference-report-bar meter{width:100%;height:22px;accent-color:var(--accent)}

.extended-panel>summary{font-weight:700;cursor:pointer;padding:12px;color:var(--accent)}.extended-panel>div{padding:12px}.ortho-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.extended-panel pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:360px;overflow:auto}.extended-panel .talon{margin-block:12px}.extended-panel small{display:block}@media(max-width:700px){.ortho-grid{grid-template-columns:1fr}}

.ortho-dialog{width:min(1200px,95vw);max-height:92vh;padding:20px;border:1px solid var(--border);background:var(--bg,#f4f7f8)}.ortho-workspace>.pagosTabs{position:sticky;top:0;z-index:2;background:var(--bg,#f4f7f8);padding:10px;gap:6px;flex-wrap:wrap}.ortho-workspace>.extended-panel>summary{display:none}.ortho-workspace>.extended-panel{margin:0}.ortho-workspace [aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--accent);color:var(--accent)}

/* Keep the active identity visible throughout history, budgets and attention. */
.patient-context-strip{position:sticky;top:0;z-index:8;padding:12px 18px;margin:12px 0;border:1px solid var(--accent-border);border-left:4px solid var(--accent);border-radius:10px;background:var(--accent-bg);color:var(--accent-deep);box-shadow:0 5px 15px #16323e1a;font:600 18px Fraunces,Georgia,serif;overflow-wrap:anywhere}
/* Clinic working surface: compact context, clear actions and preparation. */
.clinical-workspace #workspace-view>.section-top{display:none}.clinical-workspace #workspace-title{display:inline-block;font-size:28px;margin:12px 18px 12px 0}.clinical-workspace #account-label{display:inline;font-size:13px}.clinical-workspace .clinic-context{margin:4px 0 16px}.clinical-workspace .clinical-panel>h3{margin-top:0}.clinic-first-actions a{display:inline-flex;align-items:center;padding:10px 16px;border:1px solid var(--accent-border);border-radius:8px;background:var(--accent-bg);color:var(--accent-deep);font-weight:600;text-decoration:none;min-height:42px}.clinic-first-actions a:hover{background:var(--card);box-shadow:var(--shadow-sm)}.clinic-preparation>span{font:600 12px var(--font-body);letter-spacing:1.2px;color:var(--accent)}.clinic-preparation{background:linear-gradient(130deg,var(--card),var(--accent-bg));border-top:3px solid var(--accent)}.provider-list{display:flex;flex-wrap:wrap;gap:8px}.provider-list span{padding:8px 13px;border:1px solid var(--accent-border);background:var(--card);border-radius:30px}.clinic-preparation form{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:12px;align-items:end}.clinic-preparation li{margin:12px 0;line-height:1.5}.clinic-preparation a{color:var(--accent-deep);text-decoration:underline;text-underline-offset:3px}.clinical-workspace input:focus-visible,.clinical-workspace select:focus-visible,.clinical-workspace textarea:focus-visible{outline:3px solid var(--accent-border);outline-offset:2px}@media(max-width:650px){.clinical-workspace #account-label{display:block;overflow-wrap:anywhere}.clinic-preparation form{grid-template-columns:1fr}.clinic-first-actions a{flex:1;justify-content:center;text-align:center}}

.patient-pager{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin:12px 0}.patient-pager button{padding:10px 12px;min-height:40px}

.finance-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.finance-grid>label{min-width:0}.finance-grid input,.finance-grid select{width:100%}.finance-grid button,.finance-grid [role=status]{grid-column:1/-1}.finance-summary{display:flex;flex-wrap:wrap;gap:14px}.finance-filters{display:flex;gap:20px;flex-wrap:wrap}@media(max-width:650px){.finance-grid{grid-template-columns:1fr}}

.time-resize{padding:0!important;min-height:0!important;border-radius:5px!important;background:var(--accent)!important;color:white!important;line-height:16px!important;touch-action:none;cursor:ns-resize}.time-appointment[draggable=true]{cursor:grab}.time-appointment[draggable=true]:active{cursor:grabbing}