/* Kharuvia AI · rediseño 2026 (morado). Se carga después de style.css y del estilo del panel. */
:root{
  --kh-side:#1f1040;--kh-side2:#241c50;--kh-night:#08081e;--kh-pri:#7c3ce0;--kh-pri-h:#6a2fd0;--kh-deep:#5004d0;
  --kh-soft:#f0eafc;--kh-soft2:#e4d8fc;--kh-bg:#f8f8fc;--kh-ink:#1b1340;--kh-ok:#108c34;
  --ink:#1b1340;--brand:#7c3ce0;--brand2:#a78bfa;--brandSoft:#f0eafc;--bg:#f8f8fc;--line:#e7e3f1;
  --grad:linear-gradient(120deg,#7c3ce0,#5004d0);--glow:0 10px 26px rgba(92,40,200,.28);
}
body{background:var(--kh-bg)}
.btn-p{background:var(--kh-pri);box-shadow:0 8px 20px rgba(124,60,224,.25)}.btn-p:hover{background:var(--kh-pri-h);filter:none}
.chip.on{background:var(--kh-soft);border-color:var(--kh-soft2);color:var(--kh-deep)}
/* Klarvoicing dentro de Kharuvia: mismos componentes, paleta morada */
.kvz{--pri:#7c3ce0;--pri-h:#6a2fd0;--pri-1:#f0eafc;--pri-2:#e2d6fb;--navy:#1f1040;--navy2:#241c50;--teal:#5b3aa8;--bg:#f8f8fc;--paper:#fff;--line:#e7e3f1;--line-2:#efecf6;--ink:#1b1340;--ink-2:#463d63;--mute:#736c8a;font-family:'Plus Jakarta Sans',system-ui,sans-serif}
.kvz .tbl th{background:#f6f3fc}
/* estructura */
.shell{grid-template-columns:264px minmax(0,1fr)}
@media(max-width:900px){.shell{grid-template-columns:minmax(0,1fr)}} /* teléfono: el menú se abre encima; el contenido usa todo el ancho */
aside{background:linear-gradient(180deg,var(--kh-side),var(--kh-side2));color:#d9d2f0;padding:20px 14px;gap:2px;overflow-y:auto}
aside .logo{padding:0 8px 14px}
aside .biz{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}
aside .grp{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#9d93c4;padding:14px 12px 4px;font-weight:700}
aside a{font-size:14px;padding:9px 12px;color:#e2dcf6}
aside a:hover{background:rgba(255,255,255,.07)}
aside a.on{background:#6b46b0;box-shadow:none;color:#fff}
aside a .n{background:#c4b5fd;color:var(--kh-side)}
aside a .pg{margin-left:auto;font-size:11px;font-weight:700;background:rgba(255,255,255,.12);border-radius:999px;padding:1px 8px}
main{padding:0 0 60px}
.khtop{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;padding:12px var(--pad);background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.khtop .q{flex:1;max-width:520px;position:relative}
.khtop .q input{width:100%;border:1px solid var(--line);border-radius:12px;padding:10px 14px 10px 40px;font:inherit;font-size:14px;background:#f7f5fc}
.khtop .q svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#8b84a5}
.khtop .q .res{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 40px rgba(30,16,64,.14);overflow:hidden;z-index:30}
.khtop .q .res a{display:flex;gap:10px;align-items:center;padding:10px 14px;text-decoration:none;color:var(--ink);font-size:14px;cursor:pointer}
.khtop .q .res a:hover{background:var(--kh-soft)}.khtop .q .res small{margin-left:auto;color:#8b84a5;font-size:12px}
.khtop .r{margin-left:auto;display:flex;align-items:center;gap:8px}
.khtop .ib{width:40px;height:40px;border-radius:12px;border:0;background:transparent;display:grid;place-items:center;cursor:pointer;color:var(--ink);position:relative}
.khtop .ib:hover{background:var(--kh-soft)}.khtop .ib .dot{position:absolute;top:8px;right:9px;width:8px;height:8px;border-radius:50%;background:#e5484d;border:2px solid #fff}
.khtop .who{display:flex;align-items:center;gap:10px;border:0;background:none;cursor:pointer;font:inherit;padding:4px 8px;border-radius:12px;text-align:left}
.khtop .who:hover{background:var(--kh-soft)}
.khtop .av{width:38px;height:38px;border-radius:50%;background:var(--kh-soft2);color:var(--kh-deep);display:grid;place-items:center;font-weight:800;font-size:13px}
.khtop .who b{display:block;font-size:14px;line-height:1.2}.khtop .who small{color:#8b84a5;font-size:12px}
.khbody{padding:24px var(--pad) 0}
.khbody .top h1{font-size:28px}
/* bloques nuevos */
.khk{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.khk .k{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px;display:flex;gap:14px;align-items:center;min-width:0}
.khk .k i{width:46px;height:46px;border-radius:14px;background:var(--kh-soft);color:var(--kh-pri);display:grid;place-items:center;flex:none}
.khk .k small{display:block;color:#736c8a;font-weight:600;font-size:13px}.khk .k b{font-size:24px;font-weight:800}.khk .k em{font-style:normal;font-size:12px;color:var(--kh-ok);font-weight:700;margin-left:6px}
.qa{display:flex;gap:8px;flex-wrap:wrap}
.qa button{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 12px;font:600 13px inherit;font-family:inherit;color:var(--ink);cursor:pointer}
.qa button:hover{border-color:var(--kh-pri);color:var(--kh-pri)}
.tl{display:flex;align-items:flex-start;gap:6px;overflow-x:auto;padding:6px 2px}
.tl .st{flex:1;min-width:120px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}
.tl .st i{width:52px;height:52px;border-radius:50%;background:var(--kh-soft);color:var(--kh-pri);display:grid;place-items:center}
.tl .st b{font-size:14px}.tl .st small{color:#736c8a;font-size:12px}.tl .ar{color:#a49cc0;margin-top:16px}
.flow{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:var(--kh-soft);border-radius:16px;padding:14px 18px;margin-top:18px}
.flow b{font-size:15px;color:var(--kh-deep);margin-right:8px}.flow span{display:flex;gap:8px;align-items:center;font-size:13.5px}
.flow span i{width:24px;height:24px;border-radius:50%;background:var(--kh-pri);color:#fff;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:12px}
.steps5{display:flex;flex-direction:column;gap:10px}
.steps5 .s{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px}
.steps5 .s.cur{border-color:#c9b4f7;background:#faf7ff;box-shadow:0 0 0 3px rgba(124,60,224,.08)}
.steps5 .n{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:800;border:2px solid #d6cdea;color:#6b6386;flex:none}
.steps5 .s.done .n{background:var(--kh-ok);border-color:var(--kh-ok);color:#fff}.steps5 .s.cur .n{background:var(--kh-pri);border-color:var(--kh-pri);color:#fff}
.steps5 .t{flex:1}.steps5 .t b{display:block}.steps5 .t small{color:#736c8a}
.okpill{display:inline-flex;gap:6px;align-items:center;background:#e6f6ea;color:var(--kh-ok);border-radius:999px;padding:4px 12px;font-weight:700;font-size:13px}
.pend{background:#f1eff6;color:#6b6386;border-radius:999px;padding:4px 12px;font-weight:700;font-size:13px}
.prog{height:8px;border-radius:99px;background:#ece7f8;overflow:hidden;width:160px}.prog i{display:block;height:100%;background:var(--kh-pri)}
.week{display:grid;grid-template-columns:64px repeat(6,minmax(0,1fr));border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}
.week>div{border-right:1px solid #f0edf7;border-bottom:1px solid #f0edf7;min-height:46px;padding:4px;font-size:12px;position:relative}
.week .h{background:#faf8fe;font-weight:700;text-align:center;padding:10px 4px;font-size:13px}
.week .h.today{color:var(--kh-pri)}.week .t{color:#8b84a5;text-align:right;padding-right:8px}
.week .ev{background:var(--kh-soft);border:1px solid #d9c9fb;color:#3b2585;border-radius:8px;padding:4px 6px;font-size:11.5px;line-height:1.25;cursor:pointer;margin-bottom:3px}
.week .ev.sel{background:#fff;border:2px solid var(--kh-pri)}.week .ev.cancel{opacity:.5;text-decoration:line-through}
.week .slot{cursor:pointer}.week .slot:hover{background:#faf7ff}
.inbox{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(0,2fr);gap:16px}
.inbox .li{display:flex;gap:12px;padding:12px;border-radius:12px;cursor:pointer;border:1px solid transparent}
.inbox .li:hover{background:#faf7ff}.inbox .li.on{background:var(--kh-soft);border-color:#dccdfb}
.inbox .li .ph{width:38px;height:38px;border-radius:50%;background:var(--kh-soft);color:var(--kh-pri);display:grid;place-items:center;flex:none}
.inbox .li b{display:block;font-size:14px}.inbox .li small{color:#736c8a;font-size:12.5px}
.intent{display:inline-block;background:var(--kh-soft);color:var(--kh-deep);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:700}
.bubble{padding:8px 0;font-size:14px;border-bottom:1px solid #f3f0f8}.bubble b{color:var(--kh-deep)}
.aisum{background:#faf7ff;border:1px solid #e4d8fc;border-radius:14px;padding:14px}
.aisum li{list-style:none;display:flex;gap:8px;font-size:13.5px;padding:3px 0}.aisum ul{padding:0;margin:8px 0 0}
.hub{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.hub .it{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px}
.hub .it i{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:var(--kh-soft);color:var(--kh-pri);flex:none}
.hub .it b{display:block}.hub .it small{color:#736c8a}.hub .it .r{margin-left:auto;display:flex;gap:8px;align-items:center}
.dotok{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--kh-ok)}.dotok::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.dotoff{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#8b84a5}.dotoff::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.phone{width:min(330px,100%);border:10px solid #15102a;border-radius:42px;overflow:hidden;background:#fff;box-shadow:0 30px 60px rgba(30,16,64,.25);margin:0 auto}
.phone .pt{background:linear-gradient(160deg,var(--kh-side),var(--kh-deep));color:#fff;padding:18px;text-align:center}
.help{background:#faf8fe;border:1px solid var(--line);border-radius:16px;padding:18px}
.help h3{font-size:18px;margin-bottom:12px}.help ol{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}
.help li{display:flex;gap:10px;font-size:14px}.help li i{width:24px;height:24px;border-radius:50%;background:var(--kh-pri);color:#fff;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:12px;flex:none}
.withhelp{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}
@media (max-width:1100px){.khk{grid-template-columns:repeat(2,minmax(0,1fr))}.withhelp{grid-template-columns:minmax(0,1fr)}.inbox{grid-template-columns:minmax(0,1fr)}}
@media (max-width:820px){.hub{grid-template-columns:minmax(0,1fr)}.khtop .who span{display:none}.khtop .q{max-width:none}.week{grid-template-columns:48px repeat(6,minmax(90px,1fr));overflow-x:auto}}
@media (max-width:620px){.khk{grid-template-columns:minmax(0,1fr)}.khtop{padding:10px 14px}}
/* entrar / crear cuenta (C) */
.auth .side{background:radial-gradient(700px 420px at 100% 0%,rgba(200,168,252,.25),transparent 60%),radial-gradient(700px 500px at 0% 100%,rgba(124,60,224,.45),transparent 60%),#160b36!important}
.auth .side .logo small{color:#c8a8fc}
.auth .form .btn-p{width:100%}