:root,:root[data-theme=light]{color-scheme:light;--brand-navy: #0d211f;--yellow: #e0a300;--on-accent: #ffffff;--orange: #ea580c;--orange-soft: #fde8d7;--orange-ink: #c2410c;--green: #0a7a6e;--green-soft: #d7f5f0;--green-ink: #086b60;--red: #b0231f;--red-soft: #fde8e7;--red-ink: #b0231f;--danger-solid: #b0231f;--on-danger: #ffffff;--verde: #15803d;--verde-soft: #dcf5e5;--verde-ink: #14672f;--amarillo-soft: #fdf0d0;--amarillo-ink: #8a6100;--bg: #f5fbfa;--surface: #ffffff;--surface-2: #daf3ef;--text: #0d211f;--text-soft: #22383b;--muted: #4e6a6d;--border: #dceae7;--border-strong: #b8d6d2;--sidebar-bg: #ffffff;--sidebar-text: #3c5457;--sidebar-text-strong: #0d211f;--sidebar-hover: rgba(10, 122, 110, .08);--sidebar-line: #d9ece9;--shadow-sm: 0 1px 2px rgba(13, 33, 31, .05);--shadow: 0 2px 10px rgba(13, 33, 31, .06);--shadow-lg: 0 12px 32px rgba(13, 33, 31, .1);--focus-ring: rgba(10, 122, 110, .18);--radius: 12px;--radius-sm: 8px;--sidebar-w: 262px}:root[data-theme=dark]{color-scheme:dark;--brand-navy: #0d211f;--yellow: #f0b429;--on-accent: #04231f;--orange: #fb923c;--orange-soft: #3a2109;--orange-ink: #ffb08a;--green: #2dd4bf;--green-soft: #103330;--green-ink: #7fe8df;--red: #f87171;--red-soft: #3a1717;--red-ink: #fca5a5;--danger-solid: #f87171;--on-danger: #2c0b0b;--verde: #4ade80;--verde-soft: #0f2a1a;--verde-ink: #86efac;--amarillo-soft: #2e2409;--amarillo-ink: #fcd34d;--bg: #071615;--surface: #0e211f;--surface-2: #14302c;--text: #e9f4f3;--text-soft: #c8dbda;--muted: #93afae;--border: #1e3835;--border-strong: #2f524d;--sidebar-bg: #050f0e;--sidebar-text: rgba(233, 244, 243, .84);--sidebar-text-strong: #ffffff;--sidebar-hover: rgba(255, 255, 255, .09);--sidebar-line: rgba(255, 255, 255, .12);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--shadow: 0 2px 10px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .5);--focus-ring: rgba(45, 212, 191, .22)}*{box-sizing:border-box}:root.theme-switching *,:root.theme-switching *:before,:root.theme-switching *:after{transition:none!important}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:Fredoka,system-ui,sans-serif;font-weight:600;letter-spacing:-.01em;margin:0;color:var(--text)}h1{font-size:1.6rem}h2{font-size:1.2rem}h3{font-size:1.02rem}a{color:inherit;text-decoration:none}p{margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1.5px solid transparent;border-radius:var(--radius-sm);padding:10px 18px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;letter-spacing:-.006em;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,filter .15s ease;white-space:nowrap}.btn:active:not(:disabled){filter:brightness(.96)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--green);color:var(--on-accent)}.btn-primary:hover:not(:disabled){filter:brightness(1.08)}.btn-primary-tenue{background:var(--green-soft);color:var(--green-ink);border-color:var(--green);font-weight:500}.btn-primary-tenue:hover:not(:disabled){filter:brightness(1.04)}.btn-accent{background:var(--orange-soft);color:var(--orange-ink);border-color:var(--orange);font-weight:500}.btn-accent:hover:not(:disabled){filter:brightness(1.04)}.btn-ghost{background:var(--surface);color:var(--text);border-color:var(--border-strong);font-weight:500}.btn-ghost:hover:not(:disabled){background:var(--surface-2)}.btn-danger{background:transparent;color:var(--red);border-color:transparent;font-weight:500}.btn-danger:hover:not(:disabled){background:var(--red-soft)}.btn-peligro{background:var(--danger-solid);color:var(--on-danger)}.btn-peligro:hover:not(:disabled){filter:brightness(1.08)}.btn-sm{padding:7px 14px;font-size:.85rem}.btn-block{width:100%}.field{margin-bottom:14px}.field>label{display:block;font-size:.85rem;font-weight:600;color:var(--text-soft);margin-bottom:6px}.input,.textarea,.select{display:block;width:100%;padding:11px 14px;border:1.5px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-family:Inter,sans-serif;font-size:.95rem;transition:border-color .15s ease,box-shadow .15s ease}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px var(--focus-ring)}.textarea{min-height:96px;resize:vertical;line-height:1.5}.input::placeholder,.textarea::placeholder{color:var(--muted);opacity:.75}.input:disabled,.textarea:disabled{opacity:.65;cursor:not-allowed}.hint{font-size:.84rem;color:var(--muted);margin-top:6px}.switch{position:relative;display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.switch input{position:absolute;opacity:0;pointer-events:none}.switch .track{width:44px;height:25px;border-radius:999px;background:var(--border-strong);position:relative;transition:background .18s ease;flex-shrink:0}.switch .track:after{content:"";position:absolute;top:3px;left:3px;width:19px;height:19px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform .18s ease}.switch input:checked+.track{background:var(--green)}.switch input:checked+.track:after{transform:translate(19px)}.switch input:focus-visible+.track{box-shadow:0 0 0 3px var(--focus-ring)}.switch input:disabled+.track{opacity:.55}.switch .switch-label{font-weight:600;font-size:.95rem}.card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow-sm)}.card+.card{margin-top:16px}.titulo-seccion{display:flex;align-items:center;gap:9px}.titulo-seccion .ico-svg{color:var(--green)}.section-head{margin-bottom:14px}.section-head .sub{color:var(--muted);font-size:.92rem;margin-top:4px}.page{padding:28px 32px 60px;max-width:900px}.page-wide{max-width:none}.stack{display:flex;flex-direction:column;gap:16px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.spacer{flex:1}.badge{display:inline-flex;align-items:center;gap:5px;font-size:.75rem;font-weight:600;padding:3px 10px;border-radius:999px;background:var(--surface-2);color:var(--text-soft);border:1px solid var(--border)}.badge-green{background:var(--green-soft);color:var(--green-ink);border-color:var(--green)}.badge-red{background:var(--red-soft);color:var(--red-ink);border-color:var(--red)}.badge-orange{background:var(--orange-soft);color:var(--orange-ink);border-color:var(--orange)}.badge-verde{background:var(--verde-soft);color:var(--verde-ink);border-color:var(--verde)}.badge-amarillo{background:var(--amarillo-soft);color:var(--amarillo-ink);border-color:var(--yellow)}.alert{border-radius:var(--radius-sm);padding:11px 14px;font-size:.9rem;border:1.5px solid transparent}.alert-ok{background:var(--green-soft);color:var(--green-ink);border-color:var(--green)}.alert-error{background:var(--red-soft);color:var(--red-ink);border-color:var(--red)}.alert-info{background:var(--orange-soft);color:var(--orange-ink);border-color:var(--orange)}.empty{text-align:center;padding:34px 20px;color:var(--muted);font-size:.92rem;border:1.5px dashed var(--border-strong);border-radius:var(--radius);background:var(--surface-2)}.shell{display:flex;height:100%;overflow:hidden}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--sidebar-bg);color:var(--sidebar-text);border-right:1.5px solid var(--sidebar-line);display:flex;flex-direction:column;padding:18px 14px;gap:4px;overflow-y:auto}.sidebar .brand{display:flex;align-items:center;gap:11px;padding:4px 6px 18px}.sidebar .brand .name{font-family:Fredoka,sans-serif;font-weight:600;font-size:1.3rem;color:var(--sidebar-text-strong);line-height:1.15}.sidebar .brand .num{font-size:.76rem;color:var(--sidebar-text);font-family:Inter}.sidebar nav{display:flex;flex-direction:column;gap:3px}.brand-mark{width:42px;height:42px;flex-shrink:0;border-radius:11px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);display:grid;place-items:center;padding:5px}.brand-mark img,.brand-mark .ico-svg{width:76%;height:76%;object-fit:contain;display:block}.brand-mark-lg{width:52px;height:52px;border-radius:14px;padding:6px}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:var(--radius-sm);color:var(--sidebar-text);font-size:1rem;font-weight:500;transition:background .14s ease,color .14s ease}.nav-pastilla{margin-left:auto;flex-shrink:0;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--green);color:var(--on-accent);font-size:.72rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.nav-item.active .nav-pastilla{background:var(--on-accent);color:var(--green)}.nav-item:hover{background:var(--sidebar-hover);color:var(--sidebar-text-strong)}.nav-item.active{background:var(--green);color:var(--on-accent);font-weight:600}.nav-item .ico{font-size:1.05rem;width:20px;text-align:center}.sidebar-foot{margin-top:auto;padding-top:14px;border-top:1px solid var(--sidebar-line)}.sidebar-foot .who{font-size:.85rem;color:var(--sidebar-text);opacity:.85;padding:0 12px 4px;word-break:break-all}.sidebar-foot .quien-rol{padding:0 12px 10px}.sidebar-foot .side-btn{display:flex;align-items:center;gap:11px;width:100%;text-align:left;background:none;border:0;cursor:pointer;color:var(--sidebar-text);font-family:Inter;font-size:.95rem;padding:10px 12px;border-radius:var(--radius-sm)}.sidebar-foot .side-btn:hover{background:var(--sidebar-hover);color:var(--sidebar-text-strong)}.main{flex:1;overflow-y:auto;min-width:0;min-height:0}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:8px;padding:10px 24px;background:var(--surface);border-bottom:1.5px solid var(--border)}.menu-perfil{position:relative}.menu-perfil-panel{position:absolute;top:calc(100% + 8px);right:0;min-width:190px;z-index:40;background:var(--surface);border:1.5px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:6px;display:flex;flex-direction:column;gap:2px}.menu-perfil-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius-sm);color:var(--text);font-size:.92rem;font-weight:500}.menu-perfil-item:hover{background:var(--surface-2)}.menu-perfil-item.active{background:var(--green-soft);color:var(--green-ink)}.inbox{display:grid;grid-template-columns:320px minmax(0,1fr);height:100%;min-height:0}.inbox.con-ficha{grid-template-columns:320px minmax(0,1fr) 320px}.conv-estados{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.chip-estado{display:inline-flex;align-items:center;gap:4px;font-size:.68rem;font-weight:600;padding:2px 8px;border-radius:999px;border:1px solid transparent;white-space:nowrap}.chip-bot{background:var(--green-soft);color:var(--green-ink);border-color:var(--green)}.chip-humano{background:var(--orange-soft);color:var(--orange-ink);border-color:var(--orange)}.chip-atendiendo{background:var(--verde-soft);color:var(--verde-ink);border-color:var(--verde)}.chip-asignado{background:var(--surface-2);color:var(--text-soft);border-color:var(--border)}.thread-titulo{display:block;font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-sub{font-size:.75rem;color:var(--muted)}.icon-btn.activo{background:var(--green-soft);border-color:var(--green);color:var(--green-ink)}.ficha{border-left:1.5px solid var(--border);background:var(--surface);display:flex;flex-direction:column;min-height:0}.ficha-head{padding:14px 18px;border-bottom:1.5px solid var(--border);display:flex;align-items:center;justify-content:space-between;font-family:Fredoka,sans-serif;font-size:1rem}.ficha-cuerpo{padding:18px;overflow-y:auto;flex:1;min-height:0}.ficha-identidad{text-align:center;margin-bottom:18px}.avatar-grande{width:64px;height:64px;font-size:1.15rem;margin:0 auto 10px}.ficha-numero{font-size:.9rem;color:var(--text-soft);font-weight:500}.bot-control{border:1.5px solid var(--green);background:var(--green-soft);border-radius:var(--radius-sm);padding:14px;margin-bottom:18px}.bot-control.pausado{border-color:var(--orange);background:var(--orange-soft)}.bot-control.pausado.atendiendo{border-color:var(--green);background:var(--green-soft)}.bot-control-texto{display:flex;gap:10px;align-items:flex-start;margin-bottom:12px}.bot-control-texto .ico-svg{color:var(--green-ink);margin-top:2px}.bot-control.pausado .bot-control-texto .ico-svg{color:var(--orange-ink)}.bot-control.pausado.atendiendo .bot-control-texto .ico-svg{color:var(--green-ink)}.bot-control strong{font-size:.92rem}.bot-control .btn{width:100%}.ficha-datos{margin-top:18px;padding-top:14px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:10px}.ficha-datos>div{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.ficha-dato-label{font-size:.82rem;color:var(--muted)}.ficha-dato-valor{font-size:.86rem;font-weight:600}.msg-audio{max-width:260px;width:100%}.inbox-list{min-width:0;border-right:1.5px solid var(--border);background:var(--surface);display:flex;flex-direction:column;min-height:0}.inbox-list-head{padding:14px 16px;border-bottom:1.5px solid var(--border)}.inbox-tabs{display:flex;gap:6px;margin-top:10px}.inbox-tab{flex:1;text-align:center;padding:7px 10px;border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem;font-weight:600;color:var(--muted);background:var(--surface-2);border:1.5px solid transparent}.inbox-tab.active{background:var(--green);color:var(--on-accent)}.inbox-items{overflow-y:auto;flex:1;min-height:0}.conv{display:flex;gap:11px;align-items:flex-start;width:100%;text-align:left;padding:12px 16px;border:0;border-bottom:1px solid var(--border);background:transparent;cursor:pointer;color:inherit;font-family:Inter;border-left:3px solid transparent}.conv:hover{background:var(--surface-2)}.conv.active{background:var(--surface-2);border-left-color:var(--green)}.conv-datos{flex:1;min-width:0;display:block}.conv .top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.conv .num{font-weight:600;font-size:.9rem;letter-spacing:.01em}.conv .time{font-size:.72rem;color:var(--muted);flex-shrink:0;white-space:nowrap}.conv .last{display:flex;align-items:center;gap:4px;font-size:.83rem;color:var(--muted);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv .last .ico-svg{flex-shrink:0;opacity:.75}.conv .who-badge{font-size:.68rem;margin-top:6px}.msg-archivo{display:inline-flex;align-items:center;gap:8px;text-decoration:underline;text-underline-offset:3px}.empty-ico{color:var(--border-strong);margin:0 auto}.thread{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}.thread-head{padding:13px 20px;border-bottom:1.5px solid var(--border);background:var(--surface);display:flex;align-items:center;gap:12px;flex-wrap:wrap}.thread-body{flex:1;overflow-y:auto;padding:20px;min-height:0}.msg{max-width:min(560px,78%);margin-bottom:12px}.msg.out{margin-left:auto}.msg .bubble{padding:10px 14px;border-radius:14px;font-size:.92rem;line-height:1.5;white-space:pre-wrap;word-break:break-word;border:1.5px solid var(--border);background:var(--surface)}.msg.out .bubble{background:var(--green-soft);border-color:var(--green)}.msg .meta{font-size:.7rem;color:var(--muted);margin-top:4px;padding:0 4px}.msg.out .meta{text-align:right}.msg .bubble img{max-width:100%;border-radius:10px;display:block}.msg .bubble audio{max-width:260px}.adjunto-error{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:180px;max-width:260px;padding:22px 16px;border:1.5px dashed var(--border-strong);border-radius:10px;background:var(--surface-2);color:var(--muted);text-align:center;font-size:.85rem}.adjunto-error .btn{margin-top:2px}.composer{border-top:1.5px solid var(--border);background:var(--surface);padding:12px 16px;display:flex;flex-direction:column;gap:10px}.composer .line{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.composer .line>.input{flex:1;min-width:180px}.file-chip{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;color:var(--text-soft);background:var(--surface-2);border:1.5px solid var(--border);border-radius:999px;padding:6px 12px}.icon-btn{width:40px;height:40px;flex-shrink:0;border-radius:var(--radius-sm);border:1.5px solid var(--border-strong);background:var(--surface);color:var(--text);cursor:pointer;font-size:1.05rem;display:grid;place-items:center;transition:background .15s ease,border-color .15s ease,color .15s ease}.icon-btn:hover{background:var(--surface-2)}.icon-btn.rec{background:var(--red);border-color:var(--red);color:#fff}.icon-btn.peligro{color:var(--red);border-color:var(--red)}.icon-btn.peligro:hover{background:var(--red-soft)}.hidden-file{display:none}.conv.sin-leer .num{font-weight:700}.conv.sin-leer .last{color:var(--text-soft);font-weight:500}.conv .last-texto{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pastilla-sin-leer{margin-left:auto;flex-shrink:0;min-width:19px;height:19px;padding:0 6px;border-radius:999px;background:var(--green);color:var(--on-accent);font-size:.7rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.solo-movil{display:none!important}@media (max-width: 1200px){.inbox.con-ficha{grid-template-columns:320px minmax(0,1fr)}.inbox.con-ficha .ficha{position:absolute;top:0;right:0;bottom:0;width:min(340px,90vw);z-index:20;box-shadow:var(--shadow-lg)}.inbox{position:relative}}@media (max-width: 860px){.inbox,.inbox.con-ficha{grid-template-columns:1fr}.inbox-list{width:100%;max-height:none;min-height:0;border-right:0;border-bottom:1.5px solid var(--border)}.inbox.mostrando-hilo .inbox-list{display:none}.inbox:not(.mostrando-hilo) .thread{display:none}.inbox.con-ficha .ficha{width:100%}.solo-movil{display:grid!important}.composer{padding:10px 12px calc(10px + env(safe-area-inset-bottom))}.composer .line>.input{min-width:120px}.composer .btn-texto{display:none}.composer .btn{padding:10px 14px}.thread-body{padding:14px}.msg{max-width:88%}}@media (max-width: 860px){.shell{flex-direction:column}.sidebar{width:100%;flex-direction:row;align-items:center;gap:6px;padding:10px;overflow-x:auto;border-right:0;border-bottom:1.5px solid var(--sidebar-line)}.sidebar .brand{padding:0 10px 0 4px}.sidebar .brand .num{display:none}.nav-item span:not(.ico){display:none}.nav-item{padding:10px}.sidebar-foot{margin-top:0;margin-left:auto;padding-top:0;border-top:0;display:flex;align-items:center;gap:4px}.sidebar-foot .who{display:none}.sidebar-foot .side-btn span:not(.ico){display:none}.page{padding:18px 16px 50px}}.login-wrap{position:relative;min-height:100%;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 15%,var(--focus-ring),transparent 45%),radial-gradient(circle at 85% 80%,var(--green-soft),transparent 45%),var(--bg)}.login-card{width:100%;max-width:400px;background:var(--surface);border:1.5px solid var(--border);border-radius:16px;padding:34px;box-shadow:var(--shadow-lg)}.login-card .logo{display:flex;align-items:center;gap:12px;margin-bottom:6px}.login-card .logo .name{font-family:Fredoka;font-weight:600;font-size:1.5rem}.login-card .tagline{color:var(--muted);font-size:.92rem;margin-bottom:22px}.beak-stripe{height:5px;width:64px;border-radius:3px;margin:10px 0 0;background:linear-gradient(90deg,var(--orange),var(--yellow),var(--green))}.theme-float{position:absolute;top:20px;right:20px;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:1.5px solid var(--border-strong);background:var(--surface);color:var(--text);font-size:1.1rem;cursor:pointer;box-shadow:var(--shadow-sm);transition:background .15s ease,transform .1s ease}.theme-float:hover{background:var(--surface-2)}.theme-float:active{transform:scale(.94)}.emoji-panel{width:320px;z-index:40;background:var(--surface);border:1.5px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:8px}.emoji-cats{display:flex;gap:2px;overflow-x:auto;border-bottom:1.5px solid var(--border);padding-bottom:6px;margin-bottom:6px}.emoji-cat{border:0;background:transparent;cursor:pointer;font-size:1.05rem;padding:5px 7px;border-radius:6px;line-height:1}.emoji-cat:hover{background:var(--surface-2)}.emoji-cat.active{background:var(--green-soft)}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;max-height:210px;overflow-y:auto}.emoji-btn{border:0;background:transparent;cursor:pointer;font-size:1.25rem;line-height:1;padding:5px;border-radius:6px}.emoji-btn:hover{background:var(--surface-2);transform:scale(1.15)}.regla{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);overflow:hidden}.regla.arrastrando{opacity:.45}.regla.destino{border-color:var(--green);box-shadow:0 -3px 0 var(--green) inset}.regla-head{display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;-webkit-user-select:none;user-select:none}.regla-head:hover{background:var(--surface-2)}.regla-orden{display:grid;place-items:center;width:26px;height:26px;flex-shrink:0;border-radius:7px;background:var(--surface-2);border:1.5px solid var(--border);font-size:.78rem;font-weight:700;color:var(--text-soft)}.regla-kw{flex:1;min-width:0;font-weight:600;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.regla-agarre{cursor:grab;color:var(--muted);font-size:1.05rem;padding:2px 4px;border-radius:5px;flex-shrink:0}.regla-agarre:active{cursor:grabbing}.regla-agarre:hover{background:var(--surface-2);color:var(--text)}.regla-flecha{color:var(--muted);flex-shrink:0;transition:transform .15s ease}.regla.abierta .regla-flecha{transform:rotate(90deg)}.regla-cuerpo{padding:0 14px 14px;border-top:1px solid var(--border)}.regla-respuesta{white-space:pre-wrap;color:var(--text-soft);font-size:.92rem;background:var(--surface-2);border-radius:var(--radius-sm);padding:12px;margin:12px 0}.cal-barra{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.cal-mes{font-family:Fredoka,sans-serif;font-weight:600;font-size:1.15rem;text-transform:capitalize;min-width:180px}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--border);border:1.5px solid var(--border);border-radius:var(--radius);overflow:hidden}.cal-encabezado{background:var(--surface-2);text-align:center;font-size:.75rem;font-weight:700;color:var(--muted);padding:8px 4px;text-transform:uppercase;letter-spacing:.04em}.cal-celda{background:var(--surface);min-height:92px;padding:6px;cursor:pointer;display:flex;flex-direction:column;gap:3px;border:0;text-align:left;font-family:Inter;color:inherit}.cal-celda:hover{background:var(--surface-2)}.cal-celda.otro-mes{opacity:.38}.cal-celda.hoy .cal-dia{background:var(--green);color:var(--on-accent)}.cal-celda.elegida{box-shadow:inset 0 0 0 2px var(--green)}.cal-dia{align-self:flex-start;min-width:22px;height:22px;display:grid;place-items:center;border-radius:6px;font-size:.78rem;font-weight:600}.cal-chip{font-size:.7rem;padding:2px 6px;border-radius:5px;background:var(--green-soft);color:var(--green-ink);border:1px solid var(--green);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cal-chip.cancelado{background:var(--red-soft);color:var(--red-ink);border-color:var(--red);text-decoration:line-through}.cal-chip.hecho{background:var(--surface-2);color:var(--muted);border-color:var(--border)}.cal-mas{font-size:.68rem;color:var(--muted);padding-left:4px}.turno{border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:14px;background:var(--surface)}.turno.cancelado{opacity:.65}.turno-hora{font-family:Fredoka,sans-serif;font-weight:600;font-size:1.05rem;color:var(--green-ink)}@media (max-width: 700px){.cal-celda{min-height:68px}.cal-chip{display:none}}.modal-fondo{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0815228c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:24px;animation:aparecerFondo .15s ease}.modal{width:100%;max-width:420px;background:var(--surface);border:1.5px solid var(--border);border-radius:16px;box-shadow:var(--shadow-lg);padding:28px 26px 22px;text-align:center;animation:aparecerModal .18s ease}.modal-icono{width:52px;height:52px;margin:0 auto 14px;display:grid;place-items:center;border-radius:50%;background:var(--surface-2);border:1.5px solid var(--border);color:var(--text-soft)}.modal-icono .ico-svg{color:inherit}.modal h3{font-size:1.2rem}.modal-texto{color:var(--text-soft);font-size:.95rem;margin-top:10px}.modal-detalle{color:var(--muted);font-size:.86rem;margin-top:10px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 12px}.modal-acciones{display:flex;gap:10px;justify-content:center;margin-top:22px;flex-wrap:wrap}.modal-acciones .btn{min-width:130px}@keyframes aparecerFondo{0%{opacity:0}to{opacity:1}}@keyframes aparecerModal{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}.ico-svg{flex-shrink:0;display:block}.btn .ico-svg,.nav-item .ico-svg,.badge .ico-svg,.aviso .ico-svg{vertical-align:middle}.avisos{position:fixed;z-index:120;right:20px;bottom:20px;display:flex;flex-direction:column;gap:10px;max-width:min(380px,calc(100vw - 40px));pointer-events:none}.aviso{display:flex;align-items:flex-start;gap:10px;background:var(--surface);border:1.5px solid var(--border-strong);border-left-width:4px;border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);padding:12px 14px;font-size:.92rem;pointer-events:auto;animation:entraAviso .22s cubic-bezier(.2,.9,.3,1.2)}.aviso-exito{border-left-color:var(--green);color:var(--text)}.aviso-exito .ico-svg{color:var(--green)}.aviso-error{border-left-color:var(--red)}.aviso-error .ico-svg{color:var(--red)}.aviso-info{border-left-color:var(--orange)}.aviso-info .ico-svg{color:var(--orange)}.aviso-texto{flex:1;min-width:0;line-height:1.45}.aviso-cerrar{border:0;background:none;cursor:pointer;padding:2px;color:var(--muted);border-radius:5px;flex-shrink:0}.aviso-cerrar:hover{background:var(--surface-2);color:var(--text)}@keyframes entraAviso{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}@media (max-width: 620px){.avisos{right:12px;left:12px;bottom:12px;max-width:none}}.avatar{width:38px;height:38px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;font-size:.8rem;letter-spacing:.02em;font-family:Inter,sans-serif;-webkit-user-select:none;user-select:none}.avatar-sm{width:30px;height:30px;font-size:.72rem}.buscador{position:relative;margin-top:10px}.buscador .ico-svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.buscador input{width:100%;padding:9px 32px 9px 36px;border:1.5px solid var(--border-strong);border-radius:999px;background:var(--surface-2);color:var(--text);font-family:Inter;font-size:.9rem}.buscador input:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px var(--focus-ring);background:var(--surface)}.buscador .limpiar{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:none;cursor:pointer;color:var(--muted);padding:3px;border-radius:50%;display:grid;place-items:center}.buscador .limpiar:hover{background:var(--border);color:var(--text)}.msg-estado{display:inline-flex;align-items:center;gap:3px}.msg-estado.leido{color:#3b9ae1}.msg-estado.error{color:var(--red)}.esqueleto{background:linear-gradient(90deg,var(--surface-2) 25%,var(--border) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:brillo 1.3s ease-in-out infinite;border-radius:6px}@keyframes brillo{0%{background-position:200% 0}to{background-position:-200% 0}}.esqueleto-conv{padding:13px 16px;border-bottom:1px solid var(--border);display:flex;gap:11px}.esqueleto-conv .circulo{width:38px;height:38px;border-radius:50%;flex-shrink:0}.esqueleto-conv .lineas{flex:1;display:flex;flex-direction:column;gap:7px}:focus-visible{outline:2.5px solid var(--green);outline-offset:2px;border-radius:4px}.btn:focus-visible,.nav-item:focus-visible{outline-offset:1px}.conv:focus-visible{outline-offset:-2px}.skip-link{position:fixed;top:12px;left:12px;z-index:500;transform:translateY(-80px);background:var(--surface);color:var(--text);border:1.5px solid var(--border-strong);border-radius:var(--radius-sm);padding:10px 16px;font-weight:600;font-size:.9rem;box-shadow:var(--shadow-lg);transition:transform .15s ease}.skip-link:focus{transform:translateY(0)}.barra-admin{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--orange-soft);border-bottom:1.5px solid var(--orange);color:var(--orange-ink);padding:9px 18px;font-size:.9rem;position:sticky;top:0;z-index:15}.barra-admin .ico-svg{flex-shrink:0}.barra-admin .btn{margin-left:auto}.barra-cuenta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--green-soft);border-bottom:1.5px solid var(--green);color:var(--green-ink);padding:9px 18px;font-size:.9rem;position:sticky;top:0;z-index:14}.barra-cuenta.suspendida{background:var(--red-soft);border-bottom-color:var(--red);color:var(--red)}.barra-cuenta .ico-svg{flex-shrink:0}.barra-cuenta .btn{margin-left:auto}.barra-cuenta-error{flex-basis:100%;font-size:.82rem;opacity:.9}.primeros-pasos{margin:20px 32px 0;max-width:836px;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);padding:14px 18px;box-shadow:var(--shadow-sm)}.primeros-pasos-cab{display:flex;align-items:center;justify-content:space-between;gap:10px}.primeros-pasos-titulo{display:flex;align-items:center;gap:8px;font-family:Fredoka,sans-serif;font-weight:600;font-size:.95rem}.primeros-pasos-titulo .ico-svg{color:var(--green)}.primeros-pasos-cerrar{border:0;background:none;color:var(--muted);cursor:pointer;padding:5px;border-radius:6px;display:grid;place-items:center}.primeros-pasos-cerrar:hover{background:var(--surface-2);color:var(--text)}.primeros-pasos-lista{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:9px}.primeros-pasos-lista li{display:flex;align-items:center;gap:10px;font-size:.88rem}.primeros-pasos-check{flex:none;width:19px;height:19px;border-radius:50%;border:1.5px solid var(--border-strong);display:grid;place-items:center}.primeros-pasos-lista li.hecho .primeros-pasos-check{background:var(--green);border-color:var(--green);color:var(--on-accent)}.primeros-pasos-lista li.hecho span{color:var(--muted);text-decoration:line-through}.primeros-pasos-lista a{color:var(--text);font-weight:500;text-decoration:underline;text-underline-offset:2px}.primeros-pasos-lista a:hover{color:var(--green-ink)}.primeros-pasos-marcar{border:0;background:none;padding:0;margin:0;text-align:left;color:var(--text);font-weight:500;font-size:.88rem;font-family:Inter,sans-serif;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.primeros-pasos-marcar:hover{color:var(--green-ink)}@media (max-width: 700px){.primeros-pasos{margin:16px 16px 0}}.tarjetas-numero{display:grid;gap:12px;margin-bottom:20px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.tarjeta-numero{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);padding:14px 16px;display:flex;flex-direction:column;gap:2px;box-shadow:var(--shadow-sm)}.tn-etiqueta{font-size:.78rem;color:var(--muted);font-weight:600}.tn-valor{font-family:Fredoka,sans-serif;font-size:1.6rem;font-weight:600;line-height:1.1}.tn-detalle{font-size:.76rem;color:var(--muted)}.cliente{border:1.5px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden;box-shadow:var(--shadow-sm)}.cliente-head{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;-webkit-user-select:none;user-select:none}.cliente-head:hover{background:var(--surface-2)}.cliente-inicial{width:38px;height:38px;flex-shrink:0;border-radius:10px;display:grid;place-items:center;background:var(--brand-navy);color:#fff;font-family:Fredoka,sans-serif;font-weight:600;font-size:1.05rem}:root[data-theme=dark] .cliente-inicial{background:var(--surface-2);color:var(--text)}.cliente-meta{font-size:.82rem;color:var(--muted);margin-top:3px}.cliente-cuerpo{padding:16px;border-top:1.5px solid var(--border);background:var(--surface-2)}.cliente-datos{display:flex;flex-direction:column;gap:3px;font-size:.85rem;color:var(--text-soft);font-family:JetBrains Mono,ui-monospace,monospace}.bloque-comercial{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:16px;margin-bottom:16px}.cobro{border:1.5px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden;box-shadow:var(--shadow-sm)}.cobro.pagado{border-left:4px solid var(--green)}.cobro.anulado{opacity:.6}.cobro-head{display:flex;align-items:center;gap:12px;padding:13px 16px}.cobro-punto{width:9px;height:9px;border-radius:50%;flex-shrink:0}.cobro-punto.ok{background:var(--green)}.cobro-punto.pend{background:var(--orange)}.cobro-punto.anu{background:var(--border-strong)}.cobro-monto{font-family:Fredoka,sans-serif;font-size:1.05rem;white-space:nowrap}.cobro-cuerpo{padding:16px;border-top:1.5px solid var(--border);background:var(--surface-2)}.contactos-grid{display:grid;gap:18px;grid-template-columns:1fr;align-items:start;margin-bottom:16px}.contactos-grid:has(.ficha-clientes){grid-template-columns:minmax(0,1fr) 340px}.ficha-clientes{position:sticky;top:0;border:1.5px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);max-height:calc(100vh - 40px)}.contacto-fila{width:100%;display:flex;align-items:center;gap:12px;padding:11px 14px;text-align:left;cursor:pointer;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);color:inherit;font:inherit;transition:background .12s,border-color .12s}.contacto-fila:hover{background:var(--surface-2)}.contacto-fila.activo{border-color:var(--green);background:var(--surface-2)}.contacto-datos{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.contacto-nombre{font-weight:600}.contacto-meta{font-size:.83rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contacto-etiquetas{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}.contacto-fecha{font-size:.78rem;color:var(--muted);flex-shrink:0}.etiquetas{display:flex;flex-wrap:wrap;gap:6px;align-items:center;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);padding:7px 9px;min-height:42px}.etiquetas:focus-within{border-color:var(--green);background:var(--surface)}.etiqueta{display:inline-flex;align-items:center;gap:5px;background:var(--orange-soft);color:var(--orange-ink);border:1px solid var(--orange);border-radius:999px;padding:3px 6px 3px 10px;font-size:.8rem;font-weight:600}.etiqueta-x{display:grid;place-items:center;cursor:pointer;width:16px;height:16px;border-radius:50%;background:transparent;border:0;color:inherit;padding:0}.etiqueta-x:hover{background:#0000001f}.etiqueta-input{flex:1;min-width:90px;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:.9rem}.etiquetas-sugeridas{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.etiqueta-sugerida{background:transparent;border:1px dashed var(--border-strong);color:var(--muted);border-radius:999px;padding:3px 10px;font-size:.78rem;cursor:pointer;font-family:inherit}.etiqueta-sugerida:hover{color:var(--text);border-color:var(--orange)}.filtro-chip{background:var(--surface);border:1.5px solid var(--border);border-radius:999px;padding:5px 13px;font-size:.84rem;cursor:pointer;color:var(--text-soft);font-family:inherit}.filtro-chip:hover{background:var(--surface-2)}.filtro-chip.activo{background:var(--green-soft);border-color:var(--green);color:var(--green-ink);font-weight:600}.filtro-cuenta{opacity:.65;font-size:.78rem}.campo-si-no{display:flex;align-items:center;gap:9px;margin-bottom:14px;cursor:pointer;font-size:.92rem}.campo-si-no input{width:17px;height:17px;accent-color:var(--green)}.campo-def{display:flex;align-items:center;gap:10px;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);padding:10px 12px}.modal-ancho{max-width:560px}.turno-mini{display:flex;justify-content:space-between;gap:10px;align-items:center;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);padding:7px 10px;font-size:.85rem}.turno-mini.cancelado{opacity:.5;text-decoration:line-through}@media (max-width: 900px){.contactos-grid:has(.ficha-clientes){grid-template-columns:1fr}.ficha-clientes{position:static;max-height:none}}.marca-svg{display:block}.logotipo{letter-spacing:-.02em}.logotipo b{font-weight:700;color:var(--orange)}.marca-tono-1{stop-color:#2ad4c8}.marca-tono-2{stop-color:#0b7472}.marca-tono-3{stop-color:#0a4f66}.marca-antena{fill:#f5b62e}.marca-pupila{fill:#ff6b3d}:root[data-theme=dark] .marca-tono-1{stop-color:#6ff3e6}:root[data-theme=dark] .marca-tono-2{stop-color:#2ad4c8}:root[data-theme=dark] .marca-tono-3{stop-color:#29a5c9}:root[data-theme=dark] .marca-antena{fill:#ffcc4d}:root[data-theme=dark] .marca-pupila{fill:#ff8a5c}.marca-ondas{opacity:0}.marca-animada .marca-ondas{opacity:1}.marca-animada .onda{transform-box:fill-box;transform-origin:center;animation:marcaSonar 2.4s ease-out infinite}.marca-animada .onda-b{animation-delay:.35s}@keyframes marcaSonar{0%{transform:scale(.6);opacity:.9}75%{transform:scale(2);opacity:0}to{transform:scale(2);opacity:0}}@media (prefers-reduced-motion: reduce){.marca-animada .onda{animation:none}.marca-animada .marca-ondas{opacity:0}}.spin{width:18px;height:18px;border-radius:50%;border:2.5px solid currentColor;border-top-color:transparent;opacity:.85;animation:spin .7s linear infinite}.spin-dark{border-color:var(--border-strong);border-top-color:var(--green)}@keyframes spin{to{transform:rotate(360deg)}}.center-screen{height:100%;display:grid;place-items:center}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}