:root{--bg:#f5f6f3;--surface:#fff;--ink:#1d2430;--muted:#5f6878;--line:#dfe3da;--accent:#0f6e56;--accent-ink:#fff;--warn:#b7791f;--bad:#b23b3b;--good:#2b7a4b;--chip:#eef1ea;--font:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--mono:ui-monospace,Menlo,Consolas,monospace}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font:14px/1.45 var(--font);margin:0}a{color:var(--accent)}.nav{background:var(--surface);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:16px;padding:10px 16px;display:flex}.nav a{color:var(--ink);text-decoration:none}.nav .brand{font-weight:700}.nav .right{margin-left:auto}.wrap{max-width:1180px;margin:0 auto;padding:14px 16px 32px}h1{margin:0 0 6px;font-size:20px}h2{margin:18px 0 8px;font-size:17px}h3{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:14px 0 6px;font-size:12px}.muted{color:var(--muted)}.error{color:var(--bad);font-weight:600}.ok{color:var(--good);font-weight:600}.num{font-variant-numeric:tabular-nums}input,select,textarea,button{font:inherit;color:inherit}input[type=text],input[type=search],input[type=email],input[type=password],input[type=number],input[type=date],input[type=url],select,textarea{background:var(--surface);border:1px solid var(--line);border-radius:8px;min-width:0;max-width:100%;padding:7px 10px}textarea{resize:vertical;width:100%;min-height:90px}button{background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:8px;padding:7px 12px}button:hover{border-color:var(--accent)}button.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}button.link{color:var(--accent);background:0 0;border:none;padding:0;text-decoration:underline}button.danger{color:var(--bad)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.card{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:12px 14px}.kpis{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.kpi{background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:8px;align-items:baseline;gap:6px;padding:6px 10px;font-size:13px;text-decoration:none;display:flex}.kpi b{font-size:16px}.kpi.on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.filters{flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0;display:flex}.filters input[type=search]{flex:220px}.list{flex-direction:column;gap:6px;display:flex}.row{background:var(--surface);border:1px solid var(--line);min-width:0;color:var(--ink);border-radius:10px;grid-template-columns:minmax(0,2.2fr) minmax(0,1.3fr) 90px 120px 150px;align-items:center;gap:10px;padding:9px 12px;text-decoration:none;display:grid}.row:hover{border-color:var(--accent)}.row .nm{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.row .sub,.row .svc{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.chips{flex-wrap:wrap;gap:4px;display:flex}.chip{background:var(--chip);white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:11.5px;display:inline-block}.chip.A{background:var(--accent);color:var(--accent-ink)}.chip.B{border:1px solid var(--accent);color:var(--accent)}.chip.C{opacity:.7}.st-email,.st-llamada{color:#1d4f91;background:#e3eefc}.st-respondio,.st-reunion{color:#7a4e00;background:#fff3d6}.st-propuesta{color:#8a3d00;background:#fde7cf}.st-ganado{color:#1e5c37;background:#d9f2e2}.st-perdido,.st-rebote{color:#7a2222;background:#f6d9d9}.st-descartado{opacity:.6}.due{color:var(--bad);font-weight:600}.soon{color:var(--warn)}.grid2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;display:grid}.kv{grid-template-columns:120px minmax(0,1fr);gap:4px 10px;font-size:13.5px;display:grid}.kv .v{overflow-wrap:anywhere;min-width:0}.actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.mailbox{background:var(--bg);border:1px solid var(--line);font-family:var(--mono);white-space:pre-wrap;border-radius:8px;max-height:320px;padding:10px;font-size:12.5px;overflow:auto}.hist{margin:0;padding:0;font-size:13px;list-style:none}.hist li{border-top:1px solid var(--line);padding:5px 0}.hist time{color:var(--muted);font-family:var(--mono);margin-right:8px;font-size:12px}.msg{border:1px solid var(--line);background:var(--surface);border-radius:8px;margin-bottom:8px;padding:8px 10px}.msg.in{border-left:4px solid var(--warn)}.msg.out{border-left:4px solid var(--accent)}.msg .meta{color:var(--muted);margin-bottom:4px;font-size:12px}.msg pre{white-space:pre-wrap;font:12.5px/1.45 var(--mono);max-height:260px;margin:0;overflow:auto}ul.plain{margin:0;padding-left:18px;font-size:13px}.banner{background:var(--chip);border:1px solid var(--line);border-radius:8px;margin:10px 0;padding:8px 12px;font-size:13px}.banner.warn{border-color:var(--warn)}.banner.bad{border-color:var(--bad)}table.t{border-collapse:collapse;width:100%;font-size:13px}table.t th,table.t td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:6px 8px}.login{place-items:center;min-height:100vh;padding:16px;display:grid}.login-card{flex-direction:column;gap:10px;width:min(380px,100%);display:flex}.form{grid-template-columns:160px minmax(0,1fr);align-items:center;gap:8px 12px;max-width:720px;display:grid}.form label{color:var(--muted);font-size:13px}.form input,.form select{width:100%}@media (max-width:720px){.row{grid-template-columns:minmax(0,1fr) auto}.row>:nth-child(2){grid-column:1/-1}.row>:nth-child(4),.row>:nth-child(5){grid-column:auto}.grid2,.form{grid-template-columns:1fr}.kv{grid-template-columns:100px 1fr}}
