:root{--bg:#f4f4f5;--panel:#fff;--side:#fff;--side-active:#fef2f2;--side-active-text:#b91c1c;--line:#e4e4e7;--field:#f4f4f5;--field-focus:#fff;--text:#18181b;--muted:#71717a;--faint:#a1a1aa;--primary:#dc2626;--primary-hover:#b91c1c;--on-primary:#fff;--primary-soft:#fef2f2;--chip:#f4f4f5;--chip-text:#52525b;--ok:#15803d;--ok-bg:#dcfce7;--warn:#b45309;--warn-bg:#fef3c7;--urg:#b91c1c;--urg-bg:#fee2e2;--info:#1d4ed8;--info-bg:#dbeafe;--chat-bg:#fafafa;--bubble-in:#fff;--bubble-out:#f4f4f5;--bubble-agent:#fef2f2;--shadow:0 1px 2px #0000000d, 0 4px 16px #0000000a;--radius:12px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#0b0b0d;--panel:#16161a;--side:#111114;--side-active:#2a1416;--side-active-text:#fca5a5;--line:#27272a;--field:#1e1e23;--field-focus:#23232a;--text:#f4f4f5;--muted:#a1a1aa;--faint:#71717a;--primary:#ef4444;--primary-hover:#f87171;--on-primary:#fff;--primary-soft:#2a1416;--chip:#232328;--chip-text:#d4d4d8;--ok:#4ade80;--ok-bg:#14311f;--warn:#fbbf24;--warn-bg:#33270e;--urg:#fca5a5;--urg-bg:#3a1517;--info:#93c5fd;--info-bg:#172338;--chat-bg:#0f0f12;--bubble-in:#1e1e23;--bubble-out:#26262c;--bubble-agent:#2a1416;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;line-height:1.45}a{color:var(--primary)}h1{letter-spacing:-.01em;margin:0 0 4px;font-size:22px}h2{margin:0 0 12px;font-size:16px}.sub{color:var(--muted);max-width:640px;margin:0 0 20px}label.f{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-size:11px;font-weight:700;display:block}input,select,textarea{width:100%;font:inherit;color:var(--text);background:var(--field);border:1px solid var(--line);border-radius:8px;outline:none;padding:9px 11px;transition:border-color .15s,background .15s}input:focus,select:focus,textarea:focus{border-color:var(--primary);background:var(--field-focus)}textarea{resize:vertical;min-height:70px}input[type=checkbox]{width:auto;accent-color:var(--primary)}.hint{color:var(--muted);margin-top:5px;font-size:12px}.grid{gap:14px;display:grid}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.check{cursor:pointer;align-items:center;gap:8px;font-weight:500;display:flex}.btn{font:inherit;background:var(--primary);color:var(--on-primary);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.btn:hover{background:var(--primary-hover)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.ghost{color:var(--text);border-color:var(--line);background:0 0}.btn.ghost:hover{background:var(--field)}.btn.danger{color:var(--urg);border-color:var(--line);background:0 0}.btn.danger:hover{background:var(--urg-bg)}.btn.sm{padding:5px 10px;font-size:12px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.spacer{flex:1}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:16px;padding:20px}.chip{background:var(--chip);color:var(--chip-text);white-space:nowrap;border-radius:999px;margin:0 4px 4px 0;padding:2px 8px;font-size:11px;font-weight:500;display:inline-block}.chip.ok{background:var(--ok-bg);color:var(--ok)}.chip.warn{background:var(--warn-bg);color:var(--warn)}.chip.urg{background:var(--urg-bg);color:var(--urg);font-weight:600}.chip.info{background:var(--info-bg);color:var(--info)}.alert{border-left:4px solid var(--warn);background:var(--warn-bg);color:var(--text);border-radius:10px;margin-bottom:16px;padding:12px 14px}.alert.error{border-color:var(--urg);background:var(--urg-bg)}.alert.ok{border-color:var(--ok);background:var(--ok-bg)}.err{color:var(--urg);margin-top:8px;font-size:13px}table{border-collapse:collapse;width:100%}th{text-align:left;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);padding:8px 10px;font-size:11px;font-weight:700}td{border-bottom:1px solid var(--line);vertical-align:top;padding:11px 10px}tr:last-child td{border-bottom:0}.table-wrap{overflow-x:auto}.app{grid-template-columns:232px 1fr;height:100%;display:grid}.side{background:var(--side);border-right:1px solid var(--line);flex-direction:column;padding:14px 10px;display:flex;overflow-y:auto}.logo{align-items:center;gap:10px;min-height:54px;padding:4px 8px 16px;display:flex}.logo img{object-fit:contain;max-width:170px;max-height:40px}.logo .ph{background:var(--primary);color:#fff;border-radius:9px;flex:none;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.logo b{font-size:15px;line-height:1.2}.nav-sec{letter-spacing:.07em;text-transform:uppercase;color:var(--faint);padding:10px 10px 3px;font-size:10.5px;font-weight:700}.nav{white-space:nowrap;color:var(--muted);border-radius:8px;align-items:center;gap:10px;padding:6px 10px;font-weight:500;text-decoration:none;display:flex}.nav svg{flex:none}.nav:hover{background:var(--field);color:var(--text)}.nav.active{background:var(--side-active);color:var(--side-active-text);font-weight:600}.nav.soon{opacity:.5;cursor:default}.nav.soon:hover{color:var(--muted);background:0 0}.nav .badge{background:var(--primary);color:#fff;border-radius:999px;margin-left:auto;padding:1px 7px;font-size:10.5px;font-weight:700}.nav .soon-tag{margin-left:auto;font-size:9.5px}.side-foot{border-top:1px solid var(--line);color:var(--muted);flex-direction:column;gap:9px;margin-top:auto;padding:12px 8px 4px;font-size:12.5px;display:flex}.side-foot b{color:var(--text)}.toggle{cursor:pointer;-webkit-user-select:none;user-select:none;font:inherit;color:inherit;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0;display:flex}.sw{background:var(--line);border-radius:999px;flex:none;width:34px;height:19px;transition:all .2s;position:relative}.sw:after{content:"";background:#fff;border-radius:50%;width:15px;height:15px;transition:all .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}:root[data-theme=dark] .sw{background:var(--primary)}:root[data-theme=dark] .sw:after{left:17px}.linkbtn{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:flex}.linkbtn:hover{color:var(--text)}.dot{background:var(--faint);vertical-align:middle;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.dot.on{background:var(--ok)}.main{min-width:0;overflow-y:auto}.page{max-width:1100px;padding:28px 32px}.mobile-top{display:none}.auth{place-items:center;min-height:100%;padding:24px 16px;display:grid}.auth-card{background:var(--panel);border:1px solid var(--line);width:100%;max-width:380px;box-shadow:var(--shadow);border-radius:16px;padding:28px}.auth-card .logo{justify-content:center;padding:0 0 18px}.auth-card .logo img{max-width:220px;max-height:56px}.stats{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-bottom:18px;display:grid}.stat{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px}.stat .v{letter-spacing:-.02em;font-size:24px;font-weight:700}.stat .l{color:var(--muted);font-size:12.5px}.stat.hl .v{color:var(--primary)}.conv{grid-template-columns:320px 1fr;height:100%;display:grid}.conv-list{border-right:1px solid var(--line);background:var(--panel);flex-direction:column;min-height:0;display:flex}.conv-list .top{border-bottom:1px solid var(--line);flex-direction:column;gap:10px;padding:14px;display:flex}.tabs{background:var(--field);border-radius:9px;gap:3px;padding:3px;display:flex}.tabs button{font:inherit;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:7px;flex:1;padding:6px 4px;font-size:12px}.tabs button.on{background:var(--panel);color:var(--text);font-weight:600;box-shadow:0 1px 2px #0000001a}.items{flex:1;padding:8px;overflow-y:auto}.item{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-left-width:3px;border-radius:10px;margin-bottom:2px;padding:10px;display:block}.item:hover{background:var(--field)}.item.on{background:var(--field);border-color:var(--line);border-left-color:var(--primary)}.item .n{justify-content:space-between;gap:8px;font-weight:600;display:flex}.item .n span{color:var(--muted);flex:none;font-size:11.5px;font-weight:400}.item .m{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:2px 0 6px;font-size:13px;overflow:hidden}.empty{color:var(--muted);text-align:center;padding:40px 16px}.chat{background:var(--chat-bg);flex-direction:column;min-width:0;min-height:0;display:flex}.chat-h{background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 18px;display:flex}.chat-h b{font-size:15px}.chat-h small{color:var(--muted);display:block}.bar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:9px 18px;font-weight:500;display:flex}.bar.ia{background:var(--info-bg);color:var(--info)}.bar.esperando{background:var(--warn-bg);color:var(--warn)}.bar.atendendo{background:var(--ok-bg);color:var(--ok)}.bar.finalizado{background:var(--field);color:var(--muted)}.msgs{flex-direction:column;flex:1;gap:8px;padding:18px;display:flex;overflow-y:auto}.b{white-space:pre-wrap;word-wrap:break-word;border:1px solid var(--line);border-radius:12px;max-width:72%;padding:9px 12px}.b small{color:var(--faint);margin-top:4px;font-size:10.5px;display:block}.b .who{margin-bottom:2px;font-size:11px;font-weight:700;display:block}.b.cliente{background:var(--bubble-in);align-self:flex-start}.b.ia{background:var(--bubble-out);align-self:flex-end}.b.ia .who{color:var(--primary)}.b.atendente{background:var(--bubble-agent);align-self:flex-end}.b.atendente .who{color:var(--ok)}.sys{color:var(--muted);background:var(--panel);border:1px solid var(--line);text-align:center;border-radius:999px;align-self:center;max-width:90%;padding:3px 12px;font-size:11.5px}.typing{color:var(--muted);align-self:flex-end;font-size:12px;font-style:italic}.compose{background:var(--panel);border-top:1px solid var(--line);padding:12px 18px}.compose form{align-items:flex-end;gap:8px;display:flex}.compose textarea{min-height:42px;max-height:160px}.compose .who-sel{gap:6px;margin-bottom:8px;font-size:12px;display:flex}.overlay{z-index:50;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--line);border-radius:14px;width:100%;max-width:560px;max-height:90vh;padding:22px;overflow-y:auto}.cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.kcard{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;text-align:left;font:inherit;color:inherit;box-shadow:var(--shadow);padding:14px}.kcard:hover{border-color:var(--primary)}.kcard .num{background:var(--primary-soft);min-width:22px;height:22px;color:var(--primary);border-radius:6px;place-items:center;margin-right:8px;padding:0 5px;font-size:11.5px;font-weight:700;display:inline-grid}.kcard .q{font-weight:600}.kcard p{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:8px 0 0;font-size:12.5px;display:-webkit-box;overflow:hidden}.drop{border:1.5px dashed var(--line);text-align:center;color:var(--muted);cursor:pointer;background:var(--field);border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:22px;display:flex}.drop:hover{border-color:var(--primary)}.drop img{object-fit:contain;max-width:260px;max-height:70px}.preview-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.preview{border:1px solid var(--line);border-radius:10px;align-items:center;gap:10px;min-height:72px;padding:16px;display:flex}.preview img{object-fit:contain;max-width:160px;max-height:40px}.preview.light{color:#18181b;background:#fff}.preview.dark{color:#f4f4f5;background:#111114;border-color:#27272a}@media (width<=900px){.app{grid-template-rows:auto 1fr;grid-template-columns:1fr}.mobile-top{background:var(--side);border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:10px 16px;display:flex}.mobile-top .logo{min-height:0;padding:0}.side{z-index:40;transition:transform .2s;position:fixed;inset:0 25% 0 0;transform:translate(-105%);box-shadow:0 0 40px #0000004d}.side.open{transform:none}.page{padding:20px 16px}.g2,.g3,.preview-pair{grid-template-columns:1fr}.conv{grid-template-columns:minmax(0,1fr)}.conv-list,.chat{min-width:0}.mobile-top{padding-top:calc(10px + env(safe-area-inset-top))}.week input[type=time]{width:104px}.conv.has-open .conv-list,.conv:not(.has-open) .chat{display:none}.b{max-width:88%}}@media (width>=901px){.only-mobile{display:none!important}}.two-col{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.chips-input{flex-wrap:wrap;gap:6px;display:flex}.chips-input .chip{align-items:center;gap:6px;display:inline-flex}.chips-input .chip button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;line-height:1}.checks{flex-wrap:wrap;gap:6px;display:flex}.checks label{border:1px solid var(--line);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12.5px;display:inline-flex}.checks label.on{border-color:var(--primary);background:var(--primary-soft);color:var(--side-active-text)}.qr-bar{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.qr-bar button{font:inherit;border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer;border-radius:999px;padding:3px 10px;font-size:12px}.qr-bar button:hover{border-color:var(--primary)}.suggest{border:1px solid var(--line);background:var(--panel);border-radius:10px;max-height:200px;margin-bottom:8px;overflow-y:auto}.suggest button{text-align:left;width:100%;font:inherit;color:var(--text);cursor:pointer;background:0 0;border:0;padding:8px 12px;display:block}.suggest button:hover,.suggest button.on{background:var(--field)}.media-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.media-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:8px;padding:14px;display:flex}.media-card img,.media-card video{object-fit:cover;background:var(--field);border-radius:8px;width:100%;max-height:140px}.b img.att,.b video.att{border-radius:8px;max-width:240px;max-height:240px;margin-bottom:4px;display:block}.bar-fill{background:var(--primary);border-radius:999px;height:8px}.bar-track{background:var(--field);border-radius:999px;height:8px;overflow:hidden}.week td{padding:6px 8px}.week input[type=time]{width:120px}@media (width<=900px){.two-col{grid-template-columns:1fr}}.side{overflow:hidden}.side nav{flex:1;min-height:0;margin:0 -4px;padding:0 4px;overflow-y:auto}.side-foot{flex:none}@media (display-mode:standalone){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.side{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.chat .composer,.chat form:last-child{padding-bottom:calc(12px + env(safe-area-inset-bottom))}}