:root{--bg: #eef3fa;--sidebar: #0d2f57;--sidebar-hover: #17467b;--card: #ffffff;--text: #0f1f31;--primary: #1f4f9c;--whats: #25d366;--muted: #7b8ba5}*{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{margin:0;background:linear-gradient(140deg,#e8eff9,#f4f8ff);color:var(--text);overflow:hidden}a{color:var(--primary);text-decoration:none}.layout{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,#0a2950,#103a69);padding:20px 14px;display:flex;flex-direction:column;gap:10px}.logo{color:#fff;font-weight:700;font-size:18px;margin-bottom:10px}.sidebar button{border:0;padding:12px;border-radius:12px;background:transparent;color:#d4e2f9;text-align:left;font-size:15px;display:flex;gap:10px;align-items:center;cursor:pointer}.sidebar button:hover,.sidebar .active{background:var(--sidebar-hover);color:#fff}.sidebar .logout{margin-top:auto;background:#af2525;color:#fff;justify-content:center}.content{padding:24px;display:grid;gap:16px;min-height:0;overflow:hidden}.topbar{display:flex;justify-content:space-between;align-items:baseline}.topbar h2{margin:0;font-size:28px}.topbar p{margin:0;color:var(--muted);font-size:14px}.card{background:var(--card);border-radius:16px;padding:18px;box-shadow:0 12px 24px #103a6914}.grid{display:grid;gap:14px}.stats{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.stat strong{display:block;font-size:14px;color:var(--muted)}.stat span{display:block;font-size:24px;margin-top:8px;color:var(--primary);font-weight:700}.stack{display:grid;gap:14px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}input,select,textarea{border:1px solid #ccdaef;border-radius:11px;padding:11px;font-size:14px}textarea{min-height:70px;resize:vertical;width:100%}.btn{border:0;background:linear-gradient(90deg,var(--primary),var(--whats));color:#fff;font-weight:600;border-radius:11px;padding:11px 16px;cursor:pointer}.btn.mini{padding:7px 10px;font-size:12px}.btn.ghost{background:#eaf1ff;color:#1f4f9c;border:1px solid #c5d6f4}.btn.danger{background:linear-gradient(90deg,#b72828,#e05a5a)}.table{max-height:300px;overflow:auto;display:grid;gap:7px}.login-wrap{min-height:100vh;display:grid;place-items:center}.login{width:min(420px,92vw);display:grid;gap:12px}.flow-card{overflow:auto}.canvas{position:relative;min-height:640px;min-width:1300px;background:linear-gradient(180deg,#f6f9ff,#edf4ff);border:1px solid #d7e3f5;border-radius:14px}.connections{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.flow-block{position:absolute;width:260px;background:#fff;border:1px solid #c7d9f3;border-radius:14px;padding:12px;box-shadow:0 8px 20px #1e46781a;cursor:move}.flow-block h4{margin:0 0 2px;font-size:14px}.flow-block small{color:var(--muted)}@media (max-width: 980px){.layout{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:1000}}.menu-badge{display:inline-grid;place-items:center;width:28px;height:22px;border-radius:7px;background:#ffffff24;font-size:11px;font-weight:700;letter-spacing:.4px}.inbox-layout{display:grid;grid-template-columns:310px 1fr;gap:10px;height:calc(100vh - 140px);max-height:calc(100vh - 140px);overflow:hidden;padding:12px}.inbox-list{border-right:1px solid #d8e3f7;padding-right:10px;display:grid;grid-template-rows:auto 1fr;gap:10px}.inbox-tools{display:grid;gap:8px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{border:1px solid #c6d7f3;background:#f4f8ff;color:#284977;border-radius:999px;padding:6px 10px;cursor:pointer;font-size:12px}.chip.on{background:#18457a;color:#fff;border-color:#18457a}.chat-list{overflow-y:auto;overflow-x:hidden;display:grid;gap:8px;min-height:0;padding-right:4px}.chat-item{border:1px solid #d4e1f4;border-radius:12px;background:#fff;display:grid;grid-template-columns:40px 1fr;gap:8px;padding:8px;cursor:pointer;text-align:left}.chat-item.active{border-color:#1f4f9c;background:#f3f7ff}.avatar{width:40px;height:40px;border-radius:999px;display:grid;place-items:center;background:#dce8fb;color:#17457a;font-weight:700}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:999px}.meta{min-width:0}.line1{display:flex;justify-content:space-between;gap:8px}.line1 strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.line1 small{color:var(--muted);font-size:11px}.line2{color:#5a6d8f;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.line3{margin-top:6px;display:flex;gap:8px;align-items:center}.tag{font-size:11px;padding:2px 8px;border-radius:999px;background:#e8eefb;color:#1c4f92;text-transform:capitalize}.tag.interessado{background:#dff6e9;color:#1c8d49}.tag.recusou{background:#fde7e7;color:#ba2d2d}.tag.bloqueado{background:#f5dede;color:#8f1111}.tag.em_atendimento{background:#e4ecff;color:#274a88}.unread{min-width:20px;height:20px;border-radius:999px;background:#25d366;color:#fff;font-size:11px;display:grid;place-items:center;padding:0 6px}.inbox-chat{display:flex;flex-direction:column;min-height:0;height:100%;overflow:hidden;position:relative}.chat-header{border-bottom:1px solid #d8e3f7;padding-bottom:10px;display:flex;justify-content:space-between;gap:10px;align-items:center}.chat-header h3{margin:0;font-size:18px}.chat-header p{margin:3px 0 0;color:#667ea4;font-size:13px}.chat-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:8px 4px 76px;display:grid;gap:6px;background:#f7faff;border-radius:12px}.msg{display:flex}.msg.in{justify-content:flex-start}.msg.out{justify-content:flex-end}.bubble{max-width:68%;border-radius:14px;padding:8px 10px;box-shadow:0 4px 14px #0e336214}.msg.in .bubble{background:#fff;border:1px solid #d8e3f7}.msg.out .bubble{background:#dff8e9;border:1px solid #b3ebcc}.bubble p{margin:0;white-space:pre-wrap}.bubble small{color:#6b7893;font-size:11px;display:block;margin-top:6px;text-align:right}.msg-date{justify-self:center;font-size:11px;color:#5f7397;background:#e9f0ff;border:1px solid #d4e1f7;border-radius:999px;padding:2px 8px;margin:4px 0}.chat-footer{position:absolute;left:0;right:0;bottom:0;height:66px;flex-shrink:0;display:flex;gap:10px;align-items:center;padding:10px;background:#fff;border-top:1px solid #d8e3f7;z-index:10}.chat-footer input{flex:1}.empty-chat{display:grid;place-items:center;text-align:center;color:#6a7b97}.conv3-wrap{height:calc(100vh - 128px);display:grid;grid-template-columns:minmax(360px,420px) 1fr minmax(300px,360px);gap:0;border-radius:16px;overflow:hidden;background:#fff;border:1px solid #d8e3f7}.conv3-left{border-right:1px solid #d8e3f7;display:grid;grid-template-rows:auto auto auto 1fr;min-height:0;padding:14px;gap:10px}.conv3-head h3{margin:0;font-size:24px}.conv3-head p{margin:4px 0 0;color:#6a7b97}.conv-search{width:100%}.conv3-list{overflow-y:auto;min-height:0;display:grid;gap:8px;padding-right:4px}.conv3-item{border:1px solid #d4e1f4;border-radius:12px;background:#fff;display:grid;grid-template-columns:40px 1fr;gap:10px;padding:8px;text-align:left;cursor:pointer}.conv3-item.active{background:#f1f6ff;border-color:#2d5ca8}.conv3-center{border-right:1px solid #d8e3f7;display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;padding:12px;gap:10px}.conv3-right{min-height:0;overflow-y:auto;padding:14px;background:#f9fcff}.profile-box p{margin:6px 0;font-size:14px}.conv3-right details{margin-top:10px;border:1px solid #d4e1f4;border-radius:10px;background:#fff}.conv3-right summary{cursor:pointer;padding:10px;font-weight:600}.right-section{padding:0 10px 10px;color:#5a6d8f;font-size:13px}.form-grid{display:grid;gap:10px;max-width:780px}.inline-check{display:flex;gap:8px;align-items:center;font-size:14px;color:#1d355a}.conv-textarea{min-height:90px}@media (max-width: 980px){body,.content{overflow:auto}.inbox-layout{grid-template-columns:1fr;height:auto;min-height:72vh}.conv3-wrap{grid-template-columns:1fr;height:auto}.conv3-left,.conv3-center{border-right:0;border-bottom:1px solid #d8e3f7}}