@import "https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap";:root{color:#eefcf5;--ink:#eefcf5;--muted:#91a99c;--panel:#0d1b14;--panel-2:#12251b;--line:#214333;--green:#25d366;--green-bright:#4bea83;--green-deep:#075e54;--green-dark:#0a3329;--whatsapp:#128c7e;--teal:#34d3b0;--gold:#d8f36a;--red:#ff7180;--voxel-bg:#07140e;background:#06100c;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{background:#06100c}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--green-bright);outline-offset:2px}a{color:var(--green-bright);text-decoration:none}h1,h2,h3{font-family:Chakra Petch,sans-serif}.app-shell{background:radial-gradient(circle at 50% -20%,#143d2a 0,#06100c 37%);min-height:100vh;display:flex}.sidebar{background:var(--voxel-bg);border-right:1px solid var(--line);flex-direction:column;flex:none;width:252px;padding:22px 16px 16px;display:flex}.brand{align-items:center;gap:11px;padding:0 6px 24px;font-family:Chakra Petch,sans-serif;display:flex}.brand-cube{color:#04150d;background:linear-gradient(145deg, var(--green-bright), var(--green));clip-path:polygon(24% 0,76% 0,100% 24%,100% 76%,76% 100%,24% 100%,0 76%,0 24%);filter:drop-shadow(0 4px 8px #25d36655);place-items:center;width:40px;height:40px;display:grid}.brand strong{letter-spacing:1.5px;font-size:16px;display:block}.brand span{color:#777183;letter-spacing:2.2px;margin-top:1px;font-size:8px;display:block}.nav-group{margin-bottom:8px;padding:0 6px}.nav-group span{color:#625d6d;letter-spacing:1.7px;padding:10px 0 6px;font:600 9px/1 Chakra Petch;display:block}.nav-item{text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 9px;font-size:13px;display:flex}.nav-item:hover{background:#10251a}.nav-item.active{box-shadow:inset 3px 0 var(--green);background:linear-gradient(90deg,#143c2a,#101f17);border-color:#286044}.nav-item svg{flex:none}.nav-item small{color:#716b7b;margin-left:auto;font-size:9px}.provider-tag{background:#14121a;border:1px solid #282532;border-radius:8px;align-items:center;gap:8px;margin-top:auto;padding:10px 12px;display:flex}.provider-tag svg{width:28px;height:28px;color:var(--green-bright);background:var(--green-dark);border-radius:50%;padding:5px}.provider-tag div{flex:1}.provider-tag div small{color:#696475;letter-spacing:1px;font:600 8px/1 Chakra Petch;display:block}.provider-tag div strong{font-size:11px}.online-dot{background:var(--green);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #4ce0a91c,0 0 9px #4ce0a9}.offline-dot{box-shadow:none;background:#666}main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:10;background:#07140edb;justify-content:space-between;align-items:center;height:60px;padding:0 24px;display:flex;position:sticky;top:0}.topbar h2{font-size:16px}.topbar small{color:#655f70;letter-spacing:1.8px;font:600 9px/1 Chakra Petch}.top-actions{align-items:center;gap:8px;display:flex}.primary,.secondary{cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:7px;height:36px;padding:0 14px;font-size:11px;font-weight:700;display:inline-flex}.primary{color:#03150b;background:linear-gradient(#4bea83,#25d366);border:1px solid #66f29a;box-shadow:0 5px 20px #25d36635}.primary:disabled,.secondary:disabled{opacity:.45;cursor:not-allowed}.primary-sm{height:30px;padding:0 10px;font-size:10px}.secondary{color:#bdeaca;background:#10251a;border:1px solid #28533c}.icon-btn{cursor:pointer;color:#8d8798;background:0 0;border:0;border-radius:7px;place-items:center;width:34px;height:34px;display:grid}.icon-btn:hover{background:#24202c}.workspace{flex:1;display:flex;overflow:hidden}.inbox-panel{border-right:1px solid var(--line);background:#0e0d15;flex-direction:column;flex:none;width:340px;display:flex}.inbox-search{padding:12px 14px}.inbox-search input{color:#fff;background:#0d0c13;border:1px solid #35303d;border-radius:6px;width:100%;height:38px;padding:0 12px}.inbox-search input::placeholder{color:#5f5969}.inbox-list{flex:1;overflow-y:auto}.inbox-item{border-bottom:1px solid var(--line);cursor:pointer;align-items:flex-start;gap:10px;padding:14px;display:flex}.inbox-item:hover{background:#10251a}.inbox-item.active{border-left:3px solid var(--green);background:#102c20}.inbox-avatar{color:#bfffd2;clip-path:polygon(16% 0,84% 0,100% 16%,100% 84%,84% 100%,16% 100%,0 84%,0 16%);background:linear-gradient(145deg,#176548,#0d3328);flex:none;place-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:grid}.inbox-body{flex:1;min-width:0}.inbox-body h3{align-items:center;gap:6px;margin:0;font-size:13px;display:flex}.inbox-body h3 small{color:#625d6d;margin-left:auto;font-size:9px}.inbox-preview{color:#8c879b;text-overflow:ellipsis;white-space:nowrap;max-width:220px;margin:4px 0 0;font-size:11px;overflow:hidden}.unread-badge{background:var(--green);border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 10px #25d366}.status-closed{opacity:.5}.status-closed .inbox-avatar{filter:grayscale()}.chat-panel{flex-direction:column;flex:1;min-width:0;display:flex}.chat-header{border-bottom:1px solid var(--line);background:#0b1c13;padding:14px 20px}.chat-header h3{margin:0;font-size:14px}.chat-header small{color:#716b7b;font-size:10px}.chat-messages{flex:1;padding:16px 20px;overflow-y:auto}.msg{flex-direction:column;max-width:75%;margin-bottom:12px;display:flex}.msg-inbound{align-self:flex-start}.msg-outbound{align-self:flex-end}.msg-bubble{border-radius:8px;padding:9px 13px;font-size:13px;line-height:1.5}.msg-inbound .msg-bubble{background:#11251a;border:1px solid #234a35}.msg-outbound .msg-bubble{background:#075e54;border:1px solid #168d78}.msg-meta{color:#625d6d;margin-top:3px;font-size:9px}.msg-empty{text-align:center;color:#625d6d;padding:60px 20px}.msg-empty svg{color:var(--gold);margin-bottom:8px}.chat-input{border-top:1px solid var(--line);gap:8px;padding:12px 20px;display:flex}.chat-input textarea{color:#fff;resize:none;background:#0d0c13;border:1px solid #35303d;border-radius:6px;flex:1;min-height:40px;max-height:100px;padding:10px 12px}.chat-input textarea::placeholder{color:#5f5969}.chat-actions{border-top:1px solid var(--line);background:#0b1c13;gap:6px;padding:8px 20px;display:flex}.simulator-panel{grid-template-columns:280px minmax(0,1fr);min-height:calc(100vh - 60px);display:grid}.simulator-clients{border-right:1px solid var(--line);background:#08150e;padding:18px 12px}.simulator-title{justify-content:space-between;align-items:center;margin:0 6px 16px;display:flex}.simulator-title small{color:var(--green-bright);letter-spacing:1.6px;font:600 9px Chakra Petch}.simulator-title h2{margin:4px 0 0;font-size:20px}.client-create{gap:6px;margin-bottom:14px;display:flex}.client-create input{min-width:0;height:36px;color:var(--ink);border:1px solid var(--line);background:#06130b;border-radius:6px;flex:1;padding:0 9px}.client-create button{width:36px;padding:0}.sim-client{cursor:pointer;border:1px solid #0000;border-radius:7px;align-items:center;gap:9px;padding:9px 7px;display:flex}.sim-client:hover,.sim-client.active{background:#102c20;border-color:#286044}.sim-client>div:nth-child(2){flex:1;min-width:0}.sim-client strong,.sim-client small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.sim-client strong{font-size:12px}.sim-client small{color:var(--muted);margin-top:3px;font-size:10px}.simulator-chat{background:radial-gradient(circle at 50% 20%,#112d1f 0,#06100c 58%);flex-direction:column;min-width:0;display:flex}.simulator-chat .chat-header{justify-content:space-between;align-items:center;display:flex}.simulator-badge{color:#8fffae;border:1px solid #286044;border-radius:4px;padding:5px 8px;font:600 9px Chakra Petch}.attachment-pill{color:#bfffd2;border:1px solid #286044;border-radius:5px;margin-bottom:6px;padding:7px 9px;font-size:11px}.attach-btn{width:34px;height:34px;color:var(--green-bright);border:1px solid var(--line);cursor:pointer;border-radius:6px;flex:none;place-items:center;display:grid}.attach-btn input{display:none}.attachment-name{color:#bfffd2;background:#12301f;border-radius:5px;align-items:center;gap:4px;max-width:150px;padding:5px 7px;font-size:10px;display:inline-flex;overflow:hidden}.attachment-name button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:grid}@media (width<=760px){.simulator-panel{grid-template-columns:1fr}.simulator-clients{border-right:0;border-bottom:1px solid var(--line);max-height:230px;overflow-y:auto}}.chat-actions button{height:30px}.kb-panel{flex:1;padding:24px;overflow-y:auto}.kb-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.kb-header h2{margin:0;font-size:20px}.kb-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;display:grid}.setting-card,.kb-card{border:1px solid var(--line);background:#0d2016;border-radius:8px;padding:16px}.kb-card h3{align-items:center;gap:8px;margin:0 0 4px;font-size:13px;display:flex}.kb-card h3 small{letter-spacing:1px;border-radius:3px;padding:3px 6px;font:600 8px/1 Chakra Petch}.kb-card p{color:#b0aabd;max-height:60px;margin:6px 0 0;font-size:11px;line-height:1.5;overflow:hidden}.kb-card-actions{justify-content:flex-end;gap:6px;margin-top:10px;display:flex}.tag-negocio{color:var(--gold);background:#3d2e1a}.tag-tono{color:var(--teal);background:#1a3d3a}.tag-políticas{color:var(--red);background:#3d1a1a}.tag-general{color:#8c879b;background:#2b2838}.settings-panel{flex:1;max-width:640px;padding:24px;overflow-y:auto}.settings-panel h2{margin:0 0 24px;font-size:20px}.setting-card{border:1px solid var(--line);background:#0d2016;border-radius:8px;margin-bottom:14px;padding:16px}.setting-card h3{margin:0 0 6px;font-size:13px}.setting-card p{color:#8c879b;margin:0;font-size:11px}.setting-row{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.toggle{cursor:pointer;border:0;border-radius:12px;width:42px;height:24px;transition:all .2s;position:relative}.toggle-on{background:var(--green)}.toggle-off{background:#35303d}.toggle:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;top:3px;left:3px}.toggle-on:after{left:21px}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#05040aaa;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#0d2016;border:1px solid #28533c;border-radius:10px;width:min(520px,100%);max-height:85vh;padding:24px;overflow-y:auto;box-shadow:0 30px 80px #000b}.modal-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.modal-head h2{margin:0;font-size:18px}.modal-form{gap:14px;display:grid}.modal-form label{color:#aca6b5;gap:5px;font-size:10px;font-weight:600;display:grid}.modal-form input,.modal-form textarea,.modal-form select{color:#fff;background:#0d0c13;border:1px solid #35303d;border-radius:6px;width:100%}.modal-form input{height:40px;padding:0 11px}.modal-form textarea{resize:vertical;min-height:100px;padding:11px}.modal-form select{height:40px;padding:0 10px}.playground-panel{flex-direction:column;flex:1;padding:24px;display:flex}.playground-panel h2{margin:0 0 16px;font-size:20px}.playground-input{gap:8px;margin-bottom:16px;display:flex}.playground-input textarea{color:#fff;resize:vertical;background:#0d0c13;border:1px solid #35303d;border-radius:6px;flex:1;min-height:60px;padding:10px 12px}.playground-input textarea::placeholder{color:#5f5969}.playground-result{border:1px solid var(--line);white-space:pre-wrap;background:#0d2016;border-radius:8px;padding:14px;font-size:13px;line-height:1.6}.playground-context{margin-top:12px}.playground-context h4{color:#716b7b;margin:0 0 8px;font-size:11px}.context-chip{background:#1b1926;border:1px solid #2f2a3a;border-radius:4px;margin:0 6px 6px 0;padding:4px 8px;font-size:10px;display:inline-block}.context-chip strong{font-weight:600}.context-chip small{color:#716b7b}.toast{z-index:100;color:#03150b;background:var(--green);cursor:pointer;border:1px solid #66f29a;border-radius:7px;align-items:center;gap:12px;max-width:min(380px,100vw - 32px);padding:11px 13px;font-size:11px;font-weight:700;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 12px 40px #0008}.login-screen{grid-template-columns:minmax(0,1.4fr) minmax(340px,.6fr);min-height:100vh;display:grid}.login-art{background:radial-gradient(circle at 60% 35%,#176548 0,#07150f 46%,#06100c 80%);align-items:flex-end;min-height:100vh;padding:8vw;display:flex;position:relative;overflow:hidden}.login-art:after{content:"";background:linear-gradient(0deg,#06100cf2 0,#06100c5c 50%,#06100c38),linear-gradient(90deg,#0000,#06100c);position:absolute;inset:0}.login-art div{z-index:1;max-width:600px;position:relative}.login-art span{color:var(--green-bright);letter-spacing:2px;font:600 9px/1 Chakra Petch}.login-art h1{margin:14px 0;font-size:clamp(36px,5vw,60px);line-height:.93}.login-art p{color:#b4adbb;font-size:13px}.login-panel{border-left:1px solid var(--line);background:#08150e;flex-direction:column;justify-content:center;padding:clamp(24px,4vw,60px);display:flex}.login-brand{padding:0 0 50px}.login-copy>span{color:var(--green-bright);letter-spacing:1.8px;font:600 9px/1 Chakra Petch}.login-copy h2{color:#eefcf5;margin:10px 0 4px;font-size:24px}.login-copy p{color:#91a99c;margin:0;font-size:11px}.login-form{gap:14px;margin-top:24px;display:grid}.login-form label{color:#b5cfc0;gap:6px;font-size:10px;font-weight:600;display:grid}.login-form input{color:#fff;background:#06130b;border:1px solid #28533c;border-radius:6px;height:42px;padding:0 12px}.login-error{color:#ff7b83;margin:0;font-size:10px}.login-btn{color:#03150b;background:linear-gradient(90deg, var(--green), var(--green-bright));cursor:pointer;border:1px solid #66f29a;border-radius:7px;justify-content:center;align-items:center;gap:8px;width:100%;height:44px;font-size:13px;font-weight:700;display:flex}.login-btn:disabled{opacity:.5;cursor:not-allowed}.auth-loading{min-height:100vh;color:var(--green);background:#06100c;place-items:center;display:grid}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{color:#718c7d;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.empty-state svg{margin-bottom:12px}.empty-state h3{color:#b8d8c4;margin:0 0 4px;font-size:15px}@media (width<=900px){.sidebar{display:none}.inbox-panel{width:100%}.chat-panel{display:none}.chat-panel.open{display:flex}.inbox-panel.open{display:none}.login-screen{grid-template-columns:1fr}.login-art{display:none}.login-panel{border:0;min-height:100vh}.kb-grid{grid-template-columns:1fr}}