/* Portal ROSES Admin Users v24EGL */
:root{--usr-bg:#f8fafc;--usr-card:#fff;--usr-text:#0f172a;--usr-muted:#64748b;--usr-border:#e2e8f0;--usr-green:#047857;--usr-red:#b91c1c;--usr-blue:#0369a1;--usr-shadow:0 22px 70px rgba(15,23,42,.09)}html[data-theme="dark"],body.dark{--usr-bg:#07111f;--usr-card:#0f172a;--usr-text:#f8fafc;--usr-muted:#94a3b8;--usr-border:rgba(148,163,184,.22);--usr-shadow:0 22px 70px rgba(0,0,0,.35)}body.roses-admin-users-v24EGL{margin:0;background:radial-gradient(circle at top right,rgba(14,165,233,.12),transparent 34%),var(--usr-bg);color:var(--usr-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.usr-shell{width:min(1180px,calc(100% - 28px));margin:18px auto 112px}.usr-top{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px}.usr-brand{display:flex;align-items:center;gap:12px}.usr-logo{width:48px;height:48px;border-radius:18px}.usr-kicker{display:block;font-size:11px;font-weight:1000;letter-spacing:.16em;text-transform:uppercase;color:var(--usr-green)}.usr-top h1{margin:.1rem 0 0;font-size:clamp(1.35rem,2.5vw,2rem);letter-spacing:-.04em}.usr-actions{display:flex;gap:8px;flex-wrap:wrap}.usr-btn{border:1px solid var(--usr-border);border-radius:999px;background:var(--usr-card);color:var(--usr-text);font-weight:900;padding:10px 14px;text-decoration:none;cursor:pointer}.usr-btn--primary{background:linear-gradient(135deg,#047857,#0ea5e9);color:#fff;border:0}.usr-status{margin:12px 0;padding:12px 14px;border-radius:18px;background:#ecfdf5;border:1px solid rgba(16,185,129,.22);color:#065f46;font-weight:800}.usr-status[data-state="error"]{background:#fef2f2;border-color:#fecaca;color:#991b1b}.usr-card{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,255,255,.93));border:1px solid var(--usr-border);border-radius:28px;padding:18px;box-shadow:var(--usr-shadow)}html[data-theme="dark"] .usr-card,body.dark .usr-card{background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(15,23,42,.92))}.usr-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}.usr-card h2{margin:0;font-size:1.05rem}.usr-card p{margin:.35rem 0 0;color:var(--usr-muted);font-weight:700;line-height:1.45}.usr-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.usr-stat{border:1px solid var(--usr-border);border-radius:22px;padding:14px;background:rgba(248,250,252,.72)}.usr-stat strong{display:block;font-size:1.55rem}.usr-stat span{font-size:12px;color:var(--usr-muted);font-weight:900}.usr-tools{display:grid;grid-template-columns:1fr 160px 160px;gap:10px;margin-bottom:14px}.usr-tools input,.usr-tools select{border:1px solid var(--usr-border);border-radius:999px;background:var(--usr-card);color:var(--usr-text);padding:10px 13px;font:inherit;font-weight:800}.usr-groups{display:grid;gap:14px}.usr-group{border:1px solid var(--usr-border);border-radius:26px;overflow:hidden;background:rgba(248,250,252,.45)}.usr-group-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 14px;background:rgba(15,23,42,.04)}.usr-group-head h3{margin:0;font-size:1rem}.usr-count{border-radius:999px;padding:6px 10px;background:#e0f2fe;color:#0369a1;font-size:12px;font-weight:1000}.usr-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}.usr-row{border:1px solid var(--usr-border);border-radius:22px;padding:13px;background:var(--usr-card);display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start}.usr-avatar{width:48px;height:48px;border-radius:18px;background:linear-gradient(135deg,#ecfdf5,#dbeafe);display:grid;place-items:center;font-weight:1000;color:#064e3b;overflow:hidden}.usr-avatar img{width:100%;height:100%;object-fit:cover}.usr-name{font-weight:1000;letter-spacing:-.02em}.usr-sub{font-size:.85rem;color:var(--usr-muted);font-weight:800;margin-top:2px}.usr-pills{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.usr-pill{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:1000;background:#f1f5f9;color:#475569}.usr-pill.ok{background:#ecfdf5;color:#047857}.usr-pill.no{background:#fef2f2;color:#b91c1c}.usr-pill.blue{background:#e0f2fe;color:#0369a1}.usr-emails{display:grid;gap:4px;margin-top:8px;font-size:.83rem;color:var(--usr-muted);font-weight:700}.usr-empty{padding:18px;border:1px dashed var(--usr-border);border-radius:20px;text-align:center;color:var(--usr-muted);font-weight:900}@media(max-width:900px){.usr-shell{width:min(100% - 18px,720px);margin-top:10px}.usr-top{display:block}.usr-actions{margin-top:10px}.usr-stats{grid-template-columns:repeat(2,1fr)}.usr-tools{grid-template-columns:1fr}.usr-list{grid-template-columns:1fr}.usr-card{padding:14px;border-radius:24px}}@media(max-width:440px){.usr-stats{grid-template-columns:1fr}.usr-actions .usr-btn{flex:1;text-align:center}.usr-row{grid-template-columns:1fr}.usr-avatar{width:42px;height:42px}}

/* ROSES v24EEF - admin user online and actions */
.usr-stats{grid-template-columns:repeat(5,minmax(0,1fr))}
.usr-row{grid-template-columns:auto minmax(0,1fr) auto}
.usr-card-main{min-width:0}
.usr-row-actions{display:flex;gap:6px;align-items:flex-start;justify-content:flex-end;flex-wrap:wrap}
.usr-action{border:1px solid var(--usr-border);border-radius:999px;background:var(--usr-card);color:var(--usr-text);font-size:11px;font-weight:1000;padding:7px 10px;cursor:pointer}
.usr-action--danger{border-color:rgba(220,38,38,.28);background:#ef4444;color:#fff}
.usr-action:disabled{opacity:.55;cursor:not-allowed}
html[data-theme="dark"] .usr-action--danger,body.dark .usr-action--danger{background:#b91c1c;color:#fff}
@media(max-width:1040px){.usr-stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.usr-stats{grid-template-columns:repeat(2,1fr)}.usr-row{grid-template-columns:auto minmax(0,1fr)}.usr-row-actions{grid-column:1/-1;justify-content:flex-start}.usr-action{flex:0 0 auto}}
@media(max-width:440px){.usr-stats{grid-template-columns:1fr}.usr-row{grid-template-columns:1fr}.usr-row-actions{display:grid;grid-template-columns:1fr 1fr}.usr-action{text-align:center}}

/* v24EGF Telegram auto + manual verification */
.usr-tele-manual-card{margin-top:16px;}
.usr-tele-manual-list{display:grid;gap:10px;}
.usr-tele-row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:12px;border:1px solid rgba(148,163,184,.22);border-radius:16px;background:rgba(15,23,42,.34);}
.usr-tele-note{margin-top:4px;color:#94a3b8;font-size:.82rem;line-height:1.35;}
.usr-tele-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
.usr-mini-btn{border:0;border-radius:999px;padding:8px 11px;font-weight:800;font-size:.78rem;cursor:pointer;background:#334155;color:#fff;}
.usr-mini-btn:disabled{opacity:.55;cursor:wait;}
.usr-mini-btn--ok{background:#16a34a;}
.usr-mini-btn--danger{background:#dc2626;}
@media(max-width:720px){.usr-tele-row{display:block}.usr-tele-actions{justify-content:flex-start;margin-top:10px}}


/* v24EGL - Tarikh Lapor Diri single-source + Rank Guru */
.usr-global-icons{display:flex;align-items:center;gap:7px;margin-left:4px}
.usr-icon-btn{width:38px;height:38px;border-radius:999px;border:1px solid var(--usr-border);background:var(--usr-card);color:var(--usr-text);font-weight:1000;display:grid;place-items:center;cursor:pointer;text-decoration:none}
.usr-icon-btn .roses-noti-bell__badge{position:absolute;transform:translate(12px,-12px)}
.usr-rank-card{margin-bottom:16px}
.usr-rank-list{display:grid;gap:8px;margin-top:10px}
.usr-rank-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--usr-border);border-radius:18px;padding:10px 12px;background:rgba(248,250,252,.62)}
html[data-theme="dark"] .usr-rank-row,body.dark .usr-rank-row{background:rgba(15,23,42,.7)}
.usr-rank-row.is-missing{opacity:.78}
.usr-rank-no{width:34px;height:34px;border-radius:14px;display:grid;place-items:center;background:#e0f2fe;color:#0369a1;font-weight:1000}
.usr-rank-main{display:grid;gap:2px;min-width:0}
.usr-rank-main strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.usr-rank-main span{font-size:.82rem;color:var(--usr-muted);font-weight:800}
.usr-rank-badge{border-radius:999px;padding:7px 10px;background:#ecfdf5;color:#047857;font-size:11px;font-weight:1000;white-space:nowrap}.usr-rank-badge.is-incomplete{background:#fff7ed;color:#c2410c}.usr-rank-badge.is-complete{background:#ecfdf5;color:#047857}
.usr-group--inactive{border-color:rgba(220,38,38,.26)}
.usr-row-actions{display:flex;gap:6px;align-items:flex-start;justify-content:flex-end;flex-wrap:wrap}
.usr-action{border:1px solid var(--usr-border);border-radius:999px;background:var(--usr-card);color:var(--usr-text);font-size:11px;font-weight:1000;padding:7px 10px;cursor:pointer}
.usr-action--danger{border-color:rgba(220,38,38,.28);background:#ef4444;color:#fff}
.usr-action:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:900px){.usr-rank-row{grid-template-columns:36px minmax(0,1fr)}.usr-rank-badge{grid-column:2}.usr-row-actions{grid-column:1/-1;justify-content:flex-start}}
@media(max-width:520px){.usr-global-icons{width:100%;margin-left:0}.usr-icon-btn{flex:1}}


/* v24EGL - Desktop width fix based on screenshot audit.
   The page must not stay as a narrow/mobile column on desktop or zoomed-out desktop. */
body.roses-admin-users-v24EGL{overflow-x:hidden;}
body.roses-admin-users-v24EGL .usr-shell{box-sizing:border-box;}
@media (min-width:1024px){
  body.roses-admin-users-v24EGL .usr-shell{
    width:calc(100vw - 48px)!important;
    max-width:none!important;
    margin:18px auto 122px!important;
  }
  body.roses-admin-users-v24EGL .usr-top{
    width:100%!important;
    max-width:none!important;
    position:sticky;
    top:10px;
    z-index:20;
    padding:10px 12px;
    border:1px solid var(--usr-border);
    border-radius:26px;
    background:rgba(255,255,255,.86);
    box-shadow:0 16px 45px rgba(15,23,42,.08);
    backdrop-filter:blur(18px);
  }
  html[data-theme="dark"] body.roses-admin-users-v24EGL .usr-top,
  body.dark.roses-admin-users-v24EGL .usr-top{background:rgba(15,23,42,.86);}
  body.roses-admin-users-v24EGL .usr-card{width:100%!important;max-width:none!important;}
  body.roses-admin-users-v24EGL .usr-list{grid-template-columns:repeat(3,minmax(0,1fr));}
  body.roses-admin-users-v24EGL .usr-rank-list{grid-template-columns:repeat(2,minmax(0,1fr));}
  body.roses-admin-users-v24EGL .usr-rank-row{grid-template-columns:42px minmax(0,1fr) auto;}
  body.roses-admin-users-v24EGL #rosesNativeContextFooter{
    width:calc(100vw - 48px)!important;
    max-width:none!important;
    left:24px!important;
    right:24px!important;
    transform:none!important;
  }
}
@media (min-width:1500px){
  body.roses-admin-users-v24EGL .usr-list{grid-template-columns:repeat(4,minmax(0,1fr));}
  body.roses-admin-users-v24EGL .usr-rank-list{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width:1023px){
  body.roses-admin-users-v24EGL .usr-top{position:static;}
}