/* Espace interne HeyLioo et assistance (static/staff-ui.js) : cartes métier, tables devenues fiches sur
   téléphone, menu d'actions d'une ligne, contexte d'un dossier, pilotage. Jetons de brand/tokens.css uniquement. */

/* Espace HeyLioo : un groupe par métier, des cartes au bouton posé sur sa propre ligne. */
.staff-group{margin-top:var(--space-6)}
.staff-group>h2{font-size:var(--fs-16);margin:0 0 var(--space-3)}
.staff-shortcut h3{font-size:var(--fs-16);margin:0}
.staff-shortcut p{margin:0}
.staff-card-icon{display:inline-flex;padding:var(--space-2);border-radius:var(--radius-full);background:var(--info-bg);color:var(--blue)}
.staff-product .panel-heading{width:100%;margin:0}

/* Tables internes : une ligne ouvrable, son titre en lien. */
.staff-records{overflow-x:auto;max-width:100%;overscroll-behavior-x:contain}
.staff-row-title{display:inline-flex;align-items:center;min-height:var(--control);font-size:inherit}
.staff-table td:last-child{text-align:end}

/* Menu d'actions d'une ligne : un seul contrôle, les actions dedans, dépliées sur place (jamais hors de la carte). */
.staff-menu{display:inline-block;text-align:start;max-width:100%}
.staff-menu-toggle{display:inline-flex;align-items:center;gap:var(--space-1);min-height:var(--control);padding:0 var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);font-weight:600;cursor:pointer;list-style:none}
.staff-menu-toggle::-webkit-details-marker{display:none}
.staff-menu[open]>.staff-menu-toggle{border-color:var(--blue);color:var(--blue)}
.staff-menu-list{display:grid;gap:var(--space-1);margin-top:var(--space-2);padding:var(--space-2);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-sm)}

/* Faits d'un dossier, d'une commande, d'une opération : intitulé au-dessus de la valeur. */
.staff-facts{display:grid;gap:var(--space-3);margin:var(--space-4) 0}
.staff-facts dt{color:var(--text-2)}
.staff-facts dd{margin:0;overflow-wrap:anywhere}
.staff-facts code,.case-details code{overflow-wrap:anywhere}

/* Dossier : fil principal, notes internes distinctes, sélecteur Réponse / Note au-dessus de la saisie. */
.case-message-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}
.case-message.internal-note{border-style:dashed;border-color:var(--blue)}
.staff-reply{padding-top:var(--space-4);border-top:1px solid var(--line)}
.staff-reply.is-note textarea{background:var(--info-bg);border-style:dashed}
.staff-conflict:empty{display:none}
.staff-conflict{display:grid;gap:var(--space-2);justify-items:start}
.case-details>h2,.case-layout>.panel>h2{margin-bottom:var(--space-2);font-size:var(--fs-16)}
.staff-sender{overflow-wrap:anywhere;margin:0}
.staff-narrow{max-width:36rem}
.staff-permissions{margin:0 0 var(--space-4)}

/* Volets repliés : diagnostic d'envoi, documentation avancée. */
.staff-diagnostic,.staff-doc{margin-top:var(--space-4);border-top:1px solid var(--line);padding-top:var(--space-3)}
.staff-diagnostic>summary,.staff-doc>summary{cursor:pointer;font-weight:600;min-height:var(--control);display:flex;align-items:center}
.staff-copy{display:flex;align-items:flex-end;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-2)}
.staff-copy>.hl-field{flex:1 1 18rem;min-width:0}

/* Pilotage : impact en liste, verrous en tête, zone de danger séparée. */
.staff-impact{display:grid;gap:var(--space-2);margin:var(--space-3) 0;padding-inline-start:var(--space-5)}
.staff-subtitle{font-size:var(--fs-14);margin:var(--space-5) 0 var(--space-2)}
.staff-locks{display:grid;gap:var(--space-3);margin:0 0 var(--space-3);padding:0;list-style:none}
.staff-lock{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--space-2)}
.staff-lock-text{flex:1 1 16rem;min-width:0}
.staff-danger{border-color:var(--error)}
.staff-danger h2{color:var(--error)}

/* Journal : filtres côté affichage, sur les lignes chargées. */
.staff-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin-bottom:var(--space-2)}
.staff-filters{align-items:end}

@media(max-width:650px){
 .staff-filters{grid-template-columns:1fr}
 /* Sur téléphone, chaque ligne devient une fiche : l'intitulé de colonne passe au-dessus de sa valeur. */
 .staff-table{min-width:0}
 .staff-table thead{display:none}
 .staff-table,.staff-table tbody,.staff-table tr,.staff-table td{display:block;width:100%}
 .staff-table tr{border:1px solid var(--line);border-radius:var(--radius-sm);padding:var(--space-3);margin-bottom:var(--space-3)}
 .staff-table td{border:0;padding:var(--space-1) 0;text-align:start}
 .staff-table td:last-child{text-align:start;padding-top:var(--space-2)}
 .staff-table td[data-label]::before{content:attr(data-label);display:block;color:var(--text-2);margin-bottom:var(--space-1)}
 .staff-table td[data-label=""]::before{content:none}
 .staff-menu{display:block}
}

/* Registre des cartes NFC : historique d'une carte, du plus récent au plus ancien. */
.staff-timeline{list-style:none;margin:var(--space-4) 0;padding:0 0 0 var(--space-4);border-left:2px solid var(--line)}
.staff-timeline li{margin:0 0 var(--space-3);overflow-wrap:anywhere}
.staff-timeline small{color:var(--text-2)}
.staff-tag{white-space:nowrap}