:root{--bg:#f3f6fb;--nav:#111827;--card:#fff;--txt:#071329;--muted:#55627a;--blue:#0b5ed7;--line:#d8e1ee;--green:#16a34a;--red:#dc2626;--orange:#f59e0b;--purple:#7c3aed}
    *{box-sizing:border-box} body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--txt);font-size:14px}.layout{display:flex;min-height:100vh}.sidebar{width:220px;background:#0f172a;color:white;padding:18px 16px;position:fixed;top:0;bottom:0;left:0;overflow:auto}.brand{font-weight:800;font-size:22px;margin-bottom:2px}.sub{font-weight:700;color:#93c5fd;margin-bottom:28px}.nav a{display:block;color:white;text-decoration:none;padding:10px 8px;border-radius:10px;margin:4px 0}.nav a:hover{background:#1e293b}.main{margin-left:220px;width:calc(100% - 220px);padding:18px 24px}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px}.btn{display:inline-block;border:0;border-radius:10px;padding:9px 13px;background:#e8eef8;color:#071329;text-decoration:none;cursor:pointer;font-size:14px}.btn.primary{background:var(--blue);color:white}.btn.success{background:var(--green);color:white}.btn.warn{background:var(--orange);color:white}.btn.danger{background:var(--red);color:white}.btn.small{font-size:12px;padding:6px 9px}.card{background:var(--card);border-radius:16px;padding:18px;box-shadow:0 10px 30px rgba(15,23,42,.06);margin-bottom:16px}.grid{display:grid;gap:16px}.grid.two{grid-template-columns:1fr 1fr}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.four{grid-template-columns:repeat(4,1fr)}.grid.six{grid-template-columns:repeat(6,1fr)}label{display:block;font-weight:700;margin-bottom:7px}input,select,textarea{width:100%;border:1px solid #cdd8ea;border-radius:10px;padding:10px;background:white}textarea{min-height:130px;font-family:Consolas,monospace}.flash{padding:12px 14px;border-radius:10px;margin-bottom:12px;background:#dcfce7}.flash.danger{background:#fee2e2}.flash.warning{background:#fef3c7}.muted{color:var(--muted)}table{width:100%;border-collapse:collapse;background:white;border-radius:14px;overflow:hidden}th,td{padding:10px;border-bottom:1px solid #edf2f7;text-align:left;vertical-align:top}th{background:#f8fafc}.badge{display:inline-block;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:800}.A,.ALTO,.green{background:#dcfce7;color:#166534}.B,.MEDIO,.yellow{background:#fef3c7;color:#92400e}.C,.BAJO,.red{background:#fee2e2;color:#991b1b}.blue{background:#dbeafe;color:#1d4ed8}.purple{background:#ede9fe;color:#6d28d9}.gray{background:#e5e7eb;color:#374151}.kanban{display:grid;grid-template-columns:repeat(4,minmax(260px,1fr));gap:14px;overflow:auto}.col{background:#e9eef7;border-radius:16px;padding:12px;min-height:300px}.lead-card{background:#fff;border-radius:12px;padding:12px;margin:10px 0;border:1px solid #dbe5f3}.copy-ok{font-size:12px;color:var(--green);margin-left:8px;display:none}.alert{background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;padding:10px;margin:10px 0;color:#7c2d12}.potential-box{background:#f8fafc;border:1px solid #dbe4f0;border-radius:14px;padding:12px;margin:12px 0}.potential-box ul{margin:8px 0 0 18px;padding:0}.potential-box li{margin:4px 0}.danger{background:#dc2626!important;color:white!important}.list-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.signals span{display:inline-block;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;padding:3px 7px;margin:2px;font-size:12px}.status-badge{background:#e8eef8;color:#172033}.inline-status{display:flex;gap:6px}.inline-status select{padding:6px;font-size:12px}.pagination{display:flex;gap:6px;align-items:center}.row-check{width:auto}.timeline{border-left:3px solid #dbe5f3;margin-left:8px;padding-left:16px}.timeline-item{position:relative;padding:0 0 16px}.timeline-item:before{content:'';width:10px;height:10px;border-radius:99px;background:#0b5ed7;position:absolute;left:-22px;top:4px}.timeline-date{font-size:12px;color:#64748b}.metric h2{margin:7px 0 0;font-size:28px}.settings-table input,.settings-table select{padding:7px;font-size:13px}.interest-alto{background:#dcfce7;color:#166534}.interest-medio{background:#fef3c7;color:#92400e}.interest-bajo{background:#ffedd5;color:#9a3412}.interest-sin{background:#fee2e2;color:#991b1b}.interest-default{background:#e5e7eb;color:#374151}.age-pill{display:inline-block;margin-top:3px;color:#64748b;font-size:12px}.mini-link{font-size:12px}.nav-section{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;margin:16px 0 6px;font-weight:800}@media(max-width:900px){.sidebar{position:relative;width:100%}.layout{display:block}.main{margin-left:0;width:100%}.grid.two,.grid.three,.grid.four,.grid.six{grid-template-columns:1fr}.kanban{grid-template-columns:1fr}.topbar{display:block}}
  .priority-urgente{background:#fee2e2;color:#991b1b}.priority-alta{background:#ffedd5;color:#9a3412}.priority-media{background:#e0f2fe;color:#075985}.priority-baja{background:#f1f5f9;color:#334155}.contact-ok{background:#dcfce7;color:#166534}.contact-warn{background:#fef3c7;color:#92400e}.contact-bad{background:#fee2e2;color:#991b1b}.contact-default{background:#f1f5f9;color:#334155}
.login-page{
    width:100%;
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0;
    padding:0;
}

/* ===== Mi Día V2 compact ===== */
.mi-dia-wrap{grid-template-columns:330px 1fr;gap:14px}
.mi-kpis{padding:8px 14px;margin-bottom:12px;border-radius:14px}
.mi-kpi{font-size:13px}
.mi-bandeja{padding:12px;max-height:calc(100vh - 145px)}
.mi-item{padding:11px 12px;margin-bottom:9px;border-radius:13px}
.mi-item .name{font-size:14px}
.mi-item .meta{font-size:11px}
.mi-detail{padding:18px}
.mi-title{font-size:36px;line-height:1.05;margin-top:8px}
.mi-sub{font-size:14px}
.mi-info{grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0}
.mi-box{padding:11px 12px;border-radius:13px}
.mi-box small{font-size:11px;margin-bottom:5px}
.mi-note{padding:12px 14px;margin:12px 0}
.mi-note p{max-height:52px;overflow:auto}
.mi-actions{gap:10px;margin-top:14px}
.mi-actions .btn{padding:18px 10px;font-size:15px}
.mi-bottom{gap:14px;margin-top:14px}
.topbar{margin-bottom:10px}
.topbar h1{margin:0 0 4px}
.card{margin-bottom:12px}

/* ===== LeadCenter UI Quick Polish ===== */
.sidebar{
  background:linear-gradient(180deg,#020617,#0f172a)!important;
  padding:20px 14px!important;
}

.brand{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:10px!important;
  margin-bottom:22px!important;
  line-height:1!important;
}

.brand-premium{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-width:136px;
  height:34px;
  padding:0 15px;
  overflow:hidden;
  border:1px solid rgba(147,197,253,.88);
  border-radius:12px;
  background:
    linear-gradient(110deg,rgba(37,99,235,.92),rgba(67,56,202,.92) 52%,rgba(126,34,206,.92));
  box-shadow:
    0 0 0 1px rgba(255,255,255,.08) inset,
    0 0 16px rgba(37,99,235,.34),
    0 0 24px rgba(126,34,206,.22);
  color:#fff;
  font-size:10px;
  font-weight:900;
  letter-spacing:2.4px;
  text-transform:uppercase;
  white-space:nowrap;
}

.brand-premium:before{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:10px;
  background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,0) 52%);
  pointer-events:none;
}

.brand-premium-icon{
  position:relative;
  z-index:1;
  color:#dbeafe;
  font-size:17px;
  line-height:1;
  text-shadow:0 0 10px rgba(191,219,254,.92);
}

.brand-premium span:last-child{
  position:relative;
  z-index:1;
}

.brand-name{
  display:block;
  color:#fff;
  font-size:26px;
  font-weight:900;
  letter-spacing:-.8px;
  line-height:1;
}

.nav a{
  padding:11px 10px!important;
  margin:5px 0!important;
  border-radius:13px!important;
  font-weight:700!important;
  color:#dbeafe!important;
}

.nav a:hover{
  background:rgba(37,99,235,.18)!important;
  color:#fff!important;
}

.nav-section{
  margin-top:20px!important;
  color:#93a4bd!important;
}

.card{
  border:1px solid #eef2f7!important;
  box-shadow:0 14px 34px rgba(15,23,42,.07)!important;
}

.btn{
  border-radius:12px!important;
  font-weight:700!important;
}

input,select,textarea{
  border-radius:12px!important;
}