/* ============================================================
   EJÉRCITO DE AGENTES AI — Tema Premium (Dorado / Violeta neón)
   ============================================================ */
:root{
  --gold:#E7B649; --gold-light:#F5D27A; --gold-deep:#C8932B;
  --violet:#8B5CF6; --violet-neon:#A855F7; --violet-deep:#6D28D9;
  --ink-900:#0A0612; --ink-800:#120A24; --ink-700:#1A1033; --ink-600:#241646;
  --glass:rgba(36,22,70,0.45);
  --glass-border:rgba(167,139,250,0.18);
}

*{ scroll-behavior:smooth; }
body{
  background:
    radial-gradient(1200px 600px at 85% -10%, rgba(168,85,247,0.18), transparent 60%),
    radial-gradient(1000px 500px at 10% 110%, rgba(231,182,73,0.12), transparent 55%),
    var(--ink-900);
  min-height:100vh;
}

.font-sora{ font-family:'Sora',sans-serif; }
h1,h2,h3{ font-family:'Sora',sans-serif; }

.ea-spinner{
  width:54px;height:54px;border-radius:50%;
  border:3px solid rgba(167,139,250,0.25);
  border-top-color:var(--gold);
  border-right-color:var(--violet-neon);
  animation:spin .9s linear infinite;
}
@keyframes spin{to{transform:rotate(360deg)}}

.glass{
  background:var(--glass);
  backdrop-filter:blur(18px) saturate(140%);
  -webkit-backdrop-filter:blur(18px) saturate(140%);
  border:1px solid var(--glass-border);
  border-radius:20px;
  box-shadow:0 8px 40px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.04);
}
.glass-soft{
  background:rgba(26,16,51,0.55);
  backdrop-filter:blur(12px);
  border:1px solid rgba(167,139,250,0.12);
  border-radius:16px;
}

.text-gradient-gold{
  background:linear-gradient(120deg,var(--gold-light),var(--gold),var(--violet-neon));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.text-gradient-violet{
  background:linear-gradient(120deg,var(--violet-neon),#c4b5fd,var(--gold-light));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}

.btn{
  display:inline-flex;align-items:center;gap:.5rem;
  padding:.6rem 1.1rem;border-radius:12px;font-weight:600;
  font-size:.875rem;cursor:pointer;border:1px solid transparent;
  transition:all .2s ease;white-space:nowrap;
}
.btn-gold{ background:linear-gradient(120deg,var(--gold),var(--gold-deep));color:#1a1003;box-shadow:0 6px 20px rgba(231,182,73,0.28); }
.btn-gold:hover{ transform:translateY(-2px);box-shadow:0 10px 28px rgba(231,182,73,0.42); }
.btn-violet{ background:linear-gradient(120deg,var(--violet-neon),var(--violet-deep));color:#fff;box-shadow:0 6px 20px rgba(139,92,246,0.32); }
.btn-violet:hover{ transform:translateY(-2px);box-shadow:0 10px 28px rgba(139,92,246,0.5); }
.btn-ghost{ background:rgba(167,139,250,0.08);color:#cbb9f5;border:1px solid rgba(167,139,250,0.25); }
.btn-ghost:hover{ background:rgba(167,139,250,0.18);color:#fff; }

.nav-item{
  display:flex;align-items:center;gap:.85rem;padding:.7rem .9rem;border-radius:12px;
  color:#9d8cc9;font-weight:500;cursor:pointer;transition:all .18s ease;font-size:.92rem;
  border:1px solid transparent;
}
.nav-item i{ width:20px;text-align:center;font-size:1rem; }
.nav-item:hover{ background:rgba(167,139,250,0.1);color:#e9e2ff; }
.nav-item.active{
  background:linear-gradient(120deg,rgba(231,182,73,0.18),rgba(168,85,247,0.18));
  color:#fff;border-color:rgba(231,182,73,0.35);
  box-shadow:inset 0 0 0 1px rgba(231,182,73,0.1);
}
.nav-item.active i{ color:var(--gold); }

.kpi{ position:relative;overflow:hidden; }
.kpi::after{ content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(231,182,73,0.06));pointer-events:none; }
.kpi-glow-gold{ box-shadow:0 0 0 1px rgba(231,182,73,0.2),0 8px 30px rgba(231,182,73,0.08); }
.kpi-glow-violet{ box-shadow:0 0 0 1px rgba(168,85,247,0.2),0 8px 30px rgba(168,85,247,0.1); }

.badge{ display:inline-flex;align-items:center;gap:.35rem;padding:.18rem .6rem;border-radius:999px;font-size:.72rem;font-weight:600; }
.badge-green{ background:rgba(34,197,94,0.15);color:#86efac;border:1px solid rgba(34,197,94,0.3); }
.badge-amber{ background:rgba(231,182,73,0.15);color:var(--gold-light);border:1px solid rgba(231,182,73,0.3); }
.badge-violet{ background:rgba(168,85,247,0.15);color:#d8b4fe;border:1px solid rgba(168,85,247,0.3); }
.badge-red{ background:rgba(239,68,68,0.15);color:#fca5a5;border:1px solid rgba(239,68,68,0.3); }
.badge-blue{ background:rgba(59,130,246,0.15);color:#93c5fd;border:1px solid rgba(59,130,246,0.3); }
.badge-gray{ background:rgba(148,163,184,0.12);color:#cbd5e1;border:1px solid rgba(148,163,184,0.25); }
.badge-gold{ background:rgba(231,182,73,0.18);color:var(--gold-light);border:1px solid rgba(231,182,73,0.4); }

.dot{ width:9px;height:9px;border-radius:50%;display:inline-block; }
.dot-live{ background:#4ade80;box-shadow:0 0 0 0 rgba(74,222,128,0.6);animation:pulse 1.8s infinite; }
.dot-work{ background:var(--gold);box-shadow:0 0 0 0 rgba(231,182,73,0.6);animation:pulse 1.4s infinite; }
.dot-pause{ background:#94a3b8; }
.dot-off{ background:#475569; }
@keyframes pulse{
  0%{box-shadow:0 0 0 0 rgba(74,222,128,0.5)}
  70%{box-shadow:0 0 0 8px rgba(74,222,128,0)}
  100%{box-shadow:0 0 0 0 rgba(74,222,128,0)}
}

.agent-card{ transition:transform .2s ease,box-shadow .2s ease; cursor:pointer; }
.agent-card:hover{ transform:translateY(-4px); box-shadow:0 14px 40px rgba(168,85,247,0.18); border-color:rgba(231,182,73,0.4); }

.kanban-col{ min-width:265px;width:265px; }
.lead-card{ transition:all .18s ease;cursor:grab; }
.lead-card:hover{ transform:translateY(-2px);border-color:rgba(231,182,73,0.4); }
.lead-card:active{ cursor:grabbing; }

table.ea{ width:100%;border-collapse:separate;border-spacing:0; }
table.ea th{ text-align:left;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#9d8cc9;padding:.7rem .9rem;font-weight:600; }
table.ea td{ padding:.8rem .9rem;border-top:1px solid rgba(167,139,250,0.08);font-size:.9rem; }
table.ea tbody tr:hover{ background:rgba(167,139,250,0.05); }

.inp{ width:100%;background:rgba(10,6,18,0.6);border:1px solid rgba(167,139,250,0.2);border-radius:10px;padding:.6rem .8rem;color:#e9e2ff;font-size:.9rem;outline:none;transition:.15s; }
.inp:focus{ border-color:var(--gold);box-shadow:0 0 0 3px rgba(231,182,73,0.12); }
.inp::placeholder{ color:#6b5e8c; }
select.inp option{ background:#1A1033; }

.modal-bg{ position:fixed;inset:0;background:rgba(5,3,10,0.7);backdrop-filter:blur(6px);z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem; }

::-webkit-scrollbar{ width:9px;height:9px; }
::-webkit-scrollbar-track{ background:transparent; }
::-webkit-scrollbar-thumb{ background:rgba(167,139,250,0.25);border-radius:8px; }
::-webkit-scrollbar-thumb:hover{ background:rgba(231,182,73,0.4); }

.fade-in{ animation:fadeIn .4s ease both; }
@keyframes fadeIn{ from{opacity:0;transform:translateY(8px)} to{opacity:1;transform:none} }
.stagger > *{ animation:fadeIn .45s ease both; }
.stagger > *:nth-child(1){animation-delay:.02s}
.stagger > *:nth-child(2){animation-delay:.06s}
.stagger > *:nth-child(3){animation-delay:.1s}
.stagger > *:nth-child(4){animation-delay:.14s}
.stagger > *:nth-child(5){animation-delay:.18s}
.stagger > *:nth-child(6){animation-delay:.22s}

#toasts{ position:fixed;bottom:1.5rem;right:1.5rem;z-index:80;display:flex;flex-direction:column;gap:.6rem; }
.toast{ min-width:260px;padding:.85rem 1rem;border-radius:12px;font-size:.88rem;font-weight:500;animation:fadeIn .3s ease both;display:flex;align-items:center;gap:.6rem; }

.layer-line{ height:2px;background:linear-gradient(90deg,transparent,rgba(231,182,73,0.4),transparent); }
.line-clamp-2{ display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; }

@media(max-width:1024px){
  #sidebar{ position:fixed;left:0;top:0;bottom:0;z-index:60;transform:translateX(-105%);transition:transform .25s;background:var(--ink-800); }
  #sidebar.open{ transform:none; }
  #overlay.show{ display:block; }
}