/* Pupitrul pentru filele „Conținut" și „Ce a ieșit" (19-Sep-2026, cererea lui Ali: aplicația să
   arate ca War Room-ul). Comandă conținut, Comenzi în așteptare, Calendar, Rezultate, Raportul
   lunar, Fișiere livrate.

   Nu redefinește nimic din war.css: refolosește `wr-panou`, `wr-kpi*`, `wr-chart`, `wr-hr`,
   `wr-legenda`. Ce e aici e doar ce lipsește în aplicație: `war.css` scoate multe reguli sub
   `body.war`, iar body-ul aplicației NU are clasa asta (și nu trebuie să o primească).
   Toate clasele noi poartă prefixul `pt-`.

   Regula culorilor: panourile sunt DISPLAY negru (aceleași ca pe War Room), corpul rămâne crem.
   Nicio culoare nouă de text pe crem: pe crem textul rămâne `--chink`/`--ink*` din style.css. */

/* ── grila de panouri: 12 coloane, ca `.wr-diag`, dar în coloana îngustă (760px) a aplicației.
   Spanurile sunt CLASE, nu `style="grid-column: span N"` — inline-ul bate @media și panourile
   n-ar mai cădea pe o coloană pe telefon (capcana din Trafic). */
.pt-diag { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--p3); margin: var(--p4) 0; }
.pt-diag[hidden] { display: none; }
.pt-diag > .pt-s12 { grid-column: span 12; }
.pt-diag > .pt-s6 { grid-column: span 6; }
.pt-diag > .pt-s4 { grid-column: span 4; }
.pt-diag > .pt-s8 { grid-column: span 8; }
@media (max-width: 720px) {
  .pt-diag > .pt-s12, .pt-diag > .pt-s6, .pt-diag > .pt-s4, .pt-diag > .pt-s8 { grid-column: 1 / -1; }
}

/* ── KPI-urile: `war.css` le face 6 pe rând (3 și 2 pe ecrane mici, pe media query-uri scrise
   pentru lățimea War Room-ului). Coloana aplicației e de 760px: se împachetează singure,
   minim 150px, deci 4 pe rând pe desktop și 2 pe telefon. Specificitatea 0,2,0 bate
   `.wr-kpis` din media query-urile lui war.css. */
.wr-kpis.pt-kpis { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); margin: var(--p3) 0 var(--p4); }
.wr-kpis.pt-kpis[hidden] { display: none; }
.pt-kpis .wr-kpi-val { font-size: clamp(28px, 6vw, 40px); }
.pt-kpis .wr-kpi-cap .wr-ic { color: var(--c); }
.pt-kpis .wr-kpi-cap { min-width: 0; }

/* ── panoul: `body.war .wr-panou-cap h2` nu se aplică aici; regula lui, scrisă pe clasa noastră.
   Titlul e display negru: --dispink pe --disp = 16,68:1 (măsurat în style.css). */
.pt-panou { margin: 0; }
.pt-panou .wr-panou-cap h2 {
  margin: 0; flex: 1 1 auto; min-width: 0; font-size: 12px; letter-spacing: .14em; text-transform: uppercase;
  color: var(--dispink); text-shadow: none; font-weight: 500; line-height: 1.3;
}
.pt-panou .wr-panou-cap .wr-serie { flex: 0 0 auto; white-space: nowrap; }
.pt-panou .wr-nota { margin-top: var(--p3); }
.pt-panou .wr-indisponibil { padding: var(--p3) 0 var(--p1); }
.pt-panou .wr-legenda { margin-bottom: var(--p3); }
.pt-panou .wr-chart { margin-top: var(--p1); }
.pt-panou .wr-x { overflow: hidden; }
.pt-panou .wr-hr-val { white-space: nowrap; }

/* Azi, în graficul de zile: aceeași umbră ca pe Continut din War Room, ca ziua curentă să se vadă. */
.pt-panou .wr-col.pt-azi { background: rgba(237, 238, 234, .07); box-shadow: inset 1px 0 0 var(--ink3), inset -1px 0 0 var(--ink3); }
.pt-panou .wr-x .pt-azi { color: var(--dispink); font-weight: 600; }

/* Etichetele mari de sub grafic nu încap pe 375px: se ascund cele intermediare (rămân
   capetele), fără să se ascundă niciun bloc. */
.pt-panou .wr-x span:empty { visibility: hidden; }

/* ── perechi de bare, pentru „luna aleasă față de luna dinainte" */
.pt-grup + .pt-grup { margin-top: var(--p3); padding-top: var(--p3); border-top: 1px solid var(--disprule); }
.pt-grup-et { font-family: var(--mono); font-size: 11px; letter-spacing: .12em; text-transform: uppercase;
              color: var(--dispink2); margin-bottom: var(--p1); }
.pt-panou .wr-hr { padding: 4px 0; }
/* Etichete lungi (luni, tipuri de piesa): coloana etichetei mai lata; ce tot nu incape trece pe al doilea rand,
   niciodata „…” — in ecran complet sau in Stage Manager fereastra e mai ingusta si o eticheta taiata nu se mai poate citi. */
.pt-panou .wr-hr { grid-template-columns: minmax(96px, 36%) minmax(0, 1fr) auto; }
.pt-panou .wr-hr-et { min-width: 0; white-space: normal; overflow-wrap: anywhere; }

/* ── secțiune pe crem, fără panou: antetul listelor care rămân pe crem (rândurile de Rezultate,
   rândurile de pachete). Cerneala e cea a corpului (`--chink`), nu culoarea familiei: pe crem,
   culorile de display (cyan, magenta…) n-ar avea 4,5:1. Pictograma e decor, nu text. */
.pt-sectiune { display: flex; align-items: center; gap: var(--p2); margin: var(--p6) 0 var(--p2);
               padding-bottom: var(--p2); border-bottom: 1px solid var(--rule); color: var(--chink); }
.pt-sectiune .wr-ic { color: var(--chink); }
.pt-sectiune h2 { margin: 0; flex: 1 1 auto; min-width: 0; }
.pt-sectiune .wr-serie b { color: var(--chink); }
.pt-sectiune .wr-serie { color: var(--chink); }
.pt-sectiune[hidden] { display: none; }

/* ── Comandă conținut: tabloul contoarelor devine panou de pupitru. Cutia neagră `.cont` rămâne
   aceeași (o folosește și Abonament), dar înăuntrul panoului nu mai are propriul chenar. */
.pt-contoare { margin-bottom: var(--p3); }
.pt-contoare .cont { background: none; box-shadow: none; border: 0; padding: 0; margin: 0; }
.pt-contoare .cont-cap { margin-bottom: var(--p3); }
.pt-contoare .pt-cont-bara { display: block; margin-top: var(--p2); height: 8px; }
.pt-contoare .cont-cel { --c: var(--gnd); }
.pt-contoare .cont-cel.cont-zid { --c: var(--rdd); }
.pt-contoare .cont-cel .wr-bara i { background: repeating-linear-gradient(90deg, var(--c) 0 6px, transparent 6px 8px); }
.pt-contoare .cont-cel .wr-bara { background: repeating-linear-gradient(90deg, var(--disprule) 0 6px, transparent 6px 8px); }

/* Formularul de comandă: cardurile bifate capătă bara de sus în portocaliul mărcii (fundal, nu
   cerneală: portocaliul pe crem e 2,87:1, deci nu se folosește la text) și treapta pixel a
   pupitrului. Comportamentul (bifă, câmpuri, dictare) e neatins: e doar `box-shadow`. */
#comanda .comanda-card { transition: box-shadow 160ms ease, border-color 160ms ease; }
#comanda .comanda-card.bifat { box-shadow: inset 0 3px 0 var(--or); }
#comanda .comanda-card:not(.bifat):hover { border-color: var(--ink3); }

/* Containerul de canale se umple asincron si poate ramane gol: fara asta ar tine 32px de margine. */
.pt-diag:empty { display: none; }