/* ============================================================
   MI EQUIPO — panel de cuenta/multiusuario (Fase B, solo lectura)
   On-brand (slate + ámbar + teal), scopeado a #mi-equipo-modal.
   ============================================================ */
#mi-equipo-modal{
  --bg:#15181E; --surf:#1A1E26; --elev:#222731; --hover:#272D38;
  --amber:#F2A33C; --amber-hot:#FFB85A; --teal:#2dd4bf; --green:#34d399; --coral:#fb7185;
  --fg:#ECEFF4; --mut:#7c879b; --line:rgba(236,239,244,.10); --line2:rgba(236,239,244,.14);
  --ui:"Outfit",system-ui,-apple-system,"Segoe UI",sans-serif; --mono:"JetBrains Mono",ui-monospace,monospace;
  position:fixed; inset:0; z-index:100000; display:none;
  align-items:center; justify-content:center;
  background:rgba(14,16,20,.72); backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px);
  font-family:var(--ui); color:var(--fg);
}
#mi-equipo-modal.open{ display:flex; }
#mi-equipo-modal *{ box-sizing:border-box; }
.mieq-panel{
  width:min(840px,calc(100vw - 32px)); max-height:calc(100vh - 48px);
  background:var(--surf); border:1px solid var(--line2); border-radius:18px;
  box-shadow:0 24px 64px rgba(0,0,0,.5); display:flex; flex-direction:column; overflow:hidden;
}
.mieq-head{ display:flex; align-items:center; gap:12px; padding:16px 18px; border-bottom:1px solid var(--line); }
.mieq-ic{ width:38px; height:38px; flex-shrink:0; border-radius:10px; background:rgba(242,163,60,.12); color:var(--amber); display:flex; align-items:center; justify-content:center; }
.mieq-ttl{ font-weight:800; font-size:16px; letter-spacing:-.01em; }
.mieq-sub{ font-size:12px; color:var(--mut); margin-top:1px; }
.mieq-plan{ margin-left:auto; font-family:var(--mono); font-size:11px; color:var(--amber); background:rgba(242,163,60,.10); border:1px solid rgba(242,163,60,.25); border-radius:100px; padding:4px 11px; text-transform:uppercase; letter-spacing:.06em; }
.mieq-x{ width:30px; height:30px; flex-shrink:0; border:1px solid var(--line); background:var(--elev); color:var(--mut); border-radius:8px; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:.15s; }
.mieq-x:hover{ background:var(--hover); color:var(--fg); }
.mieq-body{ padding:16px 18px; overflow-y:auto; }
.mieq-tiles{ display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-bottom:18px; }
.mieq-tile{ background:var(--elev); border:1px solid var(--line); border-radius:12px; padding:12px 14px; }
.mieq-tile .k{ font-family:var(--mono); font-size:10px; letter-spacing:.08em; text-transform:uppercase; color:var(--mut); }
.mieq-tile .v{ font-size:20px; font-weight:800; margin-top:6px; letter-spacing:-.02em; }
.mieq-tile .v.mono{ font-family:var(--mono); font-weight:700; font-size:16px; }
.mieq-tile.amber .v{ color:var(--amber); }
.mieq-tile.teal .v{ color:var(--teal); }
.mieq-secttl{ font-family:var(--mono); font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--mut); margin:6px 0 10px; display:flex; align-items:center; gap:10px; }
.mieq-secttl::after{ content:""; flex:1; height:1px; background:var(--line); }
.mieq-table{ width:100%; border-collapse:collapse; font-size:13px; }
.mieq-table th{ text-align:left; font-family:var(--mono); font-size:10px; letter-spacing:.06em; text-transform:uppercase; color:var(--mut); font-weight:500; padding:8px 10px; border-bottom:1px solid var(--line); }
.mieq-table td{ padding:9px 10px; border-bottom:1px solid var(--line); }
.mieq-table tr:last-child td{ border-bottom:0; }
.mieq-table tr:hover td{ background:var(--hover); }
.mieq-role{ font-family:var(--mono); font-size:10px; padding:2px 8px; border-radius:100px; text-transform:uppercase; letter-spacing:.04em; }
.mieq-role.owner{ color:var(--amber); background:rgba(242,163,60,.12); }
.mieq-role.admin{ color:var(--amber-hot); background:rgba(242,163,60,.10); }
.mieq-role.supervisor{ color:var(--teal); background:rgba(45,212,191,.10); }
.mieq-role.operator{ color:#aeb8c7; background:rgba(148,163,184,.10); }
.mieq-role.verificador{ color:var(--teal); background:rgba(45,212,191,.10); }
.mieq-role.auditor{ color:var(--amber-hot); background:rgba(242,163,60,.10); }
.mieq-ext{ font-family:var(--mono); font-size:11px; color:var(--teal); }
.mieq-st{ font-size:11px; }
.mieq-st.active{ color:var(--green); }
.mieq-st.suspended,.mieq-st.rejected{ color:var(--coral); }
.mieq-st.pending{ color:var(--amber); }
.mieq-usefill{ height:6px; border-radius:100px; background:var(--elev); overflow:hidden; margin-top:6px; }
.mieq-usefill > i{ display:block; height:100%; background:linear-gradient(90deg,var(--amber),var(--amber-hot)); }
.mieq-empty{ color:var(--mut); font-size:13px; padding:14px 4px; }
.mieq-foot{ padding:12px 18px; border-top:1px solid var(--line); font-size:12px; color:var(--mut); background:rgba(21,24,30,.5); display:flex; align-items:center; gap:8px; }
.mieq-foot b{ color:var(--amber); font-weight:600; }
/* ── Gestión (owner/admin) ── */
.mieq-secttl{ display:flex; align-items:center; }
.mieq-addbtn{ display:inline-flex; align-items:center; gap:5px; font-family:var(--ui); font-size:11px; font-weight:600; color:var(--ink, #11141A); background:var(--amber); border:0; border-radius:8px; padding:5px 10px; cursor:pointer; text-transform:none; letter-spacing:0; }
.mieq-addbtn:hover{ background:var(--amber-hot); }
.mieq-addbtn[disabled]{ opacity:.45; cursor:not-allowed; }
.mieq-addbtn svg{ color:#11141A; }
.mieq-addform{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; background:var(--elev); border:1px solid var(--line); border-radius:10px; padding:10px; margin:0 0 12px; }
.mieq-addform input, .mieq-addform select{ background:var(--bg); border:1px solid var(--line2); border-radius:7px; color:var(--fg); font-family:var(--ui); font-size:12px; padding:6px 9px; outline:none; }
.mieq-addform input:focus, .mieq-addform select:focus{ border-color:rgba(242,163,60,.5); }
.mieq-addform input{ width:150px; }
.mieq-create{ font-family:var(--ui); font-size:12px; font-weight:700; color:#11141A; background:var(--amber); border:0; border-radius:7px; padding:6px 14px; cursor:pointer; }
.mieq-create:hover{ background:var(--amber-hot); }
.mieq-msg{ font-size:11px; color:var(--mut); }
.mieq-msg.err{ color:var(--coral); }
.mieq-rolesel, .mieq-extsel{ background:var(--elev); border:1px solid var(--line); border-radius:6px; color:var(--fg); font-family:var(--mono); font-size:10px; padding:3px 6px; outline:none; cursor:pointer; }
.mieq-extsel:focus{ border-color:rgba(45,212,191,.5); }
.mieq-act{ font-family:var(--ui); font-size:10px; font-weight:600; border:1px solid var(--line2); border-radius:6px; padding:4px 9px; cursor:pointer; background:var(--elev); color:var(--mut); }
.mieq-act.off:hover{ border-color:rgba(251,113,133,.4); color:var(--coral); background:rgba(251,113,133,.08); }
.mieq-act.on{ border-color:rgba(52,211,153,.35); color:var(--green); }
.mieq-act.on:hover{ background:rgba(52,211,153,.10); }

/* Sección Telefonía (sala de espera + CTA contratar) */
.mieq-tel{ display:flex; flex-direction:column; gap:8px; margin:2px 0 14px; }
.mieq-tel-banner{ font-size:12.5px; color:var(--fg); border:1px solid var(--line2); border-radius:10px; padding:10px 12px; background:var(--elev); }
.mieq-tel-banner b{ font-weight:700; }
.mieq-tel-banner.run{ border-color:rgba(242,163,60,.35); background:rgba(242,163,60,.08); }
.mieq-tel-banner.run b{ color:var(--amber); }
.mieq-tel-banner.ok{ border-color:rgba(45,212,191,.30); background:rgba(45,212,191,.07); }
.mieq-tel-banner.ok b{ color:var(--teal); }
.mieq-tel-banner.pend{ border-color:rgba(242,163,60,.25); }
.mieq-tel-banner.err{ border-color:rgba(251,113,133,.35); background:rgba(251,113,133,.07); }
.mieq-tel-banner.err b{ color:var(--coral); }
.mieq-tel-cta{ display:flex; flex-wrap:wrap; align-items:center; gap:9px; font-size:12.5px; color:var(--mut); background:var(--elev); border:1px dashed var(--line2); border-radius:10px; padding:10px 12px; }
.mieq-tel-cta b{ color:var(--fg); font-weight:700; }
.mieq-tel-cta select{ background:var(--bg); border:1px solid var(--line2); border-radius:7px; color:var(--fg); font-family:var(--ui); font-size:12px; padding:6px 9px; outline:none; cursor:pointer; }
.mieq-tel-cta select:focus{ border-color:rgba(242,163,60,.5); }
.mieq-tel-price{ font-size:12px; color:var(--teal); font-family:var(--mono); }
.mieq-tel-price b{ color:var(--teal); font-weight:700; }
.mieq-tel-dolar{ color:var(--mut); }
.mieq-role[title*="telefonía"], .mieq-role.operador-telefonia{ color:var(--amber-hot); background:rgba(242,163,60,.10); }

@media (max-width:680px){ .mieq-tiles{ grid-template-columns:1fr 1fr; } .mieq-addform input{ width:100%; } .mieq-tel-cta{ flex-direction:column; align-items:stretch; } }
@media (prefers-reduced-motion:reduce){ #mi-equipo-modal *{ transition-duration:1ms !important; } }