.users-toolbar{display:flex;justify-content:flex-end;margin:0 0 24px}.users-toolbar button{display:inline-flex;align-items:center;gap:8px}.users-toolbar button span{font-size:22px;line-height:1}
.users-group{margin-bottom:14px;min-width:0}.users-group summary{cursor:pointer;font-size:17px;font-weight:700;color:#163f68;overflow-wrap:anywhere}.users-count{display:inline-block;margin-left:12px;padding:3px 10px;border-radius:20px;background:#eaf4fc;color:#366b93;font-size:13px}.users-list{margin-top:16px}
.user-list-item{display:flex;align-items:center;gap:16px;width:100%;text-align:left;margin-top:8px;padding:16px;background:#f4f8fc;border:1px solid #d9e7f2}.user-list-item>span:first-child{flex:1;min-width:0}.user-list-item strong,.user-list-item small{display:block;overflow-wrap:anywhere;white-space:normal}.user-list-item small{color:var(--muted);margin-top:5px}.user-list-item .status{white-space:normal;overflow-wrap:anywhere;flex-shrink:0;max-width:45%}
.user-type-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:14px;margin:24px 0}.user-type-choices button{padding:24px 18px;text-align:left;border:1px solid #c9dfee;background:#f1f8fe}.user-type-choices strong,.user-type-choices span{display:block;overflow-wrap:anywhere}.user-type-choices span{font-size:13px;margin-top:10px;color:var(--muted);line-height:1.6}
.user-detail-fields>div{margin:16px 0;min-width:0}.user-detail-fields dt{font-size:12px;color:var(--muted);margin-bottom:5px}.user-detail-fields dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.user-detail-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.user-detail-actions button{max-width:100%;white-space:normal;overflow-wrap:anywhere}.user-detail-actions .user-danger{border:1px solid #dc2626;background:#fef2f2;color:#b91c1c}.user-detail-actions .user-danger:hover{background:#fee2e2}
@media(max-width:600px){.user-type-choices{grid-template-columns:1fr}.user-list-item{gap:8px;padding:12px}.users-group{padding:18px}.user-list-item .status{font-size:11px}}

/* Choix du compte : survol visible et même repère au clavier. */
.user-type-choices button{transition:background-color .18s,border-color .18s,box-shadow .18s,transform .18s;transform-origin:center}
.user-type-choices button:focus-visible{outline:3px solid #2379b5;outline-offset:3px;background:#dceeff;border-color:#438ec5;box-shadow:0 5px 16px #164f7b20}
@media(hover:hover){.user-type-choices button:not(:disabled):hover{background:#dceeff;border-color:#438ec5;box-shadow:0 5px 16px #164f7b20;transform:scale(1.02)}}
.user-type-choices button:active{background:#c9e5fc;border-color:#2379b5}
@media(prefers-reduced-motion:reduce){.user-type-choices button{transition:none}.user-type-choices button:not(:disabled):hover{transform:none}}

.user-type-choices button:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}

/* Trois choix alignés ; largeur et hauteur identiques dans chaque disposition. */
.user-type-choices{grid-auto-rows:1fr;align-items:stretch}
.user-type-choices button{min-width:0;min-height:160px;height:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start}
@media(max-width:600px){.user-type-choices{grid-template-columns:1fr}.user-type-choices button{min-height:130px}}