/* ADS Financeiro — Equipe & Usuários drawer (2026-05) */

/* ─── EQUIPE: SHARED HEADER & STATS ─────────────────────── */
.eq-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-wrap:wrap;gap:.75rem}
.eq-title{font-family:'Montserrat',sans-serif;font-weight:800;font-size:1.25rem;color:#f1f5f9;margin:0}
.eq-sub{font-size:.75rem;color:#64748b;margin-top:.25rem}
.eq-header-actions{display:flex;align-items:center;gap:.625rem;flex-shrink:0}

.eq-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1.25rem}
@media(max-width:640px){.eq-stats{grid-template-columns:repeat(2,1fr)}}
.eq-stat{background:rgba(15,23,42,.85);border:1px solid #1e293b;border-radius:.875rem;padding:.875rem 1rem}
.eq-stat-val{font-family:'Montserrat',sans-serif;font-weight:800;font-size:1.5rem;color:#f1f5f9;line-height:1}
.eq-stat-lbl{font-size:9px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.1em;margin-top:.25rem}
.eq-stat.online .eq-stat-val{color:#34d399}
.eq-stat.admins .eq-stat-val{color:#a78bfa}

/* ─── FILTER TABS ─────────────────────────────────────────── */
.eq-filters{display:flex;gap:.375rem;margin-bottom:1.25rem;flex-wrap:wrap}
.eq-filt{background:transparent;border:1px solid #1e293b;border-radius:6rem;padding:.3rem .875rem;font-size:.75rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .15s;font-family:inherit}
.eq-filt:hover{border-color:#334155;color:#94a3b8}
.eq-filt.active{background:rgba(141,198,63,.12);color:#8DC63F;border-color:rgba(141,198,63,.35)}

/* ─── ICON GHOST BUTTON ───────────────────────────────────── */
.btn-icon-ghost{display:inline-flex;align-items:center;gap:.5rem;background:rgba(15,23,42,.8);border:1px solid #1e293b;border-radius:.75rem;color:#94a3b8;font-size:.75rem;font-weight:600;padding:.5rem .875rem;cursor:pointer;transition:all .2s;font-family:inherit}
.btn-icon-ghost:hover{border-color:#334155;color:#f1f5f9}
.btn-sm{font-size:.75rem !important;padding:.4rem .875rem !important}

/* ─── EQUIPE CARDS ───────────────────────────────────────── */
.equipe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.875rem}
.membro-card{background:rgba(15,23,42,.9);border:1px solid #1e293b;border-radius:1rem;padding:1.25rem;transition:border-color .2s;display:flex;flex-direction:column;gap:.875rem}
.membro-card:hover{border-color:#334155}
.membro-card.inativo{opacity:.45}
.mc-top{display:flex;align-items:flex-start;justify-content:space-between}
.mc-identity{display:flex;align-items:center;gap:.75rem}
.mc-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Montserrat',sans-serif;font-weight:800;font-size:15px;flex-shrink:0}
.mc-avatar.admin{background:linear-gradient(135deg,#a78bfa,#7c3aed);color:#fff}
.mc-avatar.comercial{background:linear-gradient(135deg,#8DC63F,#4ade80);color:#020617}
.mc-name{font-size:.875rem;font-weight:700;color:#f1f5f9}
.mc-login{font-size:10px;color:#475569;font-family:'IBM Plex Mono',monospace;margin-top:1px}
.mc-badges{display:flex;flex-wrap:wrap;gap:.375rem}

.badge-perfil{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:4rem;font-size:10px;font-weight:700;border:1px solid}
.badge-perfil.admin{background:rgba(167,139,250,.1);color:#a78bfa;border-color:rgba(167,139,250,.25)}
.badge-perfil.comercial{background:rgba(56,189,248,.08);color:#38bdf8;border-color:rgba(56,189,248,.2)}
.badge-status{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:4rem;font-size:10px;font-weight:600;border:1px solid}
.badge-status.online{background:rgba(52,211,153,.1);color:#34d399;border-color:rgba(52,211,153,.2)}
.badge-status.recente{background:rgba(251,191,36,.08);color:#fbbf24;border-color:rgba(251,191,36,.2)}
.badge-status.offline,.badge-status.ausente{background:rgba(100,116,139,.06);color:#64748b;border-color:#1e293b}
.badge-status.inativo{background:rgba(100,116,139,.06);color:#475569;border-color:#1e293b}
.badge-warn{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:4rem;font-size:10px;font-weight:700;background:rgba(251,191,36,.08);color:#fbbf24;border:1px solid rgba(251,191,36,.2)}
.badge-off{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:4rem;font-size:10px;font-weight:700;background:rgba(100,116,139,.06);color:#475569;border:1px solid #1e293b}

.mc-paineis{border-top:1px solid #0f172a;padding-top:.75rem}
.mc-paineis-lbl{font-size:9px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;display:flex;align-items:center;gap:.3rem}
.mc-chips{display:flex;flex-wrap:wrap;gap:.375rem}
.chip{padding:.2rem .55rem;border-radius:.375rem;font-size:10px;font-weight:600;border:1px solid;font-family:'IBM Plex Mono',monospace}
.chip.on{background:rgba(141,198,63,.1);color:#8DC63F;border-color:rgba(141,198,63,.3)}
.chip.off{background:rgba(100,116,139,.06);color:#475569;border-color:#1e293b}
.mc-footer{border-top:1px solid #0f172a;padding-top:.625rem;font-size:10px;color:#475569;display:flex;gap:1rem;flex-wrap:wrap}

/* ─── DRAWER OVERLAY + PANEL ─────────────────────────────── */
#usr-drawer-overlay{
    position:fixed;inset:0;background:rgba(2,6,23,.65);backdrop-filter:blur(3px);
    -webkit-backdrop-filter:blur(3px);
    opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:1500;
}
#usr-drawer-overlay.open{opacity:1;pointer-events:all}

#usr-drawer-panel{
    position:fixed;top:0;right:0;height:100dvh;width:520px;max-width:100vw;
    background:#070c1c;border-left:1px solid #1e293b;z-index:1501;
    display:flex;flex-direction:column;overflow:hidden;
    transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);
}
#usr-drawer-panel.open{transform:translateX(0)}

.usr-drawer-hd{
    display:flex;align-items:center;justify-content:space-between;
    padding:1.125rem 1.25rem;border-bottom:1px solid #0f172a;flex-shrink:0;
}
.usr-drawer-hd-left{display:flex;align-items:center;gap:.875rem}
.usr-drawer-title{font-family:'Montserrat',sans-serif;font-weight:800;font-size:1rem;color:#f1f5f9;margin:0}
.usr-drawer-sub{font-size:.7rem;color:#475569;margin-top:.1rem}
.btn-drawer-close{
    display:inline-flex;align-items:center;justify-content:center;
    width:32px;height:32px;border-radius:.5rem;
    background:none;border:1px solid #1e293b;color:#475569;cursor:pointer;transition:all .15s;flex-shrink:0;
}
.btn-drawer-close:hover{color:#f1f5f9;border-color:#334155;background:rgba(255,255,255,.04)}

.usr-drawer-body{flex:1;overflow-y:auto;padding:1.125rem 1.25rem;overscroll-behavior:contain}
.usr-drawer-body::-webkit-scrollbar{width:4px}
.usr-drawer-body::-webkit-scrollbar-track{background:transparent}
.usr-drawer-body::-webkit-scrollbar-thumb{background:#1e293b;border-radius:2px}

/* ─── ADD USER FORM ──────────────────────────────────────── */
.usr-form-wrap{overflow:hidden;max-height:0;opacity:0;transition:max-height .35s ease,opacity .25s ease,margin .3s;margin-bottom:0}
.usr-form-wrap.open{max-height:400px;opacity:1;margin-bottom:1.25rem}
.usr-form-inner{background:rgba(56,189,248,.03);border:1px solid rgba(56,189,248,.12);border-radius:.875rem;padding:1.125rem}
.usr-form-row{display:grid;grid-template-columns:1fr 1fr;gap:.625rem;margin-bottom:.625rem}
.usr-form-bottom{display:grid;grid-template-columns:1fr auto;gap:.625rem;align-items:end}
.usr-form-btns{display:flex;gap:.5rem}
.form-hint{font-size:10px;color:#334155;font-family:'IBM Plex Mono',monospace;margin-top:.625rem}
.form-error{font-size:.75rem;color:#fca5a5;margin-top:.5rem;padding:.5rem .75rem;background:rgba(239,68,68,.06);border-radius:.5rem;border:1px solid rgba(239,68,68,.2)}

/* ─── TABS ───────────────────────────────────────────────── */
.usr-tabs{display:flex;border-bottom:1px solid #1e293b;margin-bottom:1.125rem;gap:0}
.usr-tab{background:none;border:none;border-bottom:2px solid transparent;padding:.55rem 1rem;font-size:.8rem;font-weight:700;color:#475569;cursor:pointer;font-family:inherit;margin-bottom:-1px;transition:all .15s}
.usr-tab:hover{color:#94a3b8}
.usr-tab.active{color:#38bdf8;border-bottom-color:#38bdf8}
.tab-content{display:none}
.tab-content.active{display:block}

/* ─── USER CARDS (management view) ──────────────────────── */
.ucard2{background:rgba(15,23,42,.9);border:1px solid #1e293b;border-radius:.875rem;padding:1rem;margin-bottom:.625rem;transition:border-color .2s}
.ucard2:hover{border-color:#334155}
.ucard2.inativo{opacity:.5}
.ucard2-head{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}
.ucard2-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Montserrat',sans-serif;font-weight:800;font-size:13px;flex-shrink:0}
.ucard2-avatar.admin{background:linear-gradient(135deg,#a78bfa,#7c3aed);color:#fff}
.ucard2-avatar.comercial{background:linear-gradient(135deg,#8DC63F,#4ade80);color:#020617}
.ucard2-info{flex:1;min-width:0}
.ucard2-nome-wrap{display:flex;align-items:center;gap:.375rem;margin-bottom:.25rem;flex-wrap:wrap}
.ucard2-nome{font-size:.875rem;font-weight:700;color:#f1f5f9;line-height:1.3}
.ucard2-nome.editing{display:none}
.ucard2-nome-input{background:rgba(56,189,248,.06);border:1px solid rgba(56,189,248,.3);border-radius:.4rem;color:#f1f5f9;font-size:.875rem;font-weight:700;padding:.15rem .5rem;display:none;font-family:inherit;width:170px}
.ucard2-nome-input.editing{display:inline-block}
.btn-edit-nome{background:none;border:none;color:#1e293b;cursor:pointer;padding:.15rem;display:inline-flex;align-items:center;transition:color .15s;line-height:1}
.btn-edit-nome:hover{color:#475569}
.ucard2-meta{display:flex;align-items:center;gap:.375rem;flex-wrap:wrap}
.ucard2-login{font-size:10px;color:#475569;font-family:'IBM Plex Mono',monospace}
.ucard2-side{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:.2rem;flex-shrink:0}
.ucard2-status-txt{font-size:10px;font-weight:600}
.ucard2-last{font-size:10px;color:#334155}

/* ─── PERMISSION CHIPS ───────────────────────────────────── */
.ucard2-perm{border-top:1px solid #0f172a;padding:.75rem 0 .5rem}
.ucard2-perm-lbl{font-size:9px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}
.ucard2-perm-chips{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}
.perm-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .65rem;border-radius:.5rem;font-size:.72rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s;border:1px solid;user-select:none}
.perm-chip.on{background:rgba(141,198,63,.1);color:#8DC63F;border-color:rgba(141,198,63,.3)}
.perm-chip.off{background:rgba(100,116,139,.06);color:#475569;border-color:#1e293b}
.perm-chip.on:hover{background:rgba(141,198,63,.18)}
.perm-chip.off:hover{background:rgba(100,116,139,.12);border-color:#334155;color:#94a3b8}
.perm-chip-locked{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .65rem;border-radius:.5rem;font-size:.72rem;font-weight:600;border:1px solid;background:rgba(141,198,63,.06);color:#8DC63F;border-color:rgba(141,198,63,.2);opacity:.7;cursor:default}
.perm-save-row{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;display:none}
.perm-save-row.visible{display:flex}
.perm-save-btn{background:rgba(141,198,63,.15);color:#8DC63F;border:1px solid rgba(141,198,63,.3);border-radius:.5rem;font-size:.72rem;font-weight:700;padding:.3rem .75rem;cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:.375rem;font-family:inherit}
.perm-save-btn:hover{background:rgba(141,198,63,.25)}
.perm-cancel-btn{background:none;border:1px solid #1e293b;color:#475569;border-radius:.5rem;font-size:.72rem;font-weight:600;padding:.3rem .625rem;cursor:pointer;transition:all .15s;font-family:inherit}
.perm-cancel-btn:hover{color:#94a3b8;border-color:#334155}

/* ─── ACTION BUTTONS ─────────────────────────────────────── */
.ucard2-actions{display:flex;gap:.375rem;flex-wrap:wrap}
.ua-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .65rem;border-radius:.4rem;font-size:.72rem;font-weight:600;cursor:pointer;border:1px solid;transition:all .15s;font-family:inherit;background:none}
.ua-btn.reset{color:#94a3b8;border-color:#1e293b}
.ua-btn.reset:hover{color:#f1f5f9;border-color:#334155;background:rgba(255,255,255,.03)}
.ua-btn.desat{color:#fbbf24;border-color:rgba(251,191,36,.25)}
.ua-btn.desat:hover{background:rgba(251,191,36,.08)}
.ua-btn.ativar{color:#34d399;border-color:rgba(52,211,153,.25)}
.ua-btn.ativar:hover{background:rgba(52,211,153,.08)}
.ua-btn.del{color:#f87171;border-color:rgba(248,113,113,.2)}
.ua-btn.del:hover{background:rgba(248,113,113,.05)}
.ua-btn.del.confirm-del{background:rgba(239,68,68,.15);color:#fca5a5;border-color:rgba(239,68,68,.4);animation:pulse-red .4s}
.ua-btn.save-nome{color:#8DC63F;border-color:rgba(141,198,63,.3);display:none}
.ua-btn.save-nome.visible{display:inline-flex}
.ua-btn.save-nome:hover{background:rgba(141,198,63,.08)}
.ua-btn:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}
@keyframes pulse-red{0%,100%{box-shadow:none}50%{box-shadow:0 0 0 3px rgba(239,68,68,.2)}}

/* ─── SECTION LABELS ─────────────────────────────────────── */
.usr-secao-lbl{display:flex;align-items:center;gap:.625rem;margin-bottom:.75rem;margin-top:1.25rem}
.usr-secao-lbl:first-child{margin-top:0}
.usr-secao-lbl div{height:1px;flex:1;background:#0f172a}
.usr-secao-lbl span{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;white-space:nowrap}

/* ─── LOG TABLE ───────────────────────────────────────────── */
.log-wrap{background:rgba(15,23,42,.9);border:1px solid #1e293b;border-radius:.875rem;overflow:hidden}
.log-table{width:100%;border-collapse:collapse;font-size:.72rem}
.log-table th{font-size:9px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.1em;padding:.5rem .75rem;text-align:left;border-bottom:1px solid #1e293b;white-space:nowrap}
.log-table td{padding:.4rem .75rem;border-bottom:1px solid #0f172a;color:#94a3b8;vertical-align:middle}
.log-table td:first-child{color:#e2e8f0;font-weight:600}
.log-table tr:last-child td{border-bottom:none}
.log-ok{color:#34d399 !important}
.log-err{color:#f87171 !important}