/* Back Office presentation; shared account styles and tokens stay in app.css. */
#admin .admin-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.5fr) auto auto;align-items:end;gap:12px;margin:22px 0 12px}
#admin select{width:100%;min-height:52px;padding:12px;border:1.5px solid var(--line);border-radius:var(--r);font:inherit;background:var(--card);color:var(--ink)}
#admin .admin-user{border-top:1px solid var(--line);padding:20px 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
#admin .admin-user:first-child{border-top:0}
#admin .admin-user-info{min-width:0;flex:1 1 260px;overflow-wrap:anywhere}
#admin .admin-user-heading{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
#admin h3{font-size:17px;margin:0}
#admin .admin-user p{margin:5px 0 0;font-size:13px}
#admin .admin-state{font-size:12px;font-weight:700;border-radius:20px;padding:4px 10px;background:var(--unknown-soft);color:var(--unknown)}
#admin .admin-state-active{background:var(--pos-soft);color:var(--pos)}
#admin .admin-state-pending{background:var(--pending-soft);color:var(--pending)}
#admin .admin-actions{flex:0 1 auto}
#admin .admin-actions button{font-size:13px;padding:9px 12px}
#admin .admin-create-grid{grid-template-columns:1fr 1fr auto;align-items:end}
#admin dialog{max-width:540px;width:calc(100% - 32px);max-height:calc(100dvh - 32px);overflow:auto;border:1px solid var(--line);border-radius:var(--r-dialog);padding:24px;color:var(--ink);background:var(--card)}
#admin dialog::backdrop{background:rgb(16 45 54 / .55)}
#admin dialog p{font-size:14px;margin:12px 0}
#admin #admin-delete-warning{color:var(--neg);font-weight:600}
#admin #admin-delete-target{overflow-wrap:anywhere;font-weight:700}
#admin summary::before{content:'＋';margin-inline-end:10px;color:var(--action)}
#admin details[open]>summary::before{content:'−'}
@media(max-width:750px){#admin .admin-filters{grid-template-columns:1fr 1fr}#admin .admin-filters label:first-child{grid-column:1/-1}#admin .admin-create-grid{grid-template-columns:1fr}}
@media(max-width:400px){#admin .admin-filters{grid-template-columns:1fr}#admin .admin-actions{display:grid;width:100%}#admin dialog{padding:18px}}