@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=Manrope:wght@400;500;600;700;800&display=swap');
*{box-sizing:border-box}body{margin:0;background:#f5f5f2;color:#15241c;font-family:Manrope,Arial,sans-serif}button,input{font:inherit}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.login-card{max-width:490px;margin:auto;padding:48px}.eyebrow{font:700 10px 'DM Mono',monospace;letter-spacing:.12em;color:#6a776f}.login-card h1{font-size:52px;line-height:1.02;margin:15px 0}.login-card p{color:#66736c;margin-bottom:32px}label{display:block;font-size:12px;font-weight:700;margin:15px 0 5px;color:#506057}input{width:100%;border:1px solid #d8dfda;border-radius:9px;padding:13px;background:white;outline:none}input:focus{border-color:#2e754e;box-shadow:0 0 0 3px #dceee4}button{border:0;border-radius:9px;background:#1d663f;color:#fff;font-weight:800;cursor:pointer;padding:14px 18px;margin-top:17px}button span{margin-left:30px;font-size:18px}.login-card form button{width:100%}small{display:block;color:#a53a32;margin-top:10px}.login-art{overflow:hidden;position:relative;background:#195c3a;color:#fff;padding:10%;display:flex;flex-direction:column;justify-content:flex-end}.login-art strong{font-size:130px;position:relative;z-index:1}.login-art p{font-size:30px;font-weight:800;position:relative;z-index:1}.orb{position:absolute;border-radius:50%;background:#b9dc4b}.orb-one{width:380px;height:380px;top:-120px;right:-120px}.orb-two{width:180px;height:180px;bottom:90px;right:28%;opacity:.7}#app-view{display:grid;grid-template-columns:238px 1fr;min-height:100vh}aside{background:#173b2b;color:#dae8df;padding:28px 17px;display:flex;flex-direction:column}.brand{font-weight:800;font-size:20px;color:white;text-decoration:none;padding:0 12px 38px}.brand i{color:#cbe957;font-style:normal}nav a,.side-bottom a,.side-bottom button{display:block;color:#b7c8bd;text-decoration:none;padding:12px;margin:5px 0;border-radius:7px;font-size:13px;background:none;width:100%;text-align:left}.side-bottom{margin-top:auto}.side-bottom button{margin-top:8px;border-top:1px solid #476153;border-radius:0}.active{background:#2b5944!important;color:white!important;font-weight:700}.dashboard{padding:46px 6%;max-width:1400px;width:100%;margin:auto}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}h1,h2{margin:5px 0}header h1{font-size:31px}header h1 span{color:#9ebc30}.status{font-size:12px;background:#e5f1df;color:#34704b;padding:9px 12px;border-radius:20px}.status b{display:inline-block;width:7px;height:7px;border-radius:50%;background:#68ae4a;margin-right:6px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px}.metrics article,.panel{background:white;border:1px solid #e6eae7;border-radius:13px;padding:23px}.metrics span{font:700 10px 'DM Mono';letter-spacing:.1em;color:#758078}.metrics strong{display:block;font-size:34px;margin:10px 0 3px}.metrics small{font-size:11px;color:#869087;margin:0}.metrics .accent{background:#c9eb62;border:0}.metrics .accent strong{font-size:22px}.metrics .accent a{font-size:12px;color:#214c2e;font-weight:800}.grid{display:grid;grid-template-columns:1.7fr 1fr;gap:20px;margin-bottom:20px}.panel-title{display:flex;justify-content:space-between;align-items:start}.panel h2{font-size:21px}.fire{font-size:25px}.two-cols{display:grid;grid-template-columns:1fr 1.5fr;gap:12px}.offer-panel button{width:100%}.form-result{font-size:12px;color:#2e7047;min-height:18px}.tips{background:#193e2d;color:#f3f8f5}.tips .eyebrow{color:#b9d4c2}.tips ol{padding-left:19px;font-size:13px;line-height:1.9;color:#d3e0d8}.tips p{font-size:11px;color:#a9c0b3;margin-top:32px}.tips code,.empty code{background:#edf2ee;padding:2px 4px;border-radius:3px}.groups-panel{margin-bottom:25px}.refresh{margin:0;padding:9px 13px;background:#e8f0ea;color:#2d6544;font-size:12px}.group-row{display:flex;align-items:center;border-top:1px solid #edf0ed;padding:14px 0;gap:15px}.group-num{font:700 13px 'DM Mono';color:#9aac9e}.group-row strong,.group-row small{display:block}.group-row small{font:11px 'DM Mono';color:#839187;margin-top:3px}.group-row a{margin-left:auto;color:#237146;font-size:12px;font-weight:800}.empty{border-top:1px solid #edf0ed;padding:18px 0;font-size:13px;color:#748076}@media(max-width:800px){.login-shell{grid-template-columns:1fr}.login-art{display:none}#app-view{grid-template-columns:1fr}aside{display:none}.dashboard{padding:28px 20px}.metrics,.grid{grid-template-columns:1fr}header{align-items:start;gap:12px}.status{font-size:10px}.two-cols{grid-template-columns:1fr}}
.app-page{display:grid;grid-template-columns:238px 1fr;min-height:100vh}.page-intro{margin-top:20px}.page-intro p{font-size:13px;color:#66756c}.intro-links{display:flex;gap:18px;margin-top:20px}.intro-links a{font-size:12px;color:#237146;font-weight:800;text-decoration:none}.page-form{max-width:760px}@media(max-width:800px){.app-page{grid-template-columns:1fr}.app-page aside{display:none}.intro-links{flex-direction:column;gap:10px}}
.chat-page{max-width:none}.whatsapp-shell{height:calc(100vh - 165px);min-height:560px;display:grid;grid-template-columns:340px minmax(0,1fr);overflow:hidden;border:1px solid #dfe7e1;border-radius:13px;background:#fff}.chat-sidebar{display:block;background:#fff;color:#193225;padding:0;border-right:1px solid #e1e8e3;overflow:auto}.chat-sidebar-head{display:flex;justify-content:space-between;align-items:center;padding:20px 18px 12px}.chat-sidebar-head strong{display:block;font-size:18px}.chat-sidebar-head small{font-size:11px;color:#77847d}.chat-dot{width:9px;height:9px;border-radius:50%;background:#67ad4d}.chat-search{position:relative;margin:0 12px 12px}.chat-search span{position:absolute;left:11px;top:10px;color:#789085}.chat-search input{margin:0;padding:10px 12px 10px 30px;background:#f3f6f3;font-size:12px}.chat-list-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;text-align:left;margin:0;padding:12px 14px;border:0;border-top:1px solid #f0f3f1;border-radius:0;background:transparent;color:#173326}.chat-list-item:hover,.chat-list-item.selected{background:#edf6ef}.chat-list-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;background:#cce6d2;color:#277047;display:grid;place-items:center;font-size:13px;font-weight:800}.chat-list-avatar img{width:100%;height:100%;object-fit:cover}.chat-list-item strong,.chat-list-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-list-item strong{font-size:12px}.chat-list-item small{font-size:10px;color:#7d8b82;margin-top:3px}.chat-list-item em{font:10px 'DM Mono';color:#5a7263;font-style:normal}.chat-conversation{display:grid;grid-template-rows:auto 1fr;min-width:0;background:#edf2ee}.conversation-head{display:flex;align-items:center;gap:11px;padding:14px 20px;margin:0;background:#fff;border-bottom:1px solid #dde6df}.conversation-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;background:#cce6d2;color:#277047;display:grid;place-items:center;font-weight:800}.conversation-avatar img{width:100%;height:100%;object-fit:cover}.conversation-head strong,.conversation-head small{display:block}.conversation-head strong{font-size:13px}.conversation-head small{font-size:10px;color:#75857b;margin-top:3px}.conversation-messages{padding:24px;overflow:auto;background-color:#e8efe9;background-image:radial-gradient(#d4e1d6 1px,transparent 1px);background-size:16px 16px}.message-out{display:flex;justify-content:flex-end;margin:10px 0}.message-card{width:min(360px,90%);padding:10px;border-radius:8px 0 8px 8px;background:#d9f7c9;box-shadow:0 1px 1px #173b2b18}.message-card img{width:100%;max-height:220px;object-fit:cover;border-radius:5px;margin-bottom:8px}.message-card strong,.message-card span,.message-card a,.message-card small{display:block}.message-card strong{font-size:12px}.message-card span,.message-card a{font-size:11px;margin-top:5px}.message-card a{color:#17633b;font-weight:800}.message-card small{font-size:9px;color:#69836e;text-align:right;margin-top:9px}.delivered{color:#347bc0}.failed{color:#b8463e}.chat-empty{max-width:340px;text-align:center;color:#64756a;margin:20% auto}.chat-empty>span{font-size:44px}.chat-empty h2{font-size:17px;margin-top:12px}.chat-empty p{font-size:12px;line-height:1.6}@media(max-width:800px){.whatsapp-shell{height:calc(100vh - 120px);min-height:520px;grid-template-columns:115px minmax(0,1fr)}.chat-sidebar-head{padding:15px 8px}.chat-sidebar-head strong{font-size:0}.chat-sidebar-head strong:after{content:'Grupos';font-size:12px}.chat-sidebar-head small,.chat-search{display:none}.chat-list-item{grid-template-columns:42px;padding:12px 8px;justify-content:center}.chat-list-item>div:nth-child(2),.chat-list-item em{display:none}.conversation-messages{padding:14px}.chat-page{padding:20px 10px}.chat-page header{padding:0 10px}.chat-page header h1{font-size:24px}}
.chat-list .empty{margin:12px;padding:16px 14px;border:1px dashed #d9e4dc;border-radius:9px;background:#f7faf7;line-height:1.5}
.integration-flow{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:17px 20px;margin-bottom:20px;border-radius:12px;background:#eaf3e9}.integration-flow article{text-align:center;flex:1}.integration-flow article span{display:grid;place-items:center;width:24px;height:24px;margin:auto;border-radius:50%;background:#287048;color:#fff;font:700 11px 'DM Mono'}.integration-flow strong,.integration-flow small{display:block}.integration-flow strong{font-size:11px;margin-top:6px}.integration-flow small{font-size:9px;color:#62746a;margin-top:2px}.integration-flow i{color:#518565}.integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.integration-card{padding:22px;border:1px solid #e2e9e3;border-radius:13px;background:#fff}.main-integration{grid-column:span 2;background:#193e2d;color:#fff}.integration-title{display:flex;align-items:center;gap:11px}.integration-title h2{font-size:18px}.integration-title .eyebrow{color:#75877c}.main-integration .eyebrow,.main-integration small{color:#b7cec0}.integration-logo{display:grid;place-items:center;width:41px;height:41px;border-radius:10px;color:#fff;font-size:22px;font-weight:800}.whatsapp{background:#28a859}.amazon{background:#171717}.shopee{background:#ef6335}.mercado{background:#f4ce35;color:#2458a5}.integration-status{margin-left:auto;padding:5px 8px;border-radius:14px;background:#f3f3f1;color:#777;font-size:10px;font-weight:800}.integration-status.configured{background:#dff0e1;color:#287049}.integration-status.pending{background:#f8e9d7;color:#9c641b}.main-integration .integration-status.configured{background:#2d714c;color:#e3f8e5}.main-integration .integration-status.pending{background:#715221;color:#ffe9b8}.integration-card>p{min-height:38px;font-size:12px;line-height:1.5;color:#6c7b71}.main-integration>p{color:#cfdfd4}.integration-meta{display:flex;justify-content:space-between;border-top:1px solid #e9eeea;padding-top:13px;font-size:11px}.main-integration .integration-meta{border-color:#3e6551}.integration-card>button{margin:17px 0 7px}.integration-card>small{font-size:10px;color:#7d8b82}.main-integration>small{color:#b7cec0}@media(max-width:800px){.integration-flow{overflow:auto;justify-content:flex-start}.integration-flow article{min-width:100px}.integration-grid{grid-template-columns:1fr}.main-integration{grid-column:span 1}}
textarea{width:100%;min-height:76px;resize:vertical;border:1px solid #d8dfda;border-radius:9px;padding:12px;background:#fff;outline:none}.automation-hero{display:flex;justify-content:space-between;gap:25px;padding:25px;margin-bottom:20px;border-radius:13px;background:#193e2d;color:#fff}.automation-hero h2{font-size:23px;max-width:430px}.automation-hero p{max-width:530px;font-size:12px;line-height:1.6;color:#c7d8cc}.automation-hero .eyebrow{color:#bbd4c2}.automation-steps{align-self:center;display:flex;align-items:center;gap:8px;white-space:nowrap}.automation-steps span{padding:8px;border-radius:7px;background:#2d6046;font-size:10px;font-weight:800}.automation-steps i{color:#bfdd77}.automation-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.automation-form .panel:last-of-type{grid-column:span 2}.automation-sources{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.automation-sources>.eyebrow,.automation-sources>h2,.source-note{grid-column:1/-1}.source-check{display:flex;gap:9px;align-items:flex-start;padding:13px;border:1px solid #e1e9e2;border-radius:9px;margin:0}.source-check input{width:auto;margin:3px 0}.source-check b,.source-check small{display:block}.source-check b{font-size:12px}.source-check small{font-size:10px;color:#75847a;margin-top:4px}.source-note{font-size:11px;color:#6f7f74;margin:4px 0 0}.switch-row{display:flex;gap:10px;align-items:flex-start;padding:12px;margin-top:18px;border-radius:8px;background:#f0f6f1}.switch-row input{width:auto;margin:4px 0}.switch-row strong,.switch-row small{display:block}.switch-row small{font-size:10px;color:#718177;margin-top:3px}.automation-actions{grid-column:span 2}.automation-actions button{margin:0}@media(max-width:800px){.automation-hero{display:block}.automation-steps{margin-top:18px;overflow:auto}.automation-form{grid-template-columns:1fr}.automation-form .panel:last-of-type,.automation-actions{grid-column:auto}.automation-sources{grid-template-columns:1fr}}

/* Integrações: todos os aplicativos ocupam cards do mesmo tamanho. */
.integration-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr}
.integration-card,.main-integration{grid-column:auto;display:flex;flex-direction:column;min-height:270px}
.integration-card>p{min-height:0;flex:1;margin:18px 0}
.integration-card .integration-meta{margin-top:auto}
.integration-card>button{align-self:flex-start}
@media(max-width:800px){.integration-grid{grid-template-columns:1fr}.integration-card,.main-integration{min-height:0}}
.secondary-button{margin-top:8px!important;background:#315f49!important}.qr-modal{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:20px;background:#102d20b8}.qr-modal[hidden]{display:none}.qr-card{position:relative;width:min(400px,100%);padding:30px;border-radius:16px;background:#fff;text-align:center;box-shadow:0 24px 60px #071b103b}.qr-card h2{font-size:23px}.qr-card p{font-size:12px;color:#64746a}.qr-card img{display:block;width:min(250px,80%);aspect-ratio:1;margin:20px auto 12px;border-radius:8px;background:#f2f5f2}.qr-card strong,.qr-card small{display:block}.qr-card strong{font-size:12px;color:#236842}.qr-card small{font-size:10px;color:#748278;margin:8px auto 0;max-width:280px}.qr-card button:not(.qr-close){margin-top:18px}.qr-close{position:absolute;top:10px;right:11px;margin:0;padding:3px 9px;background:transparent;color:#6c7c71;font-size:25px;font-weight:400}
.evolution-config{width:100%;margin-top:12px;border-top:1px solid #3d6652;padding-top:12px}.evolution-config summary{cursor:pointer;font-size:11px;font-weight:800;color:#d8ede0}.evolution-config form{display:grid;gap:8px;margin-top:10px}.evolution-config label{margin:0;color:#d8ede0;font-size:10px}.evolution-config input{padding:9px;font-size:11px}.evolution-config button{align-self:start;margin:2px 0 0;padding:10px 12px;font-size:11px}

/* Estrutura comum: todas as páginas usam exatamente a mesma área de trabalho. */
.app-page{grid-template-columns:250px minmax(0,1fr);width:100%;min-height:100dvh}
.app-page>aside{min-height:100dvh}
.app-page .dashboard{width:100%;max-width:none;min-width:0;min-height:100dvh;margin:0;padding:42px clamp(24px,4vw,64px)}
.app-page .dashboard>header{min-height:54px;margin-bottom:28px}
.app-page .panel,.app-page .metrics,.app-page .integration-flow,.app-page .automation-hero{width:100%}
.chat-page{max-width:none!important}
.chat-page .whatsapp-shell{height:calc(100dvh - 164px);min-height:540px}
@media(max-width:1024px){.app-page{grid-template-columns:210px minmax(0,1fr)}.app-page .dashboard{padding:34px 28px}}
@media(max-width:800px){.app-page{display:block;min-height:100dvh}.app-page>aside{display:none}.app-page .dashboard{min-height:100dvh;padding:24px 16px}.app-page .dashboard>header{min-height:auto;margin-bottom:22px}.chat-page .whatsapp-shell{height:calc(100dvh - 118px);min-height:500px}.integration-grid,.automation-form{width:100%}}

/* Chats se comporta como o WhatsApp Web: a tela externa não rola. */
.app-page:has(.chat-page){height:100dvh;overflow:hidden}
.chat-page{display:grid;grid-template-rows:auto minmax(0,1fr);height:100dvh;overflow:hidden}
.chat-page>header{margin-bottom:18px!important}
.chat-page .whatsapp-shell{height:auto!important;min-height:0!important;overflow:hidden}
.chat-page .chat-sidebar,.chat-page .conversation-messages{overscroll-behavior:contain}
@media(max-width:800px){.chat-page{height:100dvh}.chat-page .whatsapp-shell{height:auto!important;min-height:0!important}}

/* Evita a rolagem desnecessária da página; conteúdo extenso rola dentro da área útil. */
.app-page{height:100dvh;overflow:hidden}
.app-page .dashboard{height:100dvh;overflow:hidden}
.app-page .dashboard:has(.groups-panel),
.app-page .dashboard:has(.integration-grid),
.app-page .dashboard:has(.automation-form){overflow-y:auto;overscroll-behavior:contain}
@media(max-width:800px){.app-page .dashboard{height:100dvh}.app-page .dashboard:has(.groups-panel),.app-page .dashboard:has(.integration-grid),.app-page .dashboard:has(.automation-form){overflow-y:auto}}
.toast{position:fixed;right:24px;top:24px;z-index:10;max-width:390px;padding:14px 18px;border-radius:10px;color:#fff;font-size:13px;font-weight:700;box-shadow:0 12px 30px #173b2b33;animation:toast-in .25s ease-out}.toast.success{background:#1d663f}.toast.warning{background:#a56a15}.toast.error{background:#ab3933}.toast.loading{background:#214f78}.toast.loading:before{content:'◌';display:inline-block;margin-right:8px;animation:spin 1s linear infinite}@keyframes toast-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}button:disabled{opacity:.7;cursor:wait}
.panel-description{font-size:12px;color:#758178;margin:4px 0 19px}.groups-header,.group-row{display:grid;grid-template-columns:minmax(225px,1.8fr) 105px 90px 82px;gap:12px;align-items:center}.groups-header{border-bottom:1px solid #e9eeea;padding:0 0 10px 65px;font:700 9px 'DM Mono';letter-spacing:.08em;color:#849087}.group-row{position:relative;min-height:68px;padding:12px 0;border-top:1px solid #edf0ed}.groups-header+.groups-list .group-row{border-top:0}.group-row>img,.group-avatar{position:absolute;width:35px;height:35px;left:0;border-radius:50%;object-fit:cover}.group-avatar{display:grid;place-items:center;background:#dcecdf;color:#256342;font-size:13px;font-weight:800}.group-row .group-num{margin-left:47px}.group-info{min-width:0}.group-info strong{font-size:13px}.group-info small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.members{font:700 12px 'DM Mono';color:#45564b}.group-status{justify-self:start;border-radius:20px;background:#e4f1e7;color:#287049;padding:5px 8px;font-size:10px;font-weight:800}.group-status.full{background:#f8e1dc;color:#9d3830}.group-row a,.no-link{font-size:11px;font-weight:800}.no-link{color:#87918a}.manual-group{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:13px;align-items:end;border-top:1px solid #e9eeea;margin-top:19px;padding-top:17px}.manual-group h3{margin:4px 0 0;font-size:15px}.manual-group label{margin:0}.manual-group button{margin:0;white-space:nowrap}@media(max-width:800px){.groups-header{display:none}.group-row{grid-template-columns:1fr auto;gap:6px;padding-left:48px}.group-row>img,.group-avatar{top:14px}.group-row .group-num{display:none}.group-info{grid-column:1}.members{grid-column:1}.group-status{grid-column:2;grid-row:1}.group-row a,.no-link{grid-column:2;grid-row:2}.manual-group{grid-template-columns:1fr}.manual-group button{width:100%}}
.chats-panel{margin-bottom:30px}.activity-item{display:grid;grid-template-columns:46px minmax(180px,1fr) auto;gap:13px;align-items:center;padding:15px 0;border-top:1px solid #edf0ed}.activity-icon{width:40px;height:40px;border-radius:9px;background:#e8f0de;display:grid;place-items:center;font-size:20px;overflow:hidden}.activity-icon img{width:100%;height:100%;object-fit:cover}.activity-main strong,.activity-main span,.activity-main small{display:block}.activity-main strong{font-size:13px}.activity-main span{font-size:11px;color:#617066;margin-top:2px}.activity-main small{font-size:10px;color:#879187;margin-top:4px}.activity-status{border-radius:20px;background:#e4f1e7;color:#287049;padding:5px 8px;font-size:10px;font-weight:800}.activity-status.failed{background:#f8e1dc;color:#9d3830}.activity-item details{grid-column:2 / -1;font-size:11px;color:#577064}.activity-item summary{cursor:pointer;font-weight:700}.delivery{padding:5px 0;font-family:'DM Mono',monospace;font-size:10px}.delivery.ok{color:#287049}.delivery.error{color:#9d3830}@media(max-width:800px){.activity-item{grid-template-columns:46px 1fr}.activity-status{grid-column:2;justify-self:start}.activity-item details{grid-column:1 / -1}}