/* Highbound HQ: a sales floor console. Dark by brand (black and blue). */
:root{
  --bg:#070a12; --panel:#0e1422; --raise:#141c2e; --line:#223049; --fg:#e8edf7; --mute:#8e9bb6;
  --blue:#4c8dff; --blue2:#2b5fd9; --ok:#3ccf91; --warn:#f2b84b; --bad:#ef6b6b; --violet:#9b8cff;
  --display:"Space Grotesk",system-ui,sans-serif; --body:"Inter",system-ui,sans-serif; --mono:"JetBrains Mono",ui-monospace,monospace;
  color-scheme:dark;
}
*{box-sizing:border-box}
body{background:var(--bg);color:var(--fg);font:14px/1.5 var(--body);margin:0}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:30;background:var(--bg)}
.wrap{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));max-width:1280px;margin:0 auto}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
header .wrap{display:flex;align-items:center;gap:14px;padding-block:12px;flex-wrap:wrap}
.brand{font:700 17px var(--display);letter-spacing:.04em}
.brand b{color:var(--blue)}
.brand small{display:block;font:400 10px var(--mono);letter-spacing:.22em;color:var(--mute)}
.who{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:13px;color:var(--mute)}
.who img{width:28px;height:28px;border-radius:50%}
.pill{font:500 11px var(--mono);padding:3px 9px;border-radius:999px;border:1px solid var(--line);color:var(--mute);white-space:nowrap}
.pill.blue{color:var(--blue);border-color:color-mix(in srgb,var(--blue) 50%,transparent)}
main{padding-block:20px 60px;display:grid;gap:18px}
h1,h2,h3{font-family:var(--display);margin:0;text-wrap:balance}
h1{font-size:clamp(22px,3vw,30px)}
h2{font-size:18px}
.sub{color:var(--mute);font-size:13px}
.tabs{display:flex;gap:6px;flex-wrap:wrap}
.tab{background:none;border:1px solid var(--line);color:var(--mute);border-radius:999px;padding:7px 14px;font:500 13px var(--body);cursor:pointer}
.tab[aria-selected="true"]{background:var(--blue2);border-color:var(--blue2);color:#fff}
button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,.lead:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.kpi{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.kpi span{display:block;font:400 11px var(--mono);letter-spacing:.08em;color:var(--mute);text-transform:uppercase}
.kpi b{display:block;font:700 24px var(--display);font-variant-numeric:tabular-nums;margin-top:2px}
.kpi b.money{color:var(--ok)}
.split{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:16px;align-items:start}
.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px;min-width:0}
.filters{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}
.chip{background:var(--raise);border:1px solid var(--line);color:var(--mute);border-radius:999px;padding:5px 10px;font:500 12px var(--body);cursor:pointer}
.chip[aria-pressed="true"]{color:var(--fg);border-color:var(--blue)}
.search{width:100%;background:var(--raise);border:1px solid var(--line);color:var(--fg);border-radius:10px;padding:9px 11px;font:400 14px var(--body)}
.list{display:grid;gap:6px;max-height:68vh;overflow:auto;padding-right:2px}
.lead{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;align-items:center;text-align:left;background:var(--raise);border:1px solid transparent;border-radius:10px;padding:10px 12px;color:var(--fg);cursor:pointer;font:inherit;width:100%}
.lead[aria-current="true"]{border-color:var(--blue)}
.lead .n{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lead .m{grid-column:1/-1;font:400 12px var(--mono);color:var(--mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.st{font:500 11px var(--mono);padding:2px 8px;border-radius:999px;border:1px solid currentColor;white-space:nowrap}
.st.nuevo{color:var(--mute)}.st.sin_respuesta{color:var(--warn)}.st.interesado{color:var(--blue)}.st.reunion{color:var(--violet)}.st.cerrado{color:var(--ok)}.st.no_interesado{color:var(--bad)}
.dossier{display:grid;gap:14px}
.dhead{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}
.fact{background:var(--raise);border-radius:10px;padding:9px 11px;min-width:0}
.fact span{display:block;font:400 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.fact b{display:block;font-weight:500;overflow-wrap:anywhere}
.copyable{display:flex;gap:8px;align-items:center}
.mini{background:none;border:1px solid var(--line);color:var(--mute);border-radius:8px;padding:3px 8px;font:500 11px var(--body);cursor:pointer}
.findings{margin:0;padding-left:18px;color:#cfd7ea}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
label.f{display:grid;gap:4px;font:500 12px var(--body);color:var(--mute);min-width:0}
select,input[type=number],input[type=text],input[type=email],input[type=password],textarea{background:var(--raise);border:1px solid var(--line);color:var(--fg);border-radius:10px;padding:8px 10px;font:400 14px var(--body)}
textarea{width:100%;min-height:70px;resize:vertical}
.btn{background:var(--blue2);color:#fff;border:0;border-radius:10px;padding:9px 14px;font:600 13px var(--body);cursor:pointer}
.btn.ghost{background:none;border:1px solid var(--line);color:var(--fg)}
.btn:disabled{opacity:.5;cursor:default}
.helpers{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px}
.helper{background:var(--raise);border:1px solid var(--line);border-radius:12px;padding:12px;text-align:left;color:var(--fg);cursor:pointer;font:inherit}
.helper b{display:block;font:600 14px var(--display)}
.helper span{font-size:12px;color:var(--mute)}
.helper[aria-pressed="true"]{border-color:var(--blue)}
.out{white-space:pre-wrap;background:#0a1020;border:1px solid var(--line);border-radius:12px;padding:14px;font:400 14px/1.6 var(--body);min-height:60px;overflow-wrap:anywhere}
.out.empty{color:var(--mute)}
.note{font-size:12px;color:var(--mute)}
.empty-state{text-align:center;padding:30px 10px;color:var(--mute)}
.empty-state h2{color:var(--fg);margin-bottom:6px}
table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap}
th{font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.tblwrap{overflow-x:auto}
.offer{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}
.plan{background:var(--raise);border-radius:12px;padding:14px;display:grid;gap:4px}
.plan b{font:700 15px var(--display)}
.plan .price{font:700 20px var(--display);color:var(--blue)}
.plan ul{margin:4px 0 0;padding-left:18px;color:#cfd7ea;font-size:13px}
.rules{margin:0;padding-left:18px;color:#cfd7ea}
.toast{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--raise);border:1px solid var(--line);border-radius:10px;padding:9px 14px;font-size:13px;z-index:40}
@media (max-width:860px){.split{grid-template-columns:minmax(0,1fr)}.list{max-height:none}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

.addform{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
.addform input,.addform select,.addform textarea{width:100%}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.6);display:grid;place-items:center;z-index:50;padding:16px}
.modal>.card{width:min(640px,100%);max-height:90vh;overflow:auto}
.prompt{white-space:pre-wrap;background:#0a1020;border:1px solid var(--line);border-radius:12px;padding:12px;font:400 13px/1.55 var(--mono);max-height:300px;overflow:auto}
.langsel{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:999px;padding:2px 4px 2px 9px;font-size:12px}
.langsel select{background:transparent;color:var(--fg);border:0;font:500 12px var(--body);padding:3px 2px;cursor:pointer;max-width:120px}
.langsel select option{background:var(--panel)}
.prices{display:grid;gap:4px;margin:8px 0}
.prices .price small{display:inline-block;margin-left:6px;font:400 11px var(--body);color:var(--mute)}
body > .skiptranslate, iframe.goog-te-banner-frame{display:none!important} body{top:0!important}
.loginbox{max-width:420px;margin:6vh auto 0;text-align:center;display:grid;gap:10px;padding:28px 24px}
.lb-logo{width:64px;height:64px;margin:0 auto 6px;border-radius:16px;background:linear-gradient(140deg,#7aa6ff,#4c7ff0 45%,#2a4fd0);display:grid;place-items:center;font:700 38px var(--display);color:#fff;box-shadow:0 0 40px rgba(76,141,255,.45)}
.lform{display:grid;gap:10px;text-align:left;margin-top:6px}
.lform .btn{justify-content:center;margin-top:4px}
.note.err{color:var(--bad);min-height:1em;margin:0}
.linkbtn{background:none;border:0;color:var(--blue);cursor:pointer;font:500 13px var(--body);text-decoration:underline}
.modal{position:fixed;inset:0;background:rgba(3,6,14,.75);display:grid;place-items:center;z-index:50;padding:16px}