:root{color-scheme:dark}*{box-sizing:border-box}body,html,#root{margin:0;height:100%}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:#0b141a;color:#e9edef}.app{display:flex;flex-direction:column;height:100vh}.topbar{display:flex;align-items:center;gap:1.5rem;padding:.7rem 1.2rem;background:#111b21;border-bottom:1px solid #222d34}.brand{font-weight:700;font-size:1.05rem}.brand .dot{color:#00a884}.tabs{display:flex;gap:.3rem}.tabs button{background:transparent;color:#8696a0;border:0;padding:.5rem .9rem;border-radius:8px;cursor:pointer;font-size:.92rem}.tabs button.on{background:#2a3942;color:#e9edef}.ai-pill{margin-left:auto;font-size:.75rem;padding:.25rem .6rem;border-radius:999px}.ai-pill.ok{background:#0b3d2e;color:#25d366}.ai-pill.off{background:#3a2a14;color:#f0b429}.content{flex:1;overflow:hidden}.pane{padding:1.2rem;height:100%;overflow:auto}.pane-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}h2{margin:0}h3{margin:0 0 .8rem}button.primary{background:#00a884;color:#06231b;border:0;padding:.55rem 1rem;border-radius:8px;font-weight:600;cursor:pointer}button.danger{background:#3a1d22;color:#f47174;border:0;padding:.55rem 1rem;border-radius:8px;cursor:pointer}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.cards.two{grid-template-columns:1fr 1fr}.card{background:#111b21;border:1px solid #222d34;border-radius:14px;padding:1rem}.account-head{display:flex;justify-content:space-between;align-items:flex-start}.account-label{font-weight:600}.account-phone{color:#8696a0;font-size:.85rem}.badge{font-size:.72rem;padding:.2rem .55rem;border-radius:999px;text-transform:lowercase}.badge.green{background:#0b3d2e;color:#25d366}.badge.amber{background:#3a2a14;color:#f0b429}.badge.grey{background:#2a3942;color:#8696a0;margin-left:.5rem}.qr{text-align:center;margin:.8rem 0}.qr img{width:220px;height:220px;background:#fff;padding:8px;border-radius:10px}.qr p{color:#8696a0;font-size:.8rem}.field{display:flex;flex-direction:column;gap:.3rem;margin:.7rem 0;font-size:.85rem;color:#8696a0}.field select,.field input,.field textarea,.persona textarea{background:#0b141a;border:1px solid #2a3942;color:#e9edef;border-radius:8px;padding:.5rem;font:inherit}.persona summary{cursor:pointer;color:#8696a0;font-size:.85rem}.persona textarea{width:100%;min-height:70px;margin-top:.4rem}.account-actions{margin-top:.8rem}.inbox{display:grid;grid-template-columns:300px 1fr;height:100%}.convo-list{border-right:1px solid #222d34;overflow:auto;background:#111b21}.convo-head{padding:.7rem;border-bottom:1px solid #222d34}.convo-head select{width:100%;background:#0b141a;border:1px solid #2a3942;color:#e9edef;border-radius:8px;padding:.45rem}.convo-item{padding:.7rem .9rem;border-bottom:1px solid #1b262d;cursor:pointer}.convo-item:hover,.convo-item.on{background:#202c33}.ci-name{font-weight:600}.ci-prev{color:#8696a0;font-size:.8rem}.thread{display:flex;flex-direction:column;height:100%}.thread-head{padding:.8rem 1rem;background:#202c33;border-bottom:1px solid #222d34;font-weight:600}.bubbles{flex:1;overflow:auto;padding:1rem;display:flex;flex-direction:column;gap:.5rem;background:#0b141a}.bubble{max-width:70%;padding:.5rem .75rem;border-radius:10px;font-size:.92rem;white-space:pre-wrap}.bubble.in{align-self:flex-start;background:#202c33}.bubble.out{align-self:flex-end;background:#005c4b}.bubble.agent{outline:1px solid #25d36655}.bubble .who{display:block;font-size:.68rem;color:#25d366;margin-bottom:.15rem}.suggestion{background:#14211c;border-top:1px solid #1f3a2e;padding:.6rem 1rem}.sug-label{color:#25d366;font-size:.75rem}.sug-text{font-size:.9rem;margin:.25rem 0}.suggestion button{background:#00a884;color:#06231b;border:0;border-radius:6px;padding:.3rem .7rem;cursor:pointer}.composer{display:flex;gap:.5rem;padding:.7rem;background:#111b21;border-top:1px solid #222d34}.composer input[type=text],.composer>input:not([type]){flex:1;background:#2a3942;border:0;color:#e9edef;border-radius:20px;padding:.6rem 1rem;font:inherit}.voice-toggle{display:flex;align-items:center;gap:.2rem;color:#8696a0;font-size:1.1rem;cursor:pointer;-webkit-user-select:none;user-select:none}.voice-toggle input{width:16px;height:16px}.empty{color:#8696a0;padding:1rem;font-size:.88rem}.empty.big{display:grid;place-items:center;height:100%}.banner{background:#14211c;border:1px solid #1f3a2e;color:#b9d8c7;padding:.7rem 1rem;border-radius:10px;margin-bottom:1rem;font-size:.88rem}.campaign-row{display:flex;justify-content:space-between;align-items:center;padding:.6rem 0;border-bottom:1px solid #1b262d}.campaign-row .prev{color:#8696a0;font-size:.8rem}.boot{display:grid;place-items:center;height:100vh;color:#8696a0;font-size:2rem}.login-wrap{display:grid;place-items:center;height:100vh;background:#0b141a}.login-card{background:#1f2c33;padding:2rem;border-radius:12px;width:360px;box-shadow:0 10px 40px #00000080}.login-brand{color:#00a884;font-weight:700;margin-bottom:1rem}.login-card h1{margin:0 0 1.2rem;font-size:1.4rem}.login-card .field{display:flex;flex-direction:column;margin-bottom:.8rem}.login-card .field span{font-size:.82rem;color:#8696a0;margin-bottom:.3rem}.login-card input{background:#2a3942;color:#e9edef;border:1px solid #2a3942;padding:.65rem .8rem;border-radius:8px;font-size:1rem}.login-card input:focus{outline:none;border-color:#00a884}.login-card .primary{width:100%;padding:.7rem;margin-top:.4rem;border-radius:8px;border:0;background:#00a884;color:#fff;font-weight:600;cursor:pointer}.login-card .primary:disabled{opacity:.55;cursor:not-allowed}.login-card .hint{font-size:.78rem;color:#8696a0;margin-top:1rem}.login-card .err,.err{color:#f87171;font-size:.85rem;margin:.3rem 0}.ok{color:#25d366;font-size:.85rem;margin:.3rem 0}.banner.warn{background:#3a2a14;color:#f0b429;padding:.6rem 1.2rem;font-size:.9rem}.banner.warn a{color:#f0b429}.logout-btn{background:transparent;color:#8696a0;border:1px solid #2a3942;padding:.35rem .8rem;border-radius:6px;cursor:pointer;font-size:.8rem;margin-left:.5rem}.logout-btn:hover{color:#e9edef}