/* Citas — paquetes de sesiones (demo-modulos/citas-paquetes.js). Theme tokens only, so it takes the prospect's colour;
   the panel's dark (Vidrio) and light (Rapport) skins come from the same variables. */
.cpq-c { font-variant-numeric: tabular-nums; letter-spacing: .02em; white-space: nowrap; }
.cpq-box .ndf-row input { text-transform: uppercase; }
.cpq-box > p { margin: 6px 0 0; }

/* the balance (page dialog, tracking page) */
.cpq-saldo { display: grid; gap: 6px; }
.cpq-saldo p { margin: 0; }
.cpq-code { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; font-weight: 700; letter-spacing: .02em; }
.cpq-st { padding: 2px 10px; border-radius: 999px; font-size: 12.5px; letter-spacing: 0; background: color-mix(in srgb, var(--accent) 16%, transparent); color: var(--fg); }
.cpq-saldo[data-st="vencido"] .cpq-st, .cpq-saldo[data-st="agotado"] .cpq-st, .cpq-saldo[data-st="anulado"] .cpq-st { background: color-mix(in srgb, var(--fg) 10%, transparent); }
.cpq-num b { font: 700 clamp(34px, 6vw, 44px)/1 var(--font-display, Georgia), Georgia, serif; font-variant-numeric: tabular-nums; margin-right: 4px; }
.cpq-bar { display: block; height: 10px; border-radius: 999px; overflow: hidden; background: color-mix(in srgb, var(--fg) 12%, transparent); }
.cpq-bar i { display: block; height: 100%; border-radius: inherit; background: var(--accent-ink, var(--accent)); }
.cpq-bar.sm { display: inline-block; width: 72px; height: 7px; vertical-align: middle; }
.cpq-usos { margin: 6px 0 0; padding-left: 18px; display: grid; gap: 2px; font-size: 14px; }

/* panel */
.cpq-head { justify-content: space-between; margin-bottom: 6px; }
.cpq-head h3 { margin: 0; }
.cpq-main { align-items: center; }
.cpq-meter-row { display: inline-flex; align-items: center; gap: 6px; }
.cpq-pill { --c: var(--accent-ink); display: inline-flex; align-items: center; gap: 5px; padding: 2px 10px; border-radius: 999px; font-size: 12.5px; font-weight: 700; white-space: nowrap;
  color: var(--c); background: color-mix(in srgb, var(--c) 14%, transparent); border: 1px solid color-mix(in srgb, var(--c) 40%, transparent); }
.cpq-form { margin: 0; }
.cpq-form .ndf-f { flex: 1 1 220px; }
.cpq-form select, .cpq-form input { width: 100%; box-sizing: border-box; }
.cpq-pill[data-st="porvencer"] { --c: #fcd34d; }
.cpq-pill[data-st="vencido"], .cpq-pill[data-st="agotado"], .cpq-pill[data-st="anulado"] { --c: color-mix(in srgb, var(--fg) 70%, transparent); }
html:is([data-nd-panel="rapport"], [data-nd-panel="tablero"]) .cpq-pill[data-st="porvencer"] { --c: #92400e; }
.cpq-mov { flex-basis: 100%; margin-top: 2px; }
.cpq-nuevo { margin-top: 12px; padding: 12px 14px; border-radius: 12px; background: color-mix(in srgb, var(--accent) 12%, transparent); border: 1px solid color-mix(in srgb, var(--accent-ink) 35%, transparent); }
.cpq-nuevo p { margin: 0; }
.cpq-item .ndf-item-side { justify-content: flex-end; }
@media (max-width: 640px) { .cpq-item .ndf-item-side { justify-content: flex-start; } }