` computeaza 8px, un `` de control ia raza prin `inherit` fara
probleme, dar pe `` `inherit` da 0 — in timp ce aceeasi valoare scrisa LITERAL prinde.
Deci aici se scrie tokenul, nu `inherit`.
Pretul: daca `.panel-acc` isi schimba raza, trebuie schimbata si asta. De-aia tokenul e acelasi
(`--radius-sm`), nu o cifra — ca sa se miste impreuna. */
.panel-acc > summary {
border-start-start-radius: var(--radius-sm);
border-start-end-radius: var(--radius-sm);
}
.panel-acc__name { font-weight: var(--type-title-weight, 900); }
.panel-acc__body { padding: clamp(.35rem, 1.5vw, .5rem) clamp(.35rem, 2vw, .6rem) 0.6rem; border-top: 1px solid var(--border-hair); display: flex; flex-direction: column; gap: 0.5rem; border-top-color: var(--sm-hair); }
.panel-acc__actions { display: flex; gap: 0.3rem; flex-wrap: wrap; }
.panel-acc__actions form { display: inline; }
@media (prefers-reduced-motion: reduce) { .panel-acc > summary::after { transition: none; } }
/* Marcaj panel pe cardul sistemului */
.sys-panel-tag { display: inline-flex; align-items: center; gap: 0.2rem; font-size: var(--font-xs); padding: 1px 7px; border-radius: var(--radius-sm); background: var(--paper-2); border: 1px solid var(--border-hair); align-self: flex-start; }
.sys-panel-tag__form { display: inline; }
.sys-panel-tag__del { border: 0; background: transparent; color: var(--danger); padding: 0 0 0 2px; line-height: 1; cursor: pointer; }
/* Accent culoare per panel — leagă cardul panelului de sistemele membre din grid.
Trecut pe paleta CATEGORIALĂ (`--cat-*`, tokens.css, ADR 0056). Înainte erau șase hexuri literale,
fără variantă de temă întunecată — deci aceeași nuanță închisă și pe fundal închis — iar două din
ele călcau semantica: `#e8590c` (portocaliu ≈ avertisment) și `#f08c00` (galben = avertisment);
`#2f9e44` se citea „ok". Paleta e construită eliminând culorile deja vorbite. Nuanța nu e singurul
canal: numele panoului e scris lângă dungă. */
.jacc-0 { border-left: 3px solid var(--cat-1); }
.jacc-1 { border-left: 3px solid var(--cat-2); }
.jacc-2 { border-left: 3px solid var(--cat-3); }
.jacc-3 { border-left: 3px solid var(--cat-4); }
.jacc-4 { border-left: 3px solid var(--cat-5); }
.jacc-5 { border-left: 3px solid var(--cat-6); }
/* Rolul unui utilizator = CATEGORIE, nu stare (ADR 0056). Culoarea vine din paleta categorială, iar
canalul principal rămâne CUVÂNTUL scris în insignă. Contur + text, nu umplere: paleta e calibrată
pentru ≥ 3:1 pe suprafață, nu are pereche „on-" pentru umpleri. */
.role-badge { background: transparent; border: 1px solid var(--cat-1); color: var(--cat-1); }
.role-badge--admin { border-color: var(--cat-2); color: var(--cat-2); }
/* Singurul supraviețuitor al vechiului grid de carduri Dansatori (tabul e acum .admin-table):
crew-ul de lângă numele dansatorului. Restul blocului = șters la auditul 2026-08-06. */
.dancer-card__crew { color: var(--fg3); font-size: var(--font-xs); margin-left: 0.3rem; }
/* === 11b. CONTEST EDIT — /cont/{id}/edit ============== */
/* Muchia stângă = semnătura de STIL (aceeași ca .style-pill/.cat-strip__item): hue-ul vine din
markup (`--style-h`, filtrul style_hue), S/L din scara stilului de dans din `tokens.css`. Diferențiază
categoriile între ele și de panourile .form-panel din jur (nivel 1 = ramă uniformă). */
.ecat {
/* Trei laturi: fir de 1px in muchia de card (coborat din `@layer skin` la B159 L10, F2).
A patra, stanga, ramane rigla groasa cu hue-ul stilului — vezi randul urmator. */
border: 1px solid var(--sm-card-edge);
border-left: 3px solid hsl(var(--style-h, 0) var(--style-s, 70%) var(--style-l-accent, 45%));
border-radius: var(--radius-sm); background: var(--sm-card-surface); margin-bottom: .5rem;
border-right-width: 1px; }
/* `.ecat__hdr` poarta tenta stilului, deci PICTEAZA peste coltul de sus al randului. Acelasi
tipar ca mai sus; jos nu e nevoie — `.ecat__body` are doar padding. */
.ecat > :first-child { border-start-start-radius: inherit; border-start-end-radius: inherit; }
/* Headerul poartă TENTA stilului (aceeași scară ca .style-pill: --style-l-bg 90% light / 22% dark,
din scara stilului de dans, `tokens.css`) — fostul var(--paper-2) diferea de fundal cu un micro-pas și
zonele nu se distingeau (raport user 2026-08-16). Cerneala titlului vine din aceeași scară. */
.ecat__hdr {
display: flex; align-items: center; justify-content: space-between; gap: 6px;
padding: .3rem .6rem;
background: hsl(var(--style-h, 0) var(--style-s, 70%) var(--style-l-bg, 90%));
border-bottom: 1px solid var(--border-hair);
}
.ecat__title { font-family: var(--font-display); font-size: var(--font-md); font-weight: var(--type-title-weight, 900); text-transform: var(--type-title-case, uppercase); letter-spacing: var(--type-title-tracking, .03em); color: hsl(var(--style-h, 0) var(--style-s, 70%) var(--style-l-fg, 30%)); }
.ecat__meta { font-size: var(--font-xs); color: hsl(var(--style-h, 0) var(--style-s, 70%) var(--style-l-fg, 30%)); opacity: .75; font-weight: 400; text-transform: none; letter-spacing: 0; }
.ecat__body { padding: .5rem .65rem; }
.config-pill--lock { opacity: .6; border-style: dashed; }
.inp-poster { max-width: 160px; }
.edit-locked-note {
font-size: var(--font-xs); color: var(--fg3);
display: inline-flex; align-items: center; gap: 4px;
}
/* Câmp modificat dar nesalvat — semnal vizual (form-dirty.js îl pune/scoate). Bară accent la stânga.
!important: bate border-color-ul cu stare al Bootstrapului (:focus/.is-invalid pe .form-control),
altfel semnalul dispare exact pe câmpul în care omul tocmai scrie. */
.is-dirty {
border-color: var(--dirty-signal, var(--accent)) !important;
/* `!important` si pe umbra, din acelasi motiv ca pe chenar - si nu doar din cauza Bootstrapului:
`.form-control:focus { box-shadow: none }` (tokens.css, `@layer app`) stinge halo-ul de focus. Regula aia
e in ACELASI layer ca asta de aici, dar mai specifica (0,2,0 fata de 0,1,0), deci fara `!important` bara
de 3px ar disparea exact pe campul in care omul tocmai scrie - adica fix regresia pe care chenarul o
prevenea. Gasit in B159 L6b, cand motivul era ordinea layerelor (`@layer skin`); layerul a disparut la
L10 F4, MOTIVUL A RAMAS, dar e altul: specificitatea. */
box-shadow: inset 3px 0 0 0 var(--dirty-signal, var(--accent)) !important;
background: var(--sm-warning-soft); }
/* Bară unică de salvare, lipită jos — un singur „Salvează modificările" pentru tot ce e configurabil. */
.edit-savebar {
position: sticky; bottom: 0; z-index: 10;
display: flex; align-items: center; gap: .5rem; flex-wrap: wrap;
margin-top: .75rem; padding: .55rem .7rem;
background: var(--surface);
border: 2px solid var(--border-strong); border-radius: var(--radius-sm);
box-shadow: var(--sm-elev-float);
transition: border-color .15s ease, background-color .15s ease;
border-color: var(--sm-card-edge); border-width: 1px; }
/* Stare „nesalvat" — semnal vizual în pagină (fără popup), accent pe bară + status. */
.edit-savebar--dirty { border-color: var(--sm-warning); background: var(--dirty-surface, var(--bg-elevated)); border-width: 2px; }
.savebar-status {
font-family: var(--font-display); font-weight: var(--type-status-weight, 900); text-transform: var(--type-status-case, uppercase);
letter-spacing: var(--type-status-tracking, .06em); font-size: var(--font-xs); color: var(--dirty-signal, var(--accent));
}
/* Coborata din `@layer skin` la B159 L10 (F2). */
.acct-card .btn-outline-secondary:hover { background: color-mix(in srgb, var(--sm-text-hi) 12%, var(--sm-s3)); color: var(--sm-text-hi); border-color: var(--sm-line); }
/* Coborata din `@layer skin` la B159 L10 (F2). */
.category-row .category-row__title { color: var(--sm-text-hi); }
/* Coborata din `@layer skin` la B159 L10 (F2). */
.category-row .btn-close { filter: var(--sm-close-filter); }
/* Coborata din `@layer skin` la B159 L10 (F2). */
.copy-picker > summary:active { background: var(--sm-btn-fill); color: var(--sm-on-btn-fill); }
/* Coborata din `@layer skin` la B159 L10 (F2). */
.cbc-days--today { background: var(--sm-warning); color: var(--sm-bg); }
/* ---- ADMIN, insignele (B175, 2026-09-26) ----
Aici stateau PATRU reguli care remapau culorile Bootstrap (`--bs-warning-rgb` etc.). Existau doar
ca sa anuleze o semantica pe care markupul o numea gresit: un CONTOR scris `bg-warning`, o stare
scrisa `bg-success`. Randarea iesea corecta, markupul mintea, iar regulile erau declaratii de
anulare — exact tiparul curatat din CSS la B159 L10. Acum numele spun ce sunt, si toate patru
au disparut.
Contorul pastreaza `.badge`, ca sa mosteneasca geometria Bootstrap: asa randarea ramane
identica cu ce dadea remapul, iar schimbarea e doar de NUME. */
.admin-count { background: var(--sm-s3); color: var(--sm-text-hi); }
/* ⚠️ Puntea asta NU e un remap de insigna si NU se sterge odata cu ele: `.text-dark` din Bootstrap
e o culoare FIXA, iar aici o face sa urmeze tema (cerneala inchisa pe light, deschisa pe dark).
O folosesc butoanele „Salveaza barem" / „Salveaza" din tabul de jurizare (~54, una per rand de
sistem). Stearsa din greseala la prima incercare de B175, si sonda a prins-o imediat: textul lor
sarise pe `rgb(33,37,41)`, adica pe cenusiul brut al Bootstrapului, ilizibil pe tema intunecata.
⚠️ ATENTIE la ce NU spune comentariul asta — prima versiune a lui afirma ca butoanele stau pe
„albastru brut". FALS, masurat: `.btn-info` e remapat in `components.css` pe paleta, deci ele se
randeaza `#dde0d5` / cerneala `--sm-text-hi` pe light si `rgb(49,56,49)` / `#e6e9e3` pe dark.
Puntea asta tine doar CERNEALA, prin utilitarul `text-dark` din markupul lor.
Si de aici vine B182: `text-dark` e REDUNDANT, fiindca remapul lui `.btn-info` seteaza deja
`--bs-btn-color: var(--sm-text-hi)`. Se scoate din markup → puntea ramane fara consumator si
moare si ea. Nu se sterge INAINTE de markup: ordinea conteaza, altfel se repeta greseala. */
body.admin { --bs-dark-rgb: var(--sm-text-hi-rgb); }
} /* END @layer app */