:root{
  --bg:#080b16; --bg2:#0b1020; --surface:rgba(255,255,255,.04); --surface-2:rgba(255,255,255,.06);
  --solid:#0f1626; --border:rgba(255,255,255,.09); --border-2:rgba(255,255,255,.14);
  --text:#e7ebf3; --muted:#93a0b8; --faint:#5c6a85;
  --primary:#6366f1; --primary-2:#8b5cf6; --cyan:#22d3ee;
  --ok:#22c55e; --danger:#f43f5e; --amber:#f59e0b; --wa:#25d366;
  --grad:linear-gradient(120deg,#6366f1 0%,#8b5cf6 45%,#22d3ee 100%);
  --shadow:0 16px 50px rgba(0,0,0,.45); --radius:16px;
  --mono:ui-monospace,'SF Mono',Menlo,Consolas,'Liberation Mono',monospace;
  --top-bg:rgba(10,14,26,.72);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.55;min-height:100vh;overflow-x:hidden}
/* Orbes de fondo animados */
body::before,body::after{content:'';position:fixed;border-radius:50%;filter:blur(120px);opacity:.4;z-index:0;pointer-events:none;animation:floatOrb 18s ease-in-out infinite}
body::before{width:520px;height:520px;background:#4f46e5;top:-180px;left:-120px}
body::after{width:460px;height:460px;background:#0891b2;bottom:-160px;right:-120px;animation-delay:-9s}
@keyframes floatOrb{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(40px,30px) scale(1.12)}}

.hidden{display:none !important}
.muted{color:var(--muted);font-size:14px}
code{background:rgba(255,255,255,.06);border:1px solid var(--border);border-radius:6px;padding:1px 6px;font-size:12.5px;font-family:ui-monospace,Menlo,Consolas,monospace;color:#c7d2fe}
a{cursor:pointer}
.err{color:var(--danger);font-size:13px;min-height:16px}
::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.2)}

@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes pop{0%{transform:scale(.96);opacity:0}100%{transform:scale(1);opacity:1}}
@keyframes shimmer{0%{background-position:-500px 0}100%{background-position:500px 0}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes gradShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}

/* Botones */
.btn{position:relative;display:inline-flex;align-items:center;gap:8px;border:1px solid transparent;border-radius:11px;padding:10px 18px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,filter .2s,background .2s;background:none;color:var(--text)}
.btn-primary{background:var(--grad);background-size:180% 180%;color:#fff;box-shadow:0 8px 24px rgba(99,102,241,.35)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(99,102,241,.5);filter:brightness(1.08)}
.btn-primary:active{transform:translateY(0)}
.btn-ghost{background:var(--surface);border-color:var(--border);color:var(--text)}
.btn-ghost:hover{background:var(--surface-2);border-color:var(--border-2);transform:translateY(-1px)}
.btn:disabled{opacity:.45;cursor:not-allowed;transform:none !important;box-shadow:none}
.btn-sm{padding:6px 11px;font-size:12.5px;border-radius:9px}

.brand-text{background:var(--grad);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradShift 6s ease infinite}

/* AUTH */
.auth-wrap{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}
/* Landing tipo producto/API */
.lp-nav{display:flex;align-items:center;justify-content:space-between;padding:18px clamp(20px,5vw,60px);width:100%;max-width:1220px;margin:0 auto}
.lp-nav .brand{font-size:20px;font-weight:800;display:flex;align-items:center;gap:9px}
.lp-nav .brand i{color:var(--primary)}
.lp-links{display:flex;align-items:center;gap:22px}
.lp-links a{color:var(--muted);text-decoration:none;font-size:14px;font-weight:600}
.lp-links a:hover{color:var(--text)}
.lp-hero{flex:1;display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center;padding:10px clamp(20px,5vw,60px) 60px;max-width:1220px;margin:0 auto;width:100%}
.lp-left{animation:fadeUp .6s}
.lp-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:20px;background:rgba(99,102,241,.12);border:1px solid rgba(99,102,241,.3);color:var(--primary);font-size:12.5px;font-weight:700;margin-bottom:20px}
.lp-left h1{font-size:clamp(32px,4.6vw,52px);font-weight:900;line-height:1.06;letter-spacing:-1.5px;margin-bottom:16px}
.lp-left h1 .grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.lp-sub{font-size:17px;color:var(--muted);line-height:1.7;max-width:540px;margin-bottom:24px}
.lp-sub b{color:var(--text)}
.lp-feats{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;margin-bottom:26px;max-width:540px}
.lp-feat{display:flex;align-items:center;gap:9px;font-size:13.5px;color:var(--text);font-weight:500}
.lp-feat i{color:var(--primary);font-size:18px;flex-shrink:0}
.lp-code{background:rgba(2,6,16,.55);border:1px solid var(--border);border-radius:12px;overflow:hidden;max-width:580px}
.lp-code-head{display:flex;align-items:center;gap:7px;padding:9px 14px;border-bottom:1px solid var(--border);font-size:12px;color:var(--muted)}
.lp-code-head .dot{width:10px;height:10px;border-radius:50%}
.lp-code-head .dot.r{background:#ff5f57}.lp-code-head .dot.y{background:#febc2e}.lp-code-head .dot.g{background:#28c840}
.lp-code-head span:last-child{margin-left:8px;font-family:ui-monospace,Menlo,Consolas,monospace}
.lp-code pre{padding:14px 16px;font-size:12px;line-height:1.65;color:#c7d2fe;overflow-x:auto;font-family:ui-monospace,Menlo,Consolas,monospace;white-space:pre}
.lp-right{display:flex;justify-content:center;animation:fadeUp .6s .1s both}
.lp-right .auth-card{width:100%;max-width:410px;padding:32px}
.lp-trust{display:flex;justify-content:center;gap:18px;margin-top:16px;font-size:12px;color:var(--muted)}
.lp-trust span{display:flex;align-items:center;gap:5px}
.lp-trust i{color:var(--ok)}
@media(max-width:860px){.lp-hero{grid-template-columns:1fr;gap:28px;padding-top:0}.lp-feats{grid-template-columns:1fr}.lp-links a{display:none}.lp-left h1{font-size:32px}}
.auth-card{background:rgba(15,22,38,.7);backdrop-filter:blur(24px);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow);padding:38px;width:400px;text-align:center;animation:fadeUp .6s cubic-bezier(.4,0,.2,1)}
.auth-card .brand{font-size:27px;font-weight:800;display:flex;gap:9px;justify-content:center;align-items:center;margin-bottom:4px}
.auth-card .brand i{color:var(--primary)}
.auth-card>.muted{margin:6px 0 22px}
.tabs{display:flex;background:rgba(255,255,255,.05);border:1px solid var(--border);border-radius:12px;padding:4px;margin-bottom:18px}
.tab{flex:1;border:none;background:none;padding:9px;border-radius:9px;font-weight:600;font-size:14px;cursor:pointer;color:var(--muted);transition:all .25s}
.tab.active{background:var(--grad);color:#fff;box-shadow:0 4px 14px rgba(99,102,241,.4)}
#auth-form{display:flex;flex-direction:column;gap:12px}
#auth-form input{padding:13px 15px;border:1px solid var(--border);border-radius:12px;font-size:15px;background:rgba(255,255,255,.04);color:var(--text);transition:border .2s,box-shadow .2s}
#auth-form input::placeholder{color:var(--faint)}
#auth-form input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(99,102,241,.2)}

/* Layout */
.app{position:relative;z-index:1;display:flex;min-height:100vh;animation:fadeIn .4s}
.sidebar{width:238px;background:rgba(12,17,32,.72);backdrop-filter:blur(20px);border-right:1px solid var(--border);padding:22px 16px;display:flex;flex-direction:column;gap:6px;position:sticky;top:0;height:100vh}
.sidebar .brand{font-size:20px;font-weight:800;display:flex;gap:9px;align-items:center;margin-bottom:2px;padding:0 6px}
.sidebar .brand i{color:var(--primary)}
.side-by{font-size:11px;font-weight:600;color:var(--muted);letter-spacing:.02em;padding:0 6px;margin-bottom:20px}
.sidebar nav{display:flex;flex-direction:column;gap:4px}
.sidebar nav a{position:relative;display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:11px;color:var(--muted);font-weight:600;font-size:14px;transition:all .2s;overflow:hidden}
.sidebar nav a::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:var(--grad);border-radius:3px;transition:height .25s}
.sidebar nav a:hover{background:var(--surface);color:var(--text);transform:translateX(2px)}
.sidebar nav a.active{background:var(--surface-2);color:var(--text)}
.sidebar nav a.active::before{height:60%}
.sidebar nav a i{font-size:19px}
.credits-box{margin-top:auto;position:relative;border-radius:16px;padding:16px;text-align:center;background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.3);overflow:hidden}
.credits-box::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(139,92,246,.25),transparent 70%);pointer-events:none}
.credits-box .cb-n{font-size:30px;font-weight:800;line-height:1;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.credits-box .cb-l{font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-top:2px}
.user-box{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;font-size:12px}
.user-box .muted{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.main{flex:1;padding:34px clamp(20px,4vw,52px);max-width:1240px}
.main h1{font-size:28px;font-weight:800;margin-bottom:6px;letter-spacing:-.5px}
section{animation:fadeUp .45s cubic-bezier(.4,0,.2,1)}
section>.muted{margin-bottom:20px}

.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 10px 30px rgba(0,0,0,.25);padding:24px 26px;margin-bottom:18px;backdrop-filter:blur(10px);transition:border .2s}
.card h3{font-size:15px;margin-bottom:12px}
.row{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap}
.row.between{justify-content:space-between;align-items:center;margin-top:18px}
.row .grow{flex:1;min-width:220px}
label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.6px}
input,select,textarea{padding:12px 14px;border:1px solid var(--border);border-radius:12px;font-size:14px;font-weight:500;font-family:inherit;color:var(--text);background-color:var(--surface-2);transition:border-color .18s,box-shadow .18s,background-color .18s;text-transform:none}
input::placeholder,textarea::placeholder{color:var(--faint);font-weight:400}
input:hover:not(:focus),select:hover:not(:focus),textarea:hover:not(:focus){border-color:var(--border-2)}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);background-color:var(--surface);box-shadow:0 0 0 4px rgba(99,102,241,.14)}
select{appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2393a0b8' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center}
select option{background:var(--solid);color:var(--text)}
.check{flex-direction:row;align-items:center;gap:9px;color:var(--text);font-size:14px;text-transform:none;letter-spacing:0;font-weight:500}
.check input{width:17px;height:17px;accent-color:var(--primary)}
/* Filtros tipo toggle (pill) */
.chip-check{flex-direction:row;align-items:center;gap:8px;padding:9px 15px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2);cursor:pointer;font-size:13.5px;font-weight:600;color:var(--muted);transition:all .16s;text-transform:none;letter-spacing:0;user-select:none}
.chip-check:hover{border-color:var(--border-2);color:var(--text)}
.chip-check:has(input:checked){border-color:var(--primary);background:rgba(99,102,241,.12);color:var(--text)}
.chip-check input{width:16px;height:16px;accent-color:var(--primary)}
/* Input con icono (excluir) */
.field-ic{position:relative;display:flex;align-items:center;flex:1;min-width:240px}
.field-ic>i{position:absolute;left:13px;font-size:16px;color:var(--danger);pointer-events:none}
.field-ic input{width:100%;padding-left:38px}
/* Logotipo de marca */
.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;background:var(--grad);box-shadow:0 4px 12px rgba(99,102,241,.4);flex:0 0 auto}
.brand-mark svg{width:19px;height:19px;fill:#fff}
.auth-card .brand-mark{width:34px;height:34px}.auth-card .brand-mark svg{width:22px;height:22px}

/* Estado / spinner */
.pg-status{font-size:13.5px;color:var(--muted);margin:4px 0 14px;display:flex;align-items:center;gap:8px}
.spin{width:15px;height:15px;border:2px solid rgba(255,255,255,.2);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}

/* Skeleton */
.skel{height:44px;border-radius:10px;margin-bottom:8px;background:linear-gradient(90deg,rgba(255,255,255,.04) 25%,rgba(255,255,255,.10) 37%,rgba(255,255,255,.04) 63%);background-size:900px 100%;animation:shimmer 1.4s linear infinite}

/* Tabla de leads */
.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;backdrop-filter:blur(10px)}
.lead-table{width:100%;border-collapse:collapse;font-size:13px}
.lead-table thead th{position:sticky;top:0;background:rgba(15,22,38,.95);backdrop-filter:blur(8px);text-align:left;padding:12px 14px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);border-bottom:1px solid var(--border);z-index:2}
.lead-table tbody tr{border-bottom:1px solid rgba(255,255,255,.05);opacity:0;animation:fadeUp .4s cubic-bezier(.4,0,.2,1) forwards}
.lead-table tbody tr:hover{background:rgba(99,102,241,.08)}
.lead-table td{padding:11px 14px;vertical-align:middle}
.cell-name{font-weight:600;color:var(--text);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cell-dom a{color:var(--cyan);text-decoration:none;font-size:12.5px}
.cell-dom a:hover{text-decoration:underline}
.pill{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:20px;border:1px solid transparent;white-space:nowrap}
.pill.mail{background:rgba(34,197,94,.12);color:#4ade80;border-color:rgba(34,197,94,.25)}
.pill.tel{background:rgba(245,158,11,.12);color:#fbbf24;border-color:rgba(245,158,11,.25)}
.pill.wa{background:rgba(37,211,102,.14);color:#34e888;border-color:rgba(37,211,102,.3);text-decoration:none}
.pill.tech{background:rgba(139,92,246,.14);color:#c4b5fd;border-color:rgba(139,92,246,.28);margin:2px 2px 0 0}
.dash{color:var(--faint)}
.copyable{cursor:pointer}.copyable:hover{filter:brightness(1.2)}

/* Packs */
.packs{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pack{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.3);padding:28px 24px;text-align:center;backdrop-filter:blur(10px);transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s;animation:fadeUp .5s both}
.pack:hover{transform:translateY(-6px);box-shadow:0 22px 48px rgba(0,0,0,.45)}
.pack.popular{border:1px solid transparent;background:linear-gradient(var(--solid),var(--solid)) padding-box,var(--grad) border-box}
.pack.popular::before{content:'POPULAR';position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:var(--grad);color:#fff;font-size:10px;font-weight:800;padding:4px 13px;border-radius:20px;letter-spacing:1.5px;box-shadow:0 4px 14px rgba(99,102,241,.5)}
.pack .pk-name{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted)}
.pack .pk-cred{font-size:34px;font-weight:800;margin:10px 0 2px;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.pack .pk-price{font-size:15px;color:var(--muted);margin-bottom:18px}
.pack .pk-price b{color:var(--text);font-size:24px}

/* Keys */
.keyrow{background:var(--surface);border:1px solid var(--border);border-radius:13px;padding:14px 16px;margin-bottom:10px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;backdrop-filter:blur(8px);animation:fadeUp .4s both}
.keyrow .kk{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px;background:rgba(255,255,255,.05);border:1px solid var(--border);border-radius:8px;padding:6px 10px;cursor:pointer;color:#c7d2fe;transition:all .2s}
.keyrow .kk:hover{border-color:var(--primary)}
.keyrow .grow{flex:1;min-width:200px}
.badge{font-size:11px;font-weight:700;padding:2px 9px;border-radius:20px}
.badge.on{background:rgba(34,197,94,.15);color:#4ade80}
.badge.off{background:rgba(244,63,94,.15);color:#fb7185}

/* KPIs */
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}
.kpi{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px 20px;backdrop-filter:blur(8px);animation:fadeUp .45s both}
.kpi .n{font-size:28px;font-weight:800;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.kpi .l{font-size:12.5px;color:var(--muted);margin-top:2px}

table:not(.lead-table){width:100%;border-collapse:collapse;font-size:13px}
table:not(.lead-table) th,table:not(.lead-table) td{text-align:left;padding:9px 11px;border-bottom:1px solid var(--border)}
table:not(.lead-table) th{color:var(--muted);font-weight:600;font-size:11.5px;text-transform:uppercase;letter-spacing:.4px}

#docs pre{background:rgba(0,0,0,.35);border:1px solid var(--border);color:#c7d2fe;padding:16px;border-radius:12px;overflow-x:auto;font-size:12.5px;line-height:1.7;margin:10px 0}
#docs h2{font-size:18px;margin:22px 0 6px}
#docs p{color:var(--muted);font-size:14px;margin-bottom:6px}

/* Toasts */
.toast-wrap{position:fixed;bottom:22px;right:22px;z-index:9999;display:flex;flex-direction:column;gap:10px}
.toast{background:rgba(15,22,38,.95);backdrop-filter:blur(12px);border:1px solid var(--border);border-left:3px solid var(--primary);border-radius:12px;padding:13px 18px;font-size:13.5px;color:var(--text);box-shadow:var(--shadow);animation:pop .3s cubic-bezier(.34,1.56,.64,1);max-width:340px}
.toast.ok{border-left-color:var(--ok)}.toast.err{border-left-color:var(--danger)}

@media(max-width:900px){.packs{grid-template-columns:1fr}.kpis{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.app{flex-direction:column}.sidebar{width:100%;height:auto;position:static}.credits-box{margin-top:12px}}

/* Barra de exportacion */
.export-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px 16px;margin-bottom:14px;backdrop-filter:blur(8px);animation:fadeUp .3s}
.export-bar .ck{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--text);font-weight:600;text-transform:none;letter-spacing:0;cursor:pointer}
.export-bar .ck input{width:15px;height:15px;accent-color:var(--primary)}
.export-bar select{padding:6px 10px}

/* ===================== TEMA CLARO ===================== */
:root[data-theme="light"]{
  --bg:#f2f5fb; --bg2:#e9eef7; --surface:#ffffff; --surface-2:#f1f5f9; --solid:#ffffff;
  --border:#e4e9f2; --border-2:#cfd8e6; --text:#101728; --muted:#5a6a85; --faint:#93a0b8;
  --shadow:0 14px 40px rgba(15,23,42,.10);
  --top-bg:rgba(255,255,255,.82);
}
:root[data-theme="light"] body::before{background:#a9b8ff;opacity:.4}
:root[data-theme="light"] body::after{background:#8be9f5;opacity:.35}
:root[data-theme="light"] .sidebar{background:rgba(255,255,255,.86)}
:root[data-theme="light"] .auth-card{background:rgba(255,255,255,.92)}
:root[data-theme="light"] .card,:root[data-theme="light"] .kpi,:root[data-theme="light"] .keyrow,:root[data-theme="light"] .pack,:root[data-theme="light"] .table-wrap,:root[data-theme="light"] .export-bar{box-shadow:0 8px 24px rgba(15,23,42,.06)}
:root[data-theme="light"] input,:root[data-theme="light"] select,:root[data-theme="light"] textarea,:root[data-theme="light"] #auth-form input{background-color:#f8fafc;color:var(--text);border-color:var(--border)}
:root[data-theme="light"] input:focus,:root[data-theme="light"] select:focus,:root[data-theme="light"] textarea:focus{background-color:#fff}
:root[data-theme="light"] select option{background:#fff;color:var(--text)}
:root[data-theme="light"] .tabs{background:#eef2f8}
:root[data-theme="light"] .lead-table thead th{background:rgba(255,255,255,.96)}
:root[data-theme="light"] .lead-table tbody tr:hover{background:rgba(99,102,241,.06)}
:root[data-theme="light"] .toast{background:rgba(255,255,255,.97)}
:root[data-theme="light"] code{background:#eef2f8;color:#4338ca;border-color:var(--border)}
:root[data-theme="light"] .cell-dom a{color:#0e7490}
:root[data-theme="light"] .keyrow .kk{background:#f1f5fb;color:#4338ca}
:root[data-theme="light"] ::-webkit-scrollbar-thumb{background:rgba(15,23,42,.18)}
:root[data-theme="light"] .credits-box{background:rgba(99,102,241,.08);border-color:rgba(99,102,241,.25)}
:root[data-theme="light"] .sidebar nav a.active{background:rgba(99,102,241,.12);color:var(--primary)}
:root[data-theme="light"] .sidebar nav a:hover{background:#eef2f8}

/* ===================== BASE DE DATOS / CRM ===================== */
.db-layout{display:block}
.db-main{min-width:0}
.db-groups{display:flex;flex-wrap:wrap;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:10px 12px;margin-bottom:14px;backdrop-filter:blur(8px)}
.dbg-item{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border-radius:20px;cursor:pointer;font-size:13px;font-weight:600;color:var(--muted);transition:all .15s;border:1px solid transparent}
.dbg-item>span:first-child{display:inline-flex;align-items:center;gap:7px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dbg-item:hover{background:var(--surface-2);color:var(--text)}
.dbg-item.active{background:rgba(99,102,241,.14);color:var(--primary);border-color:rgba(99,102,241,.3)}
.dbg-item .cnt{font-size:11px;background:var(--surface-2);border-radius:20px;padding:1px 8px;color:var(--muted)}
.dbg-item .dot{width:9px;height:9px;border-radius:3px;flex-shrink:0}
.dbg-del{opacity:.5;border:none;background:none;color:var(--faint);cursor:pointer;font-size:16px;display:flex;padding:0}
.dbg-item:hover .dbg-del{opacity:1}
.dbg-del:hover{color:var(--danger)}
.dbg-new{display:inline-flex;gap:6px;align-items:center;margin-left:auto}
.dbg-new input{width:150px;padding:7px 11px;font-size:13px}
.db-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.db-bulk{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.3);border-radius:10px;padding:9px 14px;margin-bottom:12px}
.db-table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden;backdrop-filter:blur(8px)}
.db-t{width:100%;border-collapse:collapse;font-size:12px;table-layout:fixed}
.db-t .w-chk{width:30px}.db-t .w-name{width:16%}.db-t .w-dom{width:13%}.db-t .w-tel{width:10%}.db-t .w-mail{width:17%}.db-t .w-wa{width:42px}.db-t .w-tech{width:14%}.db-t .w-grp{width:11%}.db-t .w-est{width:10%}.db-t .w-del{width:32px}
.db-t th,.db-t td{padding:8px 8px;vertical-align:top;text-align:left;word-break:break-word;overflow-wrap:anywhere}
.db-t thead th{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);border-bottom:1px solid var(--border);white-space:nowrap}
.db-t tbody tr{border-bottom:1px solid rgba(255,255,255,.06)}
.db-t tbody tr:hover{background:rgba(99,102,241,.05)}
.db-t .c-name{font-weight:600}
.db-t .c-dom a{color:var(--cyan);text-decoration:none}
.db-t .c-dom a:hover{text-decoration:underline}
.db-t .pill{white-space:normal;overflow-wrap:anywhere;font-size:11px;line-height:1.3}
.db-t select{width:100%;min-width:0;padding:4px 5px;font-size:11px;border-radius:7px}
.db-t input[type=checkbox]{width:15px;height:15px;accent-color:var(--primary);margin-top:2px}
.status-sel{border:none !important;font-weight:700;border-radius:8px;padding:4px 6px;cursor:pointer}
:root[data-theme="light"] .db-t .c-dom a{color:#0e7490}
.db-pager{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px;font-size:13px}
.db-pager select{padding:5px 9px;font-size:12px;border-radius:8px;width:auto}

/* ===== Look de consola / producto API en toda la app ===== */
.app-top{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:-34px calc(-1*clamp(20px,4vw,52px)) 22px;padding:11px clamp(20px,4vw,52px);background:var(--top-bg);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}
.app-top-l{display:flex;align-items:center;gap:10px;min-width:0}
.app-top-l .mono{font-size:12.5px;letter-spacing:.2px}
.app-top-r{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.credits-chip{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;background:var(--surface-2);border:1px solid var(--border);border-radius:20px;padding:5px 6px 5px 12px;color:var(--text)}
.credits-chip i{color:var(--primary);font-size:15px}
.credits-chip b{font-weight:800}
.credits-chip .cc-l{color:var(--muted)}
.chip-plus{border:none;background:var(--primary);color:#fff;width:20px;height:20px;border-radius:50%;font-weight:800;cursor:pointer;line-height:1;font-size:14px;display:inline-flex;align-items:center;justify-content:center}
.chip-plus:hover{filter:brightness(1.12)}
.icon-btn{border:1px solid var(--border);background:var(--surface);color:var(--muted);width:34px;height:34px;border-radius:9px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:17px;transition:all .15s}
.icon-btn:hover{color:var(--text);border-color:var(--border-2)}
.acct{display:inline-flex;align-items:center;gap:8px}
.acct #ub-email{font-size:12px;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mono-badge{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;color:var(--muted);border:1px solid var(--border);border-radius:8px;padding:6px 11px}
.live{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 8px var(--ok);animation:pulseLive 2s ease-in-out infinite}
@keyframes pulseLive{0%,100%{opacity:1}50%{opacity:.35}}
.side-foot{margin-top:auto;padding-top:14px}
.more-emails{border:1px solid var(--border);background:var(--surface-2);color:var(--muted);border-radius:20px;padding:2px 8px;font-size:11px;font-weight:700;cursor:pointer;transition:all .15s}
.more-emails:hover{color:var(--primary);border-color:var(--primary)}
@media(max-width:720px){.app-top{position:static;margin:-20px calc(-1*clamp(20px,4vw,52px)) 16px}}

/* Ficha de lead (modal) */
.modal-overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:rgba(2,6,16,.6);backdrop-filter:blur(4px);padding:20px;animation:fadeIn .2s}
.modal-box{background:var(--solid);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);width:100%;max-width:560px;max-height:88vh;overflow-y:auto;padding:22px 24px;animation:pop .25s cubic-bezier(.34,1.56,.64,1)}
.lm-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}
.lm-title{font-size:19px;font-weight:800;line-height:1.2}
.lm-dom{color:var(--cyan);text-decoration:none;font-size:13px}
.lm-dom:hover{text-decoration:underline}
.lm-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}
.lm-field{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:600;color:var(--muted)}
.lm-field select{width:100%}
.lm-sec{margin-bottom:16px}
.lm-sec-h{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin-bottom:8px}
.lm-emails{display:flex;flex-direction:column;gap:6px}
.lm-em{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.lm-chips{display:flex;flex-wrap:wrap;gap:8px}
.lm-chips .pill{white-space:normal}
.lm-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;padding-top:14px;border-top:1px solid var(--border)}
#lm-notes{width:100%;resize:vertical;font-family:inherit}
.vbadge{font-size:11px;font-weight:700;padding:2px 9px;border-radius:20px;white-space:nowrap}
.vdot{display:inline-block;width:8px;height:8px;border-radius:50%;vertical-align:middle;flex-shrink:0}
.lm-ai-out{font-size:13px;line-height:1.65;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:12px 14px}
.lm-ai-out b{color:var(--primary)}
.score-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:19px;padding:0 6px;margin-left:6px;border-radius:20px;font-size:11px;font-weight:800;vertical-align:middle}
.score-badge.big{height:24px;font-size:12.5px;padding:0 11px;margin-left:8px}

/* Indicador de progreso de fichas IA */
.ai-progress{position:fixed;right:20px;bottom:20px;z-index:150;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 16px 44px rgba(15,23,42,.18);padding:14px 16px;width:290px;animation:fadeUp .3s}
.aip-top{display:flex;align-items:center;gap:8px;font-size:13px;margin-bottom:10px}
.aip-c{margin-left:auto;color:var(--muted);font-weight:700;font-size:12px}
.aip-bar{height:7px;border-radius:20px;background:var(--surface-2);overflow:hidden}
.aip-fill{height:100%;background:var(--grad);border-radius:20px;width:0;transition:width .35s}

/* Botón "Guía de uso" en la sidebar */
.nav-help{display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:11px;color:var(--muted);font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;margin-top:8px}
.nav-help:hover{background:var(--surface-2);color:var(--primary)}
.nav-help i{font-size:19px}

/* Guía interactiva (spotlight, oscurece y resalta) */
.guide-ov{position:fixed;inset:0;z-index:9000;animation:fadeIn .22s}
.guide-svg{position:absolute;inset:0;width:100%;height:100%}
.guide-ring{position:fixed;border:2px solid var(--primary);border-radius:12px;box-shadow:0 0 0 3px rgba(99,102,241,.25),0 0 28px rgba(99,102,241,.45);z-index:9001;pointer-events:none;transition:all .4s cubic-bezier(.4,0,.2,1)}
.guide-tip{position:fixed;z-index:9002;background:var(--surface);border:1.5px solid var(--primary);border-radius:18px;padding:20px 22px;max-width:330px;width:90vw;box-shadow:0 24px 64px rgba(15,23,42,.3);transition:top .32s cubic-bezier(.4,0,.2,1),left .32s cubic-bezier(.4,0,.2,1)}
.guide-tip-h{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.guide-n{width:38px;height:38px;border-radius:12px;background:var(--grad);color:#fff;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:800;flex-shrink:0;box-shadow:0 4px 12px rgba(99,102,241,.35)}
.guide-title{font-size:16px;font-weight:800;letter-spacing:-.3px;color:var(--text)}
.guide-step{font-size:11px}
.guide-x{margin-left:auto;background:none;border:none;color:var(--faint);font-size:22px;line-height:1;cursor:pointer;padding:0;align-self:flex-start}
.guide-x:hover{color:var(--text)}
.guide-desc{font-size:13.5px;color:var(--muted);line-height:1.7;margin:0 0 18px}
.guide-dots{display:flex;gap:4px;justify-content:center;margin-bottom:16px}
.guide-dot{height:5px;border-radius:3px;background:var(--border);transition:all .3s}
.guide-dot.on{background:var(--primary)}
.guide-actions{display:flex;gap:8px;justify-content:flex-end}
.lead-open{cursor:pointer}
.lead-open:hover{color:var(--primary);text-decoration:underline}
.clean-list{display:flex;flex-direction:column;gap:8px}
.clean-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;cursor:pointer;font-size:13.5px}
.clean-row span{flex:1;display:flex;align-items:center;gap:8px}
.clean-row span i{color:var(--muted);font-size:16px}
.clean-row b{color:var(--text)}
.clean-row.off{opacity:.45;cursor:default}
.clean-row input{width:16px;height:16px;accent-color:var(--primary)}
/* Tarjetas de leads (vista vertical, sin scroll lateral) */
.db-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px}
.db-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px 16px;backdrop-filter:blur(8px);transition:border .2s,box-shadow .2s;animation:fadeUp .35s both}
.db-card:hover{border-color:rgba(99,102,241,.35);box-shadow:0 12px 26px rgba(15,23,42,.10)}
.dbc-top{display:flex;align-items:flex-start;gap:10px}
.dbc-top>input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);margin-top:3px;flex-shrink:0}
.dbc-name{flex:1;min-width:0}
.dbc-name .nm{font-weight:700;font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dbc-name .dom{color:var(--cyan);text-decoration:none;font-size:12.5px;word-break:break-all}
.dbc-name .dom:hover{text-decoration:underline}
.dbc-del{border:none;background:none;color:var(--faint);cursor:pointer;font-size:17px;flex-shrink:0;padding:2px;display:flex}
.dbc-del:hover{color:var(--danger)}
.dbc-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.dbc-controls{display:flex;gap:8px;margin-top:12px}
.dbc-controls select{flex:1;min-width:0;padding:6px 8px;font-size:12px;border-radius:8px}
:root[data-theme="light"] .dbc-name .dom{color:#0e7490}
@media(max-width:820px){.db-layout{grid-template-columns:1fr}}
:root[data-theme="light"] .pill.mail,:root[data-theme="light"] .pill.wa{color:#0f7b4f}
:root[data-theme="light"] .pill.tel{color:#b45309}
:root[data-theme="light"] .pill.tech{color:#5b21b6}

/* ===================== DOCS / REFERENCIA API ===================== */
#docs .doc-h{font-size:18px;margin:26px 0 6px;font-weight:800}
#docs .doc-ep{display:flex;align-items:center;gap:2px}
#docs .doc-ep code{font-size:15px;background:none;border:none;padding:0;color:var(--text)}
.doc-method{display:inline-block;font-size:11px;font-weight:800;padding:3px 9px;border-radius:7px;letter-spacing:.04em;margin-right:9px}
.doc-method.get{background:rgba(34,197,94,.16);color:#16a34a}
.doc-method.post{background:rgba(99,102,241,.16);color:#6366f1}
.doc-lbl{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}
.doc-grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:6px 0 4px}
@media(max-width:700px){.doc-grid2{grid-template-columns:1fr}}
.doc-table{width:100%;border-collapse:collapse;margin:4px 0 2px;font-size:13px}
.doc-table th,.doc-table td{text-align:left;padding:8px 12px;border-bottom:1px solid var(--border);vertical-align:top}
.doc-table thead th{color:var(--muted);font-weight:700;font-size:10.5px;text-transform:uppercase;letter-spacing:.4px}
.doc-table td:first-child{white-space:nowrap}
.doc-table td code{font-size:12px}
.doc-tabs{display:flex;gap:4px;margin:10px 0 0}
.doc-tab{padding:7px 15px;font-size:12.5px;font-weight:600;cursor:pointer;border:1px solid transparent;border-bottom:none;border-radius:9px 9px 0 0;color:var(--muted);transition:all .14s}
.doc-tab:hover{color:var(--text)}
.doc-tab.active{color:var(--primary);background:var(--surface);border-color:var(--border)}
.doc-tabwrap{border:1px solid var(--border);border-radius:0 12px 12px 12px;overflow:hidden}
.doc-tabwrap pre{margin:0;border:none;border-radius:0}

/* ============================================================= */
/* ===== PULIDO TEMA CLARO · misma estética que la landing ===== */
/* ============================================================= */
:root[data-theme="light"]{
  --bg:#f6f8fc; --bg2:#eef2f9; --surface:#ffffff; --surface-2:#f3f6fb; --solid:#ffffff;
  --border:#e7ecf4; --border-2:#d7dfec; --text:#0f172a; --muted:#5a6a85; --faint:#9aa7bd;
  --top-bg:rgba(246,248,252,.82);
}
:root[data-theme="light"] body::before{background:#c7d2fe;opacity:.32}
:root[data-theme="light"] body::after{background:#a5f3fc;opacity:.26}

/* Tipografía de cabeceras como en la landing */
:root[data-theme="light"] .main{padding-top:30px}
:root[data-theme="light"] .main h1{font-size:clamp(26px,3vw,34px);font-weight:800;letter-spacing:-1px;line-height:1.1}
:root[data-theme="light"] section>.muted{font-size:15px;line-height:1.6;max-width:760px}

/* Superficies limpias: fuera glass, sombras suaves, más radio */
:root[data-theme="light"] .card,
:root[data-theme="light"] .table-wrap,
:root[data-theme="light"] .db-table-wrap,
:root[data-theme="light"] .db-groups,
:root[data-theme="light"] .pack,
:root[data-theme="light"] .kpi,
:root[data-theme="light"] .keyrow,
:root[data-theme="light"] .db-card,
:root[data-theme="light"] .export-bar{
  background:var(--surface);
  border:1px solid var(--border);
  box-shadow:0 4px 20px rgba(15,23,42,.045);
  backdrop-filter:none;
}
:root[data-theme="light"] .card{border-radius:20px;padding:26px 28px}
:root[data-theme="light"] .card:hover{box-shadow:0 10px 34px rgba(15,23,42,.09)}
:root[data-theme="light"] .table-wrap,
:root[data-theme="light"] .db-table-wrap{border-radius:18px}
:root[data-theme="light"] .db-groups{border-radius:16px;padding:12px 14px}

/* Sidebar limpia y luminosa */
:root[data-theme="light"] .sidebar{background:#ffffff;border-right:1px solid var(--border);backdrop-filter:none}
:root[data-theme="light"] .sidebar nav a{font-size:14px}
:root[data-theme="light"] .sidebar nav a:hover{background:var(--surface-2);color:var(--text);transform:none}
:root[data-theme="light"] .sidebar nav a.active{background:rgba(99,102,241,.1);color:var(--primary)}

/* Topbar */
:root[data-theme="light"] .app-top{backdrop-filter:saturate(1.3) blur(12px)}
:root[data-theme="light"] .icon-btn{background:var(--surface)}

/* Inputs con relleno muy suave que se aclara al foco (como la landing) */
:root[data-theme="light"] input,
:root[data-theme="light"] select,
:root[data-theme="light"] textarea,
:root[data-theme="light"] #auth-form input{background-color:#f5f8fc;border-color:var(--border);border-radius:12px}
:root[data-theme="light"] input:focus,
:root[data-theme="light"] select:focus,
:root[data-theme="light"] textarea:focus{background-color:#fff;box-shadow:0 0 0 4px rgba(99,102,241,.12)}

/* Pills suaves (idénticas a la maqueta de la landing) */
:root[data-theme="light"] .pill{border:none;border-radius:20px;padding:4px 11px;font-weight:600}
:root[data-theme="light"] .pill.mail{background:rgba(22,163,74,.1);color:#15803d}
:root[data-theme="light"] .pill.tel{background:rgba(217,119,6,.1);color:#b45309}
:root[data-theme="light"] .pill.wa{background:rgba(37,211,102,.13);color:#0f7b4f}
:root[data-theme="light"] .pill.tech{background:rgba(99,102,241,.09);color:#5b21b6}

/* Tablas más aireadas */
:root[data-theme="light"] .lead-table thead th,
:root[data-theme="light"] .db-t thead th{background:#fafbfe;color:var(--muted);border-bottom:1px solid var(--border)}
:root[data-theme="light"] .lead-table td{padding:14px 16px}
:root[data-theme="light"] .lead-table tbody tr,
:root[data-theme="light"] .db-t tbody tr{border-bottom:1px solid #eef2f8}
:root[data-theme="light"] .lead-table tbody tr:hover,
:root[data-theme="light"] .db-t tbody tr:hover{background:rgba(99,102,241,.05)}

/* Packs / kpi con lift suave */
:root[data-theme="light"] .pack:hover{box-shadow:0 18px 44px rgba(15,23,42,.12)}
:root[data-theme="light"] .kpi .n,
:root[data-theme="light"] .pack .pk-cred{filter:none}

/* Spinner y skeleton visibles en claro */
:root[data-theme="light"] .spin{border-color:rgba(15,23,42,.12);border-top-color:var(--primary)}
:root[data-theme="light"] .skel{background:linear-gradient(90deg,#eef2f8 25%,#e2e8f2 37%,#eef2f8 63%);background-size:900px 100%}

/* Modal claro */
:root[data-theme="light"] .modal-overlay{background:rgba(15,23,42,.35)}
:root[data-theme="light"] .modal-box{box-shadow:0 30px 80px rgba(15,23,42,.22)}

/* Modal de confirmación interno (reemplaza window.confirm) */
.cm-box{max-width:430px;text-align:left}
.cm-title{font-size:17px;font-weight:800;margin-bottom:8px;color:var(--text)}
.cm-msg{font-size:14px;color:var(--muted);line-height:1.6;margin-bottom:22px}
.cm-actions{display:flex;justify-content:flex-end;gap:10px}
.btn-danger{background:var(--danger);color:#fff;box-shadow:0 8px 22px rgba(244,63,94,.28)}
.btn-danger:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 12px 28px rgba(244,63,94,.4)}

/* Barra de exportar / bulk */
:root[data-theme="light"] .db-bulk{background:rgba(99,102,241,.08);border-color:rgba(99,102,241,.25)}

/* ===== Playground: formulario espacioso tipo landing ===== */
:root[data-theme="light"] .pg-form{padding:clamp(24px,3vw,34px)}
.pg-form-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-bottom:20px;margin-bottom:6px;border-bottom:1px solid var(--border)}
.pg-form-title{font-size:19px;font-weight:800;letter-spacing:-.3px;display:flex;align-items:center;gap:9px}
.pg-form-title i{color:var(--primary)}
.pg-form-sub{font-size:13.5px;color:var(--muted);margin-top:5px;max-width:540px;line-height:1.55}
.pg-limit{flex-direction:row !important;align-items:center;gap:10px !important;text-transform:none;letter-spacing:0;font-size:12.5px;font-weight:700;color:var(--muted);white-space:nowrap}
.pg-limit input{width:74px}
.pg-form .row{margin-top:20px !important}
.pg-form .pg-moderow{margin-top:22px !important}
.pg-form input,.pg-form select{padding:13px 15px;font-size:14.5px;border-radius:12px}
.pg-form label{gap:9px;margin-bottom:2px}
.pg-form .row.between{margin-top:26px;padding-top:22px;border-top:1px solid var(--border)}
#pg-run{padding:14px 32px;font-size:15px;border-radius:13px;box-shadow:0 10px 26px rgba(99,102,241,.32)}
#pg-run:hover{box-shadow:0 14px 32px rgba(99,102,241,.42)}
.pg-form #pg-guided.row,.pg-form #pg-dork.row,.pg-form #pg-local.row{gap:20px}

/* ===== Tablas aún más aireadas (estética landing) ===== */
:root[data-theme="light"] .lead-table{font-size:13.5px}
:root[data-theme="light"] .lead-table td{padding:16px 18px}
:root[data-theme="light"] .lead-table thead th{padding:15px 18px;font-size:10.5px}
:root[data-theme="light"] .lead-table tbody tr{transition:background .15s}
:root[data-theme="light"] .db-t{font-size:12.5px}
:root[data-theme="light"] .db-t th,:root[data-theme="light"] .db-t td{padding:12px 10px}
:root[data-theme="light"] .db-t thead th{padding:13px 10px}
:root[data-theme="light"] .db-groups{gap:9px}
:root[data-theme="light"] .dbg-item{padding:8px 15px}
:root[data-theme="light"] .db-toolbar{margin-bottom:16px;gap:12px}