/* ASIS-TECH · v14 — rôles des sous-admins, alerte « intervention urgente », listes dépliantes, rapports */

/* ---- listes dépliantes (comme « Comptes clients ») : une ligne compacte, le détail s'ouvre au toucher ---- */
.acc>.cl,.acc>.row{position:relative;padding-right:34px;cursor:pointer}
.acc>.cl::after,.acc>.row::after{content:"";position:absolute;right:13px;top:17px;width:8px;height:8px;border-right:2.5px solid var(--mu);border-bottom:2.5px solid var(--mu);transform:rotate(45deg);transition:transform .22s}
.acc>.cl.open::after,.acc>.row.open::after{transform:rotate(-135deg);top:21px}
.acc>.cl:not(.open)>*:not(:first-child):not(.qk){display:none!important}
.acc>.row:not(.open)>.b,.acc>.row:not(.open)>a.b,.acc>.row:not(.open)>.mx{display:none!important}
.acc>.cl:not(.open) small:nth-of-type(n+2),.acc>.row:not(.open) small:nth-of-type(n+2){display:none}
.acc>.cl:not(.open) small:first-of-type,.acc>.row:not(.open) small:first-of-type{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:block}
.acc>.row:not(.open)>div>br{display:none}
.acc>.cl .ub,.acc>.row .ub{cursor:default}

/* ---- alerte « Intervention urgente de vous, chef » : toujours visible, au-dessus de la publication / du compte ---- */
.urg{border:2px solid var(--bad);background:color-mix(in srgb,var(--bad) 9%,var(--card));border-radius:12px;padding:10px 12px;margin:0 0 4px;box-shadow:0 0 0 0 color-mix(in srgb,var(--bad) 40%,transparent);animation:urgp 2.4s ease-out infinite}
.urg>b{display:block;color:var(--bad);font-size:14px}
.urg>small{display:block;color:var(--tx);font-size:12px;line-height:1.5;margin-top:3px;overflow-wrap:anywhere}
.urg .ub{margin-top:8px}
@keyframes urgp{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--bad) 35%,transparent)}70%,100%{box-shadow:0 0 0 8px transparent}}
@media (prefers-reduced-motion:reduce){.urg{animation:none}}
.b.u{background:#fff4e5;border-color:#e08a00;color:#8a4f00}
.cl+.urg,.ur+.urg,.row+.urg{margin-top:8px}

/* ---- gestion des sous-admins ---- */
.sa-add{display:flex;gap:6px;align-items:stretch}
.sa-add .sa-in{flex:1;display:flex;align-items:center;border:1px solid var(--bd);border-radius:10px;background:var(--card);overflow:hidden;min-width:0}
.sa-add .sa-in input{border:0;flex:1;min-width:0;background:transparent;margin:0;padding-right:2px}
.sa-add .sa-in span{padding:0 10px 0 2px;color:var(--mu);font-size:13px;white-space:nowrap}
.sa-row{border:1px solid var(--bd);border-radius:12px;margin-top:8px;background:var(--card);overflow:hidden}
.sa-h{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;user-select:none}
.sa-h>div{flex:1;min-width:0}
.sa-h b{display:block;overflow-wrap:anywhere}
.sa-h small{display:block;color:var(--mu);font-size:12px}
.sa-h::after{content:"";width:8px;height:8px;border-right:2.5px solid var(--mu);border-bottom:2.5px solid var(--mu);transform:rotate(45deg);transition:transform .22s;flex:none;margin-right:2px}
.sa-row.open .sa-h::after{transform:rotate(-135deg)}
.sa-b{display:none;padding:2px 12px 12px;border-top:1px dashed var(--bd)}
.sa-row.open .sa-b{display:block}
.sa-g{margin-top:10px}
.sa-g>strong{display:block;font-size:12px;letter-spacing:.3px;text-transform:uppercase;color:var(--mu);margin-bottom:2px}
.sa-g label{display:flex;align-items:center;gap:9px;padding:7px 2px;font-size:14px;margin:0;cursor:pointer}
.sa-g input[type=checkbox]{width:20px;height:20px;margin:0;flex:none;accent-color:var(--p)}
.sa-act{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.sa-act .b{margin:0}
.sa-rep{margin-top:12px;padding:10px;border:1px solid var(--bd);border-radius:10px}
.sa-rep select{width:100%;margin:6px 0 8px}
.sa-pass{margin:10px 0;padding:12px;border:1px dashed var(--p);border-radius:12px;font-size:13px}
.sa-pass code{display:inline-block;margin:4px 8px 4px 0;padding:6px 14px;border-radius:10px;background:var(--bd);font-size:24px;font-weight:800;letter-spacing:5px;user-select:all}
.sa-tag{display:inline-block;font-size:11px;padding:1px 8px;border-radius:999px;background:var(--bd);color:var(--mu);margin-left:6px;vertical-align:middle}
.sa-tag.w{background:#fff4e5;color:#8a4f00}
body.staff #panel>.card.stf-hide{display:none!important}