.support-app{color:#071a33;background:#f4f8fd;min-height:100vh}.support-topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:40;background:#ffffffeb;border-bottom:1px solid #dbe5f0;align-items:center;gap:22px;height:72px;padding:0 24px;display:flex;position:sticky;top:0}.support-brand .brand-wordmark{font-size:21px}.support-brand .brand-mark{width:34px;height:34px}.support-demo-badge{color:#6d28d9;letter-spacing:.08em;background:#f5f3ff;border:1px solid #ddd6fe;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:850}.support-exit{color:#475569;margin-left:auto;font-size:12px;font-weight:700}.support-shell{grid-template-columns:190px minmax(0,1fr);min-height:calc(100vh - 72px);display:grid}.support-nav{color:#c7d7ec;background:linear-gradient(#071528,#15224c);height:calc(100vh - 72px);padding:28px 14px;position:sticky;top:72px}.support-nav-title{color:#fff;padding:0 10px 18px;font-size:13px;font-weight:800}.support-nav>button{color:#b7cae2;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;width:100%;margin:3px 0;padding:11px 12px;font-size:11px;display:flex}.support-nav>button span{border:1px solid;border-radius:2px;width:7px;height:7px}.support-nav>button.active{color:#fff;background:#6d28d9}.support-nav-note{color:#b7b9db;background:#ffffff0a;border:1px solid #ddd6fe21;border-radius:11px;gap:9px;padding:12px;font-size:9px;line-height:1.45;display:flex;position:absolute;bottom:22px;left:14px;right:14px}.support-main{min-width:0;padding:30px}.support-heading{justify-content:space-between;align-items:end;gap:20px;display:flex}.support-heading .section-kicker{margin-bottom:7px}.support-heading h1{letter-spacing:-.045em;margin:0;font-size:36px}.support-heading p{color:#64748b;margin:8px 0 0;font-size:13px}.support-notice{color:#4338ca;background:#eef2ff;border:1px solid #c7d2fe;border-radius:11px;align-items:center;gap:9px;margin-top:20px;padding:11px 13px;font-size:10px;display:flex}.support-notice button{color:#4f46e5;cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:10px;font-weight:800}.support-metrics{grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0;display:grid}.support-metrics article{background:#fff;border:1px solid #dbe5f0;border-radius:14px;padding:15px}.support-metrics span,.support-metrics small{color:#64748b;font-size:9px;display:block}.support-metrics strong{letter-spacing:-.03em;margin:4px 0;font-size:21px;display:block}.support-workspace{background:#fff;border:1px solid #dbe5f0;border-radius:17px;grid-template-columns:300px minmax(360px,1fr) 280px;height:min(690px,100vh - 280px);min-height:560px;display:grid;overflow:hidden;box-shadow:0 18px 50px #0f264812}.support-inbox{background:#fbfdff;border-right:1px solid #e5edf6;min-width:0}.support-filter{border-bottom:1px solid #e5edf6;padding:12px}.support-filter>label{background:#fff;border:1px solid #dbe5f0;border-radius:9px;align-items:center;gap:8px;padding:0 10px;display:flex}.support-filter input{background:0 0;border:0;outline:0;width:100%;height:37px;font-size:10px}.support-filter>div{grid-template-columns:1fr 1fr;gap:7px;margin-top:8px;display:grid}.support-filter select{color:#475569;background:#fff;border:1px solid #dbe5f0;border-radius:8px;min-width:0;height:33px;padding:0 6px;font-size:9px}.conversation-list{height:calc(100% - 92px);overflow-y:auto}.conversation-item{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #edf2f7;grid-template-columns:36px minmax(0,1fr);gap:9px;width:100%;padding:13px 11px;display:grid;position:relative}.conversation-item:hover,.conversation-item.selected{background:#f5f3ff}.conversation-item.selected{box-shadow:inset 3px 0 #7c3aed}.channel-avatar{color:#fff;border-radius:10px;place-items:center;width:34px;height:34px;font-size:8px;font-weight:900;display:grid}.channel-avatar.whatsapp{background:#16a34a}.channel-avatar.email{background:#2563eb}.channel-avatar.site{background:#7c3aed}.channel-avatar.large{width:42px;height:42px}.conversation-copy{min-width:0}.conversation-copy>div:first-child{justify-content:space-between;align-items:center;gap:8px;display:flex}.conversation-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.conversation-copy time{color:#94a3b8;font-size:8px}.conversation-copy>span{color:#64748b;margin-top:2px;font-size:8px;display:block}.conversation-copy p{color:#475569;text-overflow:ellipsis;white-space:nowrap;margin:6px 0;font-size:9px;line-height:1.4;overflow:hidden}.conversation-tags{gap:4px;display:flex}.conversation-tags i{color:#6d28d9;background:#ede9fe;border-radius:999px;padding:3px 5px;font-size:7px;font-style:normal}.unread-count{color:#fff;text-align:center;background:#7c3aed;border-radius:999px;min-width:18px;padding:3px 5px;font-size:7px;position:absolute;bottom:11px;right:10px}.support-empty{color:#94a3b8;text-align:center;padding:30px 14px;font-size:9px}.support-chat{background:linear-gradient(#fff,#fbfcff);grid-template-rows:auto minmax(0,1fr) auto auto;min-width:0;display:grid}.chat-heading{border-bottom:1px solid #e5edf6;align-items:center;gap:10px;padding:13px 16px;display:flex}.chat-heading>div:nth-child(2){min-width:0}.chat-heading strong,.chat-heading span{display:block}.chat-heading span{color:#64748b;margin-top:3px;font-size:8px}.conversation-status{border-radius:999px;padding:5px 7px;font-weight:800;margin-left:auto!important;font-size:8px!important}.conversation-status.aberta{background:#d1fae5;color:#047857!important}.conversation-status.aguardando{background:#fef3c7;color:#b45309!important}.conversation-status.resolvida{background:#e2e8f0;color:#475569!important}.message-stream{background-image:radial-gradient(#7c3aed0d 1px,#0000 1px);background-size:22px 22px;padding:20px;overflow-y:auto}.message-row{margin-bottom:11px;display:flex}.message-row.agent{justify-content:flex-end}.message-bubble{background:#f1f5f9;border-radius:12px 12px 12px 3px;max-width:78%;padding:10px 12px;box-shadow:0 4px 14px #0f172a08}.message-row.agent .message-bubble{color:#fff;background:linear-gradient(135deg,#6d28d9,#2563eb);border-radius:12px 12px 3px}.message-bubble p{margin:0;font-size:10px;line-height:1.5}.message-bubble time{color:#94a3b8;text-align:right;margin-top:5px;font-size:7px;display:block}.message-row.agent time{color:#c4b5fd}.system-message{color:#6d28d9;background:#faf5ff;border:1px dashed #c4b5fd;border-radius:9px;align-items:center;gap:7px;width:100%;padding:7px 9px;font-size:8px;display:flex}.system-message time{color:#94a3b8;margin-left:auto}.ai-suggestion-info{color:#5b21b6;background:#faf5ff;border-top:1px solid #ede9fe;align-items:center;gap:7px;padding:9px 12px;font-size:8px;display:flex}.ai-suggestion-info span{flex:1}.ai-suggestion-info button{color:#6d28d9;cursor:pointer;background:#fff;border:1px solid #ddd6fe;border-radius:7px;padding:6px 8px;font-size:8px;font-weight:800}.message-composer{background:#fff;border-top:1px solid #e5edf6;padding:11px}.message-composer textarea{resize:none;border:1px solid #dbe5f0;border-radius:10px;outline:0;width:100%;height:70px;padding:10px;font-size:10px;line-height:1.4}.message-composer textarea:focus{border-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa21}.message-composer>div{justify-content:space-between;align-items:center;margin-top:7px;display:flex}.message-composer>div>span{color:#94a3b8;font-size:8px}.message-composer .button{min-height:34px;padding:0 12px;font-size:9px}.support-context{background:#fbfdff;border-left:1px solid #e5edf6;overflow-y:auto}.context-section{border-bottom:1px solid #e5edf6;padding:15px}.context-kicker{color:#7c3aed;text-transform:uppercase;letter-spacing:.1em;margin-bottom:7px;font-size:8px;font-weight:850;display:block}.context-section h2{margin:0;font-size:15px}.context-section>p{color:#64748b;margin:6px 0 0;font-size:9px;line-height:1.5}.context-section>label:not(.automation-toggle){color:#64748b;gap:5px;margin-top:9px;font-size:8px;font-weight:700;display:grid}.context-section select{color:#334155;background:#fff;border:1px solid #dbe5f0;border-radius:8px;width:100%;padding:8px;font-size:9px}.tag-selector{flex-wrap:wrap;gap:5px;display:flex}.tag-selector button{color:#64748b;cursor:pointer;background:#fff;border:1px solid #dbe5f0;border-radius:999px;padding:5px 7px;font-size:8px}.tag-selector button.active{color:#6d28d9;background:#f5f3ff;border-color:#c4b5fd}.automation-toggle{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;display:flex}.automation-toggle:last-child{border-bottom:0}.automation-toggle span{min-width:0}.automation-toggle strong,.automation-toggle small{display:block}.automation-toggle small{color:#64748b;margin-top:3px;font-size:7px;line-height:1.35}.automation-toggle input{accent-color:#7c3aed;width:16px;height:16px}@media (max-width:1160px){.support-shell{grid-template-columns:70px minmax(0,1fr)}.support-nav{padding-inline:8px}.support-nav-title,.support-nav>button{font-size:0}.support-nav>button{justify-content:center}.support-nav-note{display:none}.support-workspace{grid-template-columns:260px minmax(340px,1fr) 240px}}@media (max-width:920px){.support-workspace{grid-template-columns:270px minmax(0,1fr);height:auto;min-height:0}.support-context{border-top:1px solid #e5edf6;border-left:0;grid-column:1/-1;grid-template-columns:repeat(3,1fr);display:grid}.context-section{border-right:1px solid #e5edf6}.context-section:last-child{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.context-section:last-child>.context-kicker{grid-column:1/-1}}@media (max-width:760px){.support-topbar{padding-inline:14px}.support-demo-badge{display:none}.support-shell{display:block}.support-nav{display:none}.support-main{padding:22px 14px}.support-heading{display:grid}.support-heading h1{font-size:30px}.support-heading .button{width:100%}.support-notice{flex-wrap:wrap;align-items:flex-start}.support-notice button{margin-left:25px}.support-metrics{grid-template-columns:1fr 1fr}.support-workspace{display:block}.support-inbox{border-bottom:1px solid #e5edf6;border-right:0;max-height:360px}.conversation-list{max-height:270px}.support-chat{min-height:580px}.message-stream{min-height:300px;max-height:380px}.support-context,.context-section:last-child{display:block}.automation-toggle{display:flex}}@media (max-width:460px){.support-metrics{grid-template-columns:1fr}.support-heading h1{font-size:27px}.chat-heading{align-items:flex-start}.conversation-status{margin-left:auto!important}}.support-nav>button:disabled{cursor:not-allowed;opacity:.5}.support-nav>button small{color:#8d91bd;margin-left:auto;font-size:8px}.support-notice{font-size:12px}.support-notice button,.support-metrics span,.support-metrics small{font-size:11px}.support-filter input,.support-filter select{font-size:12px}.conversation-copy strong{font-size:13px}.conversation-copy time,.conversation-copy>span{font-size:10px}.conversation-copy p{font-size:11px}.conversation-tags i,.unread-count{font-size:9px}.chat-heading strong{font-size:14px}.chat-heading span{font-size:11px}.conversation-status{font-size:10px!important}.message-bubble p{font-size:13px}.message-bubble time{font-size:10px}.system-message,.ai-suggestion-info{font-size:11px}.ai-suggestion-info button{min-height:34px;font-size:11px}.message-composer textarea{font-size:13px}.message-composer>div>span{font-size:10px}.message-composer .button{min-height:38px;font-size:11px}.context-kicker{font-size:10px}.context-section h2{font-size:17px}.context-section>p{font-size:12px}.context-section>label:not(.automation-toggle){font-size:11px}.context-section select{min-height:38px;font-size:12px}.tag-selector button{min-height:32px;font-size:10px}.automation-toggle strong{font-size:12px}.automation-toggle small{font-size:10px}.automation-toggle input{width:20px;height:20px}.message-row:last-child{animation:.22s cubic-bezier(.16,1,.3,1) messageEnter}@keyframes messageEnter{0%{opacity:0;transform:translateY(7px)scale(.985)}to{opacity:1;transform:none}}.support-mobile-switcher{display:none}@media (max-width:760px){.support-topbar{-webkit-backdrop-filter:none;backdrop-filter:none}.support-mobile-switcher{background:#eef2ff;border:1px solid #dbe5f0;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:6px;margin:14px 0 12px;padding:4px;display:grid}.support-mobile-switcher button{color:#64748b;background:0 0;border:0;border-radius:9px;min-height:42px;padding:0 6px;font-size:11px;font-weight:800}.support-mobile-switcher button.active{color:#6d28d9;background:#fff;box-shadow:0 5px 16px #6d28d914}.support-mobile-switcher span{margin-left:4px}.support-workspace{display:block}.support-workspace[data-mobile-panel=inbox] .support-chat,.support-workspace[data-mobile-panel=inbox] .support-context,.support-workspace[data-mobile-panel=chat] .support-inbox,.support-workspace[data-mobile-panel=chat] .support-context,.support-workspace[data-mobile-panel=context] .support-inbox,.support-workspace[data-mobile-panel=context] .support-chat{display:none}.support-workspace[data-mobile-panel=inbox] .support-inbox,.support-workspace[data-mobile-panel=chat] .support-chat,.support-workspace[data-mobile-panel=context] .support-context{display:block}.support-inbox{border-bottom:0;max-height:none}.conversation-list{height:auto;max-height:520px}.support-chat{min-height:560px}.support-context{border-top:0}.conversation-item{min-height:84px}}@media (prefers-reduced-motion:reduce){.message-row:last-child{animation:none}}@media (max-width:1160px){.support-nav>button small{display:none}}.support-module-tabs{display:none}.support-automation-grid,.support-report-grid{grid-template-columns:1.15fr .85fr;gap:14px;margin-top:18px;display:grid}.support-rules,.support-automation-log,.support-report-card{background:#fff;border:1px solid #dbe5f0;border-radius:16px;overflow:hidden;box-shadow:0 12px 32px #0f26480a}.support-panel-title{background:#fbfdff;border-bottom:1px solid #e8edf4;justify-content:space-between;align-items:center;gap:14px;padding:15px 17px;display:flex}.support-panel-title strong,.support-panel-title span{display:block}.support-panel-title strong{font-size:13px}.support-panel-title div>span,.support-panel-title>span{color:#64748b;margin-top:3px;font-size:10px}.support-panel-title>button{color:#6d28d9;cursor:pointer;background:#faf5ff;border:1px solid #ddd6fe;border-radius:8px;min-height:34px;padding:0 11px;font-size:10px;font-weight:850}.support-rules>label{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:16px;padding:16px 17px;display:flex}.support-rules>label:last-child{border-bottom:0}.support-rules>label>span{align-items:flex-start;gap:11px;display:flex}.support-rules>label>span>i{color:#6d28d9;background:#ede9fe;border-radius:8px;flex:none;place-items:center;width:28px;height:28px;font-size:9px;font-style:normal;font-weight:900;display:grid}.support-rules strong,.support-rules small{display:block}.support-rules strong{font-size:12px}.support-rules small{color:#64748b;max-width:480px;margin-top:4px;font-size:10px;line-height:1.45}.support-rules input{accent-color:#7c3aed;width:21px;height:21px}.support-automation-log ol{margin:0;padding:0;list-style:none}.support-automation-log li{border-bottom:1px solid #eef2f7;grid-template-columns:46px minmax(0,1fr);gap:10px;padding:13px 16px;display:grid}.support-automation-log li:last-child{border-bottom:0}.support-automation-log time{color:#94a3b8;font-size:9px}.support-automation-log strong,.support-automation-log span{display:block}.support-automation-log strong{font-size:11px}.support-automation-log span{color:#64748b;margin-top:3px;font-size:10px}.support-contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.support-contact-grid article{background:#fff;border:1px solid #dbe5f0;border-radius:16px;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:17px;display:grid;box-shadow:0 12px 32px #0f26480a}.support-contact-main>span{color:#7c3aed;font-size:9px;font-weight:800}.support-contact-main h3{margin:4px 0 0;font-size:15px}.support-contact-main p{color:#64748b;margin:3px 0 0;font-size:10px}.support-contact-grid dl{grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:8px;margin:2px 0 0;display:grid}.support-contact-grid dl>div{background:#f8fafc;border-radius:9px;padding:9px}.support-contact-grid dt{color:#94a3b8;font-size:8px}.support-contact-grid dd{color:#334155;margin:3px 0 0;font-size:10px;font-weight:750}.support-contact-grid .conversation-tags{grid-column:1/-1}.support-contact-grid article>button{color:#6d28d9;cursor:pointer;background:#faf5ff;border:1px solid #ddd6fe;border-radius:9px;grid-column:1/-1;min-height:36px;font-size:10px;font-weight:850}.support-report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.support-report-card{padding:0}.support-report-card.compact{padding:18px}.support-report-card.compact>span,.support-report-card.compact>small{color:#64748b;font-size:10px;display:block}.support-report-card.compact>strong{letter-spacing:-.04em;margin:7px 0 3px;font-size:27px;display:block}.support-bars{gap:13px;padding:17px;display:grid}.support-bars>div{grid-template-columns:72px 1fr 24px;align-items:center;gap:9px;display:grid}.support-bars span{color:#475569;font-size:10px}.support-bars i{background:#ede9fe;border-radius:999px;height:8px;overflow:hidden}.support-bars i b{border-radius:inherit;background:linear-gradient(90deg,#7c3aed,#2563eb);height:100%;display:block}.support-bars strong{text-align:right;font-size:10px}@media (max-width:760px){.support-module-tabs{scrollbar-width:none;gap:7px;margin:14px 0 4px;padding-bottom:6px;display:flex;overflow-x:auto}.support-module-tabs::-webkit-scrollbar{display:none}.support-module-tabs button{color:#475569;background:#fff;border:1px solid #dbe5f0;border-radius:999px;flex:none;min-height:38px;padding:0 12px;font-size:11px;font-weight:800}.support-module-tabs button.active{color:#fff;background:#7c3aed;border-color:#7c3aed}.support-automation-grid,.support-report-grid,.support-contact-grid{grid-template-columns:1fr}.support-contact-grid dl{grid-template-columns:1fr 1fr}.support-panel-title{flex-direction:column;align-items:flex-start}}.support-macros{background:#fbfdff;border-top:1px solid #eef2f7;flex-wrap:wrap;align-items:center;gap:7px;padding:10px 12px;display:flex}.support-macros>span{color:#64748b;letter-spacing:.07em;text-transform:uppercase;margin-right:2px;font-size:8px;font-weight:900}.support-macros button{color:#6d28d9;cursor:pointer;background:#faf5ff;border:1px solid #ddd6fe;border-radius:999px;min-height:30px;padding:0 9px;font-size:9px;font-weight:800}.support-handoff>p{color:#64748b;margin:9px 0;font-size:9px;line-height:1.5}.support-integration-flow{grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:5px;display:grid}.support-integration-flow i{color:#64748b;text-align:center;background:#f8fafc;border:1px solid #dbe5f0;border-radius:8px;padding:7px 4px;font-size:7px;font-style:normal;font-weight:850}.support-integration-flow i.active{color:#6d28d9;background:#faf5ff;border-color:#ddd6fe}.support-integration-flow b{color:#94a3b8;font-size:9px}.support-handoff>button,.support-handoff>a{border-radius:8px;justify-content:center;align-items:center;width:100%;min-height:34px;margin-top:7px;padding:0 9px;font-size:9px;font-weight:850;display:flex}.support-handoff>button{color:#fff;cursor:pointer;background:#7c3aed;border:1px solid #7c3aed}.support-handoff>a{color:#6d28d9;background:#faf5ff;border:1px solid #ddd6fe}.support-notes{gap:7px;margin-top:8px;display:grid}.support-notes p{color:#475569;background:#fff7ed;border-radius:9px;margin:0;padding:9px 10px;font-size:9px;line-height:1.45}.support-notes p strong{color:#c2410c;margin-bottom:3px;font-size:8px;display:block}.support-notes>small{color:#94a3b8;font-size:9px}.support-note-form{gap:7px;margin-top:9px;display:grid}.support-note-form textarea{resize:vertical;color:#334155;min-height:66px;font:inherit;background:#fff;border:1px solid #dbe5f0;border-radius:9px;padding:9px 10px;font-size:10px}.support-note-form>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.support-note-form>div span{color:#94a3b8;font-size:8px}.support-note-form button{color:#6d28d9;cursor:pointer;background:#faf5ff;border:1px solid #ddd6fe;border-radius:8px;min-height:31px;padding:0 9px;font-size:9px;font-weight:850}@media (max-width:760px){.support-macros{align-items:flex-start}.support-macros>span{width:100%}}