/* ═══════════════════════════════════════════════════════════════════════════════════════
   PUPITRU · „Ce știe despre tine" — Profil, Input, Strategy, Decizii, Intel
   Panourile, KPI-urile și graficele vin din war.css (`wr-*`, aceleași clase ca War Room);
   aici e doar compoziția lor în aplicație (`pt-*`) și capetele de zonă. Desenate de
   pult-brain.js în gazde statice `#pt-*`, frați cu zonele care se golesc la redesenare.
   Regula: crema umple ecranul, displayurile negre sunt suprafețele de date. Nicio culoare
   nouă de text pe crem: capetele folosesc --chink / --chink3 (deja măsurate, peste 4,5:1).
   ═══════════════════════════════════════════════════════════════════════════════════════ */

/* ── gazdele: goale = fără loc ocupat ── */
#pt-profil, #pt-brain, #pt-jurnal, #pt-strategie, #pt-campanii, #pt-consiliu, #pt-propuneri,
#pt-intel, #pt-research { display: block; min-width: 0; }
#pt-profil:empty, #pt-brain:empty, #pt-jurnal:empty, #pt-strategie:empty, #pt-campanii:empty,
#pt-consiliu:empty, #pt-propuneri:empty, #pt-intel:empty, #pt-research:empty { display: none; }
#pt-profil:not(:empty), #pt-brain:not(:empty), #pt-jurnal:not(:empty), #pt-strategie:not(:empty),
#pt-campanii:not(:empty), #pt-consiliu:not(:empty), #pt-propuneri:not(:empty),
#pt-intel:not(:empty), #pt-research:not(:empty) { margin: 0 0 var(--p6); }

/* ── fila are loc pentru panouri: mai lată decât cei 808px ai listelor ── */
.continut:has(.fila[data-fila="profil"]:not([hidden])),
.continut:has(.fila[data-fila="brain"]:not([hidden])),
.continut:has(.fila[data-fila="strategie"]:not([hidden])),
.continut:has(.fila[data-fila="consiliu"]:not([hidden])),
.continut:has(.fila[data-fila="research"]:not([hidden])) { max-width: 1040px; }
/* ── grila de 12 coloane; spanurile sunt clase, nu stil inline ── */
.pt-diag { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--p4); margin-top: var(--p4); }
.pt-diag > .pt-panou { grid-column: span 12; }
.pt-diag > .pt-s5 { grid-column: span 5; }
.pt-diag > .pt-s6 { grid-column: span 6; }
.pt-diag > .pt-s7 { grid-column: span 7; }
.pt-diag > .pt-s12 { grid-column: span 12; }
@media (max-width: 900px) {
  .pt-diag > .pt-s5, .pt-diag > .pt-s6, .pt-diag > .pt-s7 { grid-column: span 12; }
}

.pt-panou { overflow: hidden; }
.pt-kpis { margin: 0; }
.pt-kpis + .pt-diag { margin-top: var(--p3); }
.pt-kpi { min-width: 0; }
.pt-kpi .wr-kpi-cap { margin-bottom: var(--p1); }
.pt-kpi-txt { font-size: clamp(18px, 2vw, 24px); line-height: 1.15; letter-spacing: -.01em; overflow-wrap: anywhere; }

/* titlul din antet: mono, majuscule, ca la War Room (acolo `body.war .wr-panou-cap h2`) */
.pt-titlu {
  margin: 0; flex: 1 1 auto; min-width: 0; font-family: var(--mono); font-size: 12px; font-weight: 600;
  letter-spacing: .14em; text-transform: uppercase; color: var(--dispink); text-shadow: none;
  overflow-wrap: anywhere;
}
.pt-sub {
  margin: var(--p4) 0 var(--p2); font-family: var(--mono); font-size: 11px; font-weight: 500;
  letter-spacing: .14em; text-transform: uppercase; color: var(--dispink2);
}
.pt-panou .wr-nota, .pt-panou .wr-indisponibil { overflow-wrap: anywhere; }
.pt-panou .wr-legenda { margin-bottom: var(--p3); }
.pt-bare { display: flex; flex-direction: column; }
.pt-panou .wr-hr { padding: 5px 0; }

/* etichetele de pe axa X încap pe mobil: se taie, nu împing pagina */
.pt-panou .wr-x span { white-space: nowrap; overflow: hidden; text-overflow: clip; min-width: 0; }
.pt-panou .wr-chart { min-width: 0; }
@media (max-width: 600px) {
  .pt-panou .wr-x { font-size: 9px; gap: 2px; }
  .pt-panou .wr-cols { gap: 2px; }
  .pt-panou { padding-left: var(--p3); padding-right: var(--p3); }
}

/* ── un pătrat = o unitate (însemnări) ── */
.pt-patrate { display: flex; flex-wrap: wrap; gap: 3px; }
.pt-patrat { display: block; width: 14px; height: 14px; background: var(--c); box-shadow: inset 0 0 0 1px var(--disp); }

/* ── marca dintr-o privire ── */
.pt-marca-nume { font-family: var(--sans); font-size: 20px; font-weight: 700; color: var(--dispink); overflow-wrap: anywhere; }
.pt-marca-font { margin-top: var(--p1); font-family: var(--mono); font-size: 12px; color: var(--dispink2); overflow-wrap: anywhere; }
.pt-swatch-rand { display: flex; flex-wrap: wrap; gap: var(--p3); margin-top: var(--p4); }
.pt-swatch { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.pt-swatch-plin { display: block; width: 64px; height: 40px; border: 1px solid var(--disprule); border-radius: var(--r0); }
.pt-swatch span { font-family: var(--mono); font-size: 11px; color: var(--dispink2); }

/* ── capetele de zonă: același limbaj, pe crem. Doar o dungă de pixeli; seria BM—xx stă în antetul fiecărui panou ── */
.fila[data-fila="profil"] .zona-cap, .fila[data-fila="brain"] .zona-cap,
.fila[data-fila="strategie"] .zona-cap, .fila[data-fila="consiliu"] .zona-cap,
.fila[data-fila="research"] .zona-cap { position: relative; padding-left: var(--p4); }
.fila[data-fila="strategie"] .zona-cap::before, .fila[data-fila="consiliu"] .zona-cap::before,
.fila[data-fila="research"] .zona-cap::before {
  content: ""; position: absolute; left: 0; top: var(--p6); width: 6px; bottom: 2px;
  background: repeating-linear-gradient(to bottom, var(--chink) 0 6px, transparent 6px 8px);
}
.fila[data-fila="strategie"] .zona-cap:first-child::before,
.fila[data-fila="consiliu"] .zona-cap:first-child::before,
.fila[data-fila="research"] .zona-cap:first-child::before { top: 0; }
/* [hidden] pierde în fața lui `display:` din autor; perechea lipsea, deci o scriem */
.pt-panou[hidden], .pt-kpi[hidden], .pt-diag[hidden] { display: none; }