@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#17152b;--muted:#706d82;--line:#ebe9f5;--violet:#6d4af2;--mint:#62e6b9;--bg:#f8f7ff;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,Arial,sans-serif}.shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.side{background:#17152b;color:#fff;padding:26px 16px;position:sticky;top:0;height:100vh}.brand{font-size:23px;font-weight:800;display:flex;gap:10px;align-items:center;padding:4px 12px 32px}.mark{width:32px;height:32px;border-radius:11px;background:linear-gradient(135deg,#8b5cf6,#4f46e5);display:grid;place-items:center;color:var(--mint);font-weight:900}.brand small{display:block;color:#aaa7bd;font-size:10px;letter-spacing:1.5px}.nav a{color:#bdb9cf;text-decoration:none;padding:13px 14px;border-radius:12px;display:block;margin:5px 0;font-size:14px;font-weight:700}.nav a:hover,.nav a.active{background:#302d4a;color:#fff}.trial{position:absolute;bottom:25px;left:22px;right:22px;background:#302d4a;border:1px solid #423e60;padding:14px;border-radius:15px;font-size:11px;color:#d9d6e7}.trial b{color:var(--mint);display:block;margin-bottom:4px}.main{padding:34px 44px;max-width:1440px;width:100%;margin:auto}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.eyebrow{font-size:11px;color:var(--violet);font-weight:800;letter-spacing:1.4px;text-transform:uppercase}.top h1{margin:3px 0;font-size:28px}.avatar{width:39px;height:39px;border-radius:50%;background:#ddd7ff;display:grid;place-items:center;font-weight:800;color:#5136bc}.hero{background:linear-gradient(120deg,#201c3f,#382a74);border-radius:24px;padding:29px 32px;color:#fff;position:relative;overflow:hidden;margin-bottom:24px}.hero:after{content:'DNA';position:absolute;right:24px;bottom:-37px;font-size:160px;line-height:1;font-weight:800;color:#6d4af2;opacity:.24}.hero h2{font-size:27px;margin:6px 0;max-width:600px;position:relative}.hero p{color:#d6d2ec;max-width:540px;position:relative}.tag{display:inline-block;background:#62e6b9;color:#17382d;font-size:11px;border-radius:30px;padding:6px 10px;font-weight:800;position:relative}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:24px 0}.stat,.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:21px}.stat small,.panel-sub{color:var(--muted);font-weight:600}.stat strong{font-size:32px;display:block;margin-top:7px}.grid{display:grid;grid-template-columns:1.35fr .8fr;gap:20px}.panel h3{margin:0 0 4px}.row{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid var(--line)}.row:first-of-type{margin-top:16px}.time{background:#f0edff;color:#553bc0;font-weight:800;padding:7px;border-radius:9px;font-size:12px}.grow{flex:1}.status{font-size:11px;border-radius:20px;background:#e5fbf2;color:#197451;padding:6px 9px;font-weight:800}.btn{border:0;border-radius:11px;background:var(--violet);padding:11px 15px;color:#fff;font-weight:800;cursor:pointer;font:inherit;text-decoration:none;display:inline-block}.btn.ghost{background:#eeeafa;color:#563bbf}.panel ul{padding-left:18px;color:var(--muted);font-size:13px;line-height:1.9}.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:25px}.form-card h2{margin-top:0}label{display:block;font-size:12px;font-weight:800;margin:13px 0 6px}input,textarea,select{width:100%;padding:11px 12px;border-radius:10px;border:1px solid #ddd9ea;font:inherit;color:var(--ink);background:#fff}textarea{min-height:100px}form .btn{margin-top:18px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.item{border:1px solid var(--line);border-radius:15px;padding:16px;background:#fff}.item b{display:block}.item span{color:var(--muted);font-size:12px}.agenda-form{display:grid;grid-template-columns:repeat(2,1fr);gap:0 16px}.agenda-form .wide{grid-column:1/-1}.chat{background:#efeafc;border-radius:20px;padding:20px;min-height:440px}.bubble{max-width:82%;padding:12px 14px;border-radius:15px;margin:12px 0;font-size:13px;line-height:1.45}.bot{background:#fff;border-top-left-radius:4px}.user{background:#6d4af2;color:#fff;margin-left:auto;border-top-right-radius:4px}.chatinput{display:flex;gap:10px;margin-top:18px}.chatinput input{background:#fff}.notice{background:#e5fbf2;color:#176746;border-radius:10px;padding:10px;font-size:13px;font-weight:700;margin-bottom:15px}
.wa-banner{background:linear-gradient(120deg,#1c694f,#155d45);border-radius:22px;padding:25px 28px;color:#fff;display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}.wa-banner h2{margin:7px 0;font-size:24px}.wa-banner p{margin:0;color:#d3f1e5;max-width:590px}.inbox-shell{display:grid;grid-template-columns:330px 1fr;min-height:560px;background:var(--white);border:1px solid var(--line);border-radius:20px;overflow:hidden}.inbox-list{border-right:1px solid var(--line)}.inbox-head{padding:18px;display:flex;justify-content:space-between}.inbox-head span{background:#eeeafa;color:#583cc1;border-radius:20px;padding:2px 8px;font-size:12px}.filters{padding:0 12px 12px;display:flex;gap:6px;border-bottom:1px solid var(--line)}.filters a{padding:6px 9px;border-radius:9px;text-decoration:none;color:var(--muted);font-size:12px;font-weight:700}.filters a.selected{background:#eeeafa;color:#563bbf}.conversation{display:flex;gap:10px;align-items:center;padding:14px;text-decoration:none;color:var(--ink);border-bottom:1px solid var(--line)}.conversation.current,.conversation:hover{background:#f4f2ff}.contact-avatar{width:36px;height:36px;border-radius:50%;background:#ddd7ff;color:#5339bc;display:grid;place-items:center;font-weight:800;flex:none}.conv-text{min-width:0;flex:1}.conv-text b,.conv-text small,.chat-top small{display:block}.conv-text small,.chat-top small{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dot{width:8px;height:8px;border-radius:50%}.dot.bot{background:#62e6b9}.dot.human{background:#f6bb54}.chat-panel{display:flex;flex-direction:column;min-width:0}.chat-top{padding:17px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}.mode-button{margin-left:auto;border:0;border-radius:9px;padding:8px 10px;background:#e5fbf2;color:#176746;font-weight:800;cursor:pointer}.mode-button.human{background:#fff0cf;color:#8b5d08}.messages{padding:20px;flex:1;background:#faf9ff;display:flex;flex-direction:column;gap:12px}.message{max-width:76%;font-size:13px}.message small{color:var(--muted);font-size:10px;font-weight:700}.message div{padding:10px 12px;border-radius:12px;background:#fff;border:1px solid var(--line);margin-top:3px}.message.out{align-self:flex-end}.message.out div{background:#6d4af2;color:#fff;border:0}.reply{padding:13px;border-top:1px solid var(--line);display:flex;gap:9px}.reply input{min-width:0}.empty-chat{margin:auto;text-align:center}.connect-card{margin-top:22px}.connect-steps{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.connect-steps span{background:#f0edff;color:#5339bc;padding:8px 10px;border-radius:9px;font-size:12px;font-weight:800}@media(max-width:800px){.wa-banner{align-items:flex-start;flex-direction:column}.inbox-shell{grid-template-columns:1fr;min-height:0}.inbox-list{border-right:0;border-bottom:1px solid var(--line);max-height:270px;overflow:auto}.chat-panel{min-height:480px}.messages{min-height:300px}.conversation{padding:11px}.inbox-head{padding:13px}.message{max-width:88%}html[data-theme="dark"] .messages{background:#171426}html[data-theme="dark"] .conversation.current,html[data-theme="dark"] .conversation:hover{background:#26213c}}
html[data-theme="dark"]{--ink:#f2f1fb;--muted:#b5b2c5;--line:#34304e;--bg:#100e1d;--white:#1d1a2d}html[data-theme="dark"] .side,html[data-theme="dark"] .hero{background:#151226}html[data-theme="dark"] input,html[data-theme="dark"] textarea,html[data-theme="dark"] select{background:#242036;color:#f2f1fb;border-color:#45405d}html[data-theme="dark"] .time{background:#31295b;color:#cfc4ff}html[data-theme="dark"] .chat{background:#292340}html[data-theme="dark"] .bot{background:#242036}html[data-theme="dark"] .theme-toggle{background:#242036;color:#ffe087;border-color:#45405d}

.theme-toggle{width:39px;height:39px;border-radius:50%;border:1px solid var(--line);background:var(--white);color:var(--ink);font-size:20px;cursor:pointer}html[data-theme="dark"]{--ink:#f2f1fb;--muted:#b5b2c5;--line:#34304e;--bg:#100e1d;--white:#1d1a2d}html[data-theme="dark"] .side,html[data-theme="dark"] .hero{background:#151226}html[data-theme="dark"] input,html[data-theme="dark"] textarea,html[data-theme="dark"] select{background:#242036;color:#f2f1fb;border-color:#45405d}html[data-theme="dark"] .time{background:#31295b;color:#cfc4ff}html[data-theme="dark"] .chat{background:#292340}html[data-theme="dark"] .bot{background:#242036}html[data-theme="dark"] .theme-toggle{background:#242036;color:#ffe087;border-color:#45405d}

/* Cadastro: uma única coluna confortável em telefones e tablets. */
@media (max-width:1000px){
  .two{grid-template-columns:1fr!important;gap:22px!important}
  body>main{padding:24px 18px!important}
  .two>.form-card{width:100%;min-width:0;padding:22px 18px}
  .two>section:first-child h1{font-size:clamp(34px,11vw,52px)!important;max-width:650px}
  .two>section:first-child .hero{display:none}
}
@media (max-width:800px){
  .shell{grid-template-columns:1fr}.side{position:relative;height:auto;padding:14px}.brand{padding:5px 8px 12px}.nav{display:flex;overflow:auto}.nav a{white-space:nowrap;padding:9px}.trial{display:none}.main{padding:20px}.stats,.grid,.two,.cards{grid-template-columns:1fr}.agenda-form{grid-template-columns:1fr}.top h1{font-size:22px}.hero h2{font-size:23px}
}

.logout-top{width:39px;height:39px;border-radius:50%;border:1px solid var(--line);background:var(--white);color:#a42e45;font-size:21px;font-weight:800;cursor:pointer;line-height:1}.logout-top:hover{background:#ffe7eb}@media(max-width:800px){.logout-top{width:38px;height:38px}}html[data-theme="dark"] .logout-top{background:#242036;border-color:#45405d;color:#ff91a4}html[data-theme="dark"] .logout-top:hover{background:#3b2434}

/* Perfil no avatar: dados da empresa e saída, sem poluir o cabeçalho. */
.account-menu{position:relative}.account-menu summary{list-style:none;cursor:pointer}.account-menu summary::-webkit-details-marker{display:none}.account-menu[open] .avatar{outline:3px solid var(--mint);outline-offset:2px}.account-popover{position:absolute;right:0;top:52px;z-index:20;width:245px;background:var(--white);border:1px solid var(--line);border-radius:16px;box-shadow:0 16px 36px rgba(15,10,40,.2);padding:16px;color:var(--ink)}.account-popover b,.account-popover small{display:block}.account-popover small{color:var(--muted);font-size:11px;margin:3px 0 10px;overflow:hidden;text-overflow:ellipsis}.account-popover hr{border:0;border-top:1px solid var(--line);margin:12px 0}.account-popover a{display:block;text-decoration:none;color:var(--violet);font-weight:800;font-size:12px;padding:9px 0}.account-popover form{margin:4px 0 0}.account-popover form button{width:100%;border:0;border-radius:9px;background:#fff0f2;color:#b32643;text-align:left;padding:10px;font:inherit;font-weight:800;cursor:pointer}html[data-theme="dark"] .account-popover{background:#000;border-color:#2c2c2c;box-shadow:0 16px 36px #000}html[data-theme="dark"] .account-popover form button{background:#23090d;color:#ff98a8}
/* Temas de alto contraste: escuro preto absoluto e claro branco absoluto. */
html[data-theme="light"]{--bg:#fff;--white:#fff;--ink:#000;--muted:#383838;--line:#dcdcdc}html[data-theme="light"] .side{background:#fff;color:#000;border-right:1px solid #e0e0e0}html[data-theme="light"] .brand small,html[data-theme="light"] .nav a{color:#4a4a4a}html[data-theme="light"] .nav a:hover,html[data-theme="light"] .nav a.active{background:#000;color:#fff}html[data-theme="light"] .trial{background:#f6f6f6;border-color:#ddd;color:#111}html[data-theme="dark"]{--bg:#000;--white:#000;--ink:#fff;--muted:#c8c8c8;--line:#292929}html[data-theme="dark"] body,html[data-theme="dark"] .main,html[data-theme="dark"] .stat,html[data-theme="dark"] .panel,html[data-theme="dark"] .form-card,html[data-theme="dark"] .item,html[data-theme="dark"] .inbox-shell,html[data-theme="dark"] .messages,html[data-theme="dark"] .chat-panel,html[data-theme="dark"] .inbox-list,html[data-theme="dark"] .chat-top{background:#000}html[data-theme="dark"] .side{background:#000;border-right:1px solid #292929}html[data-theme="dark"] .side,html[data-theme="dark"] .hero{background:#000}html[data-theme="dark"] .nav a:hover,html[data-theme="dark"] .nav a.active{background:#fff;color:#000}html[data-theme="dark"] .trial{background:#000;border-color:#292929;color:#fff}html[data-theme="dark"] input,html[data-theme="dark"] textarea,html[data-theme="dark"] select{background:#000;color:#fff;border-color:#555}html[data-theme="dark"] .conversation.current,html[data-theme="dark"] .conversation:hover{background:#101010}html[data-theme="dark"] .bot,html[data-theme="dark"] .message div{background:#111;border-color:#333}html[data-theme="dark"] .theme-toggle{background:#000;border-color:#444;color:#fff}
/* Logo DNA: duas hélices com profundidade e uma volta completa a cada 5 segundos. */
.mark.dna-mark{position:relative;overflow:visible;isolation:isolate;background:#000;perspective:180px;box-shadow:0 1px 5px rgba(0,0,0,.28)}
.dna3d-mark canvas{position:absolute;inset:0;z-index:2;display:block;width:32px!important;height:32px!important;border-radius:11px;transform:rotate(25deg)}
.dna{position:absolute;left:50%;top:50%;display:block;font-size:25px;line-height:1;will-change:transform,opacity;transform-origin:center;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}
.dna-a{animation:dna-spiral-a 5s linear infinite}
.dna-b{animation:dna-spiral-b 5s linear infinite}
@keyframes dna-spiral-a{0%{transform:translate(-50%,-50%) translate3d(0,-5px,0) rotate(-20deg) scale(.66);opacity:.5}25%{transform:translate(-50%,-50%) translate3d(8px,0,10px) rotate(-7deg) scale(1.05);opacity:1}50%{transform:translate(-50%,-50%) translate3d(0,5px,0) rotate(20deg) scale(.66);opacity:.5}75%{transform:translate(-50%,-50%) translate3d(-8px,0,-10px) rotate(7deg) scale(.55);opacity:.38}100%{transform:translate(-50%,-50%) translate3d(0,-5px,0) rotate(-20deg) scale(.66);opacity:.5}}
@keyframes dna-spiral-b{0%{transform:translate(-50%,-50%) translate3d(0,5px,0) rotate(20deg) scale(.66);opacity:.5}25%{transform:translate(-50%,-50%) translate3d(-8px,0,-10px) rotate(7deg) scale(.55);opacity:.38}50%{transform:translate(-50%,-50%) translate3d(0,-5px,0) rotate(-20deg) scale(.66);opacity:.5}75%{transform:translate(-50%,-50%) translate3d(8px,0,10px) rotate(-7deg) scale(1.05);opacity:1}100%{transform:translate(-50%,-50%) translate3d(0,5px,0) rotate(20deg) scale(.66);opacity:.5}}
@media (prefers-reduced-motion:reduce){.dna{animation:none}.dna-a{transform:translate(-50%,-50%) translateX(-4px) rotate(-12deg) scale(.8)}.dna-b{transform:translate(-50%,-50%) translateX(4px) rotate(12deg) scale(.8)}}


/* Modo escuro absoluto — nenhum cartão branco. */
html[data-theme="dark"],html[data-theme="dark"] body{background:#000!important;color:#fff!important}html[data-theme="dark"] .main,html[data-theme="dark"] .side,html[data-theme="dark"] .stat,html[data-theme="dark"] .panel,html[data-theme="dark"] .form-card,html[data-theme="dark"] .item,html[data-theme="dark"] .inbox-shell,html[data-theme="dark"] .inbox-list,html[data-theme="dark"] .chat-panel,html[data-theme="dark"] .chat-top,html[data-theme="dark"] .messages,html[data-theme="dark"] .connect-card,html[data-theme="dark"] .empty-chat{background:#000!important;color:#fff!important;border-color:#282828!important}html[data-theme="dark"] .stat small,html[data-theme="dark"] .panel-sub,html[data-theme="dark"] .item span,html[data-theme="dark"] small,html[data-theme="dark"] .conv-text small,html[data-theme="dark"] .chat-top small,html[data-theme="dark"] .message small{color:#d0d0d0!important}html[data-theme="dark"] .stat strong,html[data-theme="dark"] .panel h3,html[data-theme="dark"] .panel h2,html[data-theme="dark"] .form-card h1,html[data-theme="dark"] .form-card h2,html[data-theme="dark"] .form-card h3,html[data-theme="dark"] .item b,html[data-theme="dark"] .row b,html[data-theme="dark"] .conversation,html[data-theme="dark"] .conversation b,html[data-theme="dark"] .chat-top b,html[data-theme="dark"] .empty-chat h2{color:#fff!important}html[data-theme="dark"] .row,html[data-theme="dark"] .conversation,html[data-theme="dark"] .chat-top,html[data-theme="dark"] .reply{border-color:#282828!important}html[data-theme="dark"] .conversation.current,html[data-theme="dark"] .conversation:hover{background:#111!important}html[data-theme="dark"] .message div,html[data-theme="dark"] .bot{background:#111!important;color:#fff!important;border-color:#333!important}html[data-theme="dark"] .message.out div{background:#6d4af2!important;color:#fff!important}html[data-theme="dark"] .btn.ghost{background:#171717!important;color:#fff!important;border:1px solid #333}html[data-theme="dark"] .avatar{background:#6d4af2!important;color:#fff!important}html[data-theme="dark"] .time{background:#171717!important;color:#c9bfff!important}html[data-theme="dark"] .status{background:#062d20!important;color:#62e6b9!important}html[data-theme="dark"] .hero{background:linear-gradient(120deg,#090909,#18112d)!important;border:1px solid #292929}html[data-theme="dark"] .notice{background:#062d20!important;color:#bff5df!important}

.connect-form{max-width:560px}.webhook-info{margin-top:22px;padding:16px;border:1px solid var(--line);border-radius:12px;background:#f8f7ff}.webhook-info b,.webhook-info small{display:block}.webhook-info code{display:block;margin:8px 0;padding:10px;border-radius:8px;background:#ebe8f8;color:#5136bc;font-size:12px;overflow:auto}.webhook-info small{color:var(--muted);font-size:12px;line-height:1.5}html[data-theme="dark"] .webhook-info{background:#000;border-color:#292929}html[data-theme="dark"] .webhook-info code{background:#111;color:#c9bfff}

/* Tela de login — SaaS futurista */
.login-page{min-height:100vh;overflow-x:hidden;background:#060609;color:#f7f7fb;position:relative}.login-page:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,black,transparent 78%)}.login-orb{position:fixed;width:520px;height:520px;border-radius:50%;filter:blur(100px);opacity:.18;pointer-events:none}.orb-one{background:#7447f4;top:-260px;left:-170px}.orb-two{background:#20d7ae;right:-230px;bottom:-300px;opacity:.12}.login-layout{min-height:100vh;max-width:1180px;margin:auto;padding:44px 32px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:90px;position:relative}.login-brand{padding:0;color:#fff;font-size:28px;letter-spacing:-1px}.login-brand small{color:#a3a1b6;margin-top:1px}.login-kicker{display:flex;align-items:center;gap:8px;color:#67e5c0;letter-spacing:1.5px;font-size:10px;font-weight:800;margin:88px 0 17px}.login-kicker i{width:7px;height:7px;border-radius:50%;background:#67e5c0;box-shadow:0 0 13px #67e5c0}.intro-copy h1{max-width:520px;font-size:clamp(40px,4.5vw,64px);line-height:1.03;letter-spacing:-2.8px;margin:0}.intro-copy h1 em{font-style:normal;background:linear-gradient(100deg,#ae8bff,#64e5c0);background-clip:text;-webkit-background-clip:text;color:transparent}.intro-copy p{max-width:455px;font-size:17px;line-height:1.65;color:#aaa8b8;margin:23px 0}.login-points{display:flex;flex-wrap:wrap;gap:9px;margin-top:35px}.login-points span{font-size:11px;font-weight:700;color:#c9c6d5;border:1px solid #2b2934;background:rgba(255,255,255,.025);padding:9px 11px;border-radius:30px}.login-card-wrap{width:100%}.login-card{border:1px solid rgba(203,192,255,.2);background:linear-gradient(145deg,rgba(35,32,48,.87),rgba(13,13,18,.92));box-shadow:0 28px 80px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.06);backdrop-filter:blur(18px);border-radius:25px;padding:36px}.login-card .tag{background:rgba(98,230,185,.14);border:1px solid rgba(98,230,185,.26);color:#72e9c5}.login-card-head h2{font-size:29px;letter-spacing:-1px;margin:16px 0 7px}.login-card-head p{color:#aaa8b8;margin:0 0 25px}.login-form label{color:#e9e8ef;font-size:12px;margin:18px 0 7px}.login-form input{background:rgba(255,255,255,.045);border-color:#393641;color:#fff;height:49px;transition:.2s}.login-form input::placeholder{color:#75727e}.login-form input:focus{outline:0;border-color:#8766ee;box-shadow:0 0 0 3px rgba(135,102,238,.16)}.login-submit{width:100%;margin-top:26px;padding:14px 15px;background:linear-gradient(105deg,#7147f2,#8c61fb);box-shadow:0 10px 25px rgba(112,71,242,.28);display:flex;justify-content:center;gap:10px;align-items:center}.login-submit:hover{filter:brightness(1.1);transform:translateY(-1px)}.login-submit span{font-size:20px;line-height:0}.login-error{background:rgba(235,72,91,.13);border:1px solid rgba(235,72,91,.28);color:#ffabb5}.login-create{text-align:center;color:#aaa8b8;font-size:13px;margin:27px 0 0}.login-create a{color:#9d80ff;font-weight:800;text-decoration:none}.login-create b{font-size:17px;margin-left:3px}.login-security{text-align:center;color:#777483;font-size:10px;margin:17px 0 0}@media(max-width:820px){.login-layout{display:block;padding:28px 20px 42px}.login-kicker{margin:44px 0 14px}.intro-copy h1{font-size:38px;letter-spacing:-1.7px}.intro-copy p{font-size:15px}.login-points{margin:24px 0 35px}.login-card{padding:27px 22px}.login-card-head h2{font-size:26px}.login-orb{width:350px;height:350px}.login-brand{font-size:25px}}@media(max-width:430px){.intro-copy h1{font-size:34px}.login-points span{font-size:10px;padding:8px}.login-card{border-radius:21px}}

/* Login por gesto: segure o DNA e deslize até o fim */
.login-slider{position:relative;overflow:hidden;width:100%;height:58px;margin-top:26px;padding:0;border:1px solid rgba(159,125,255,.42);border-radius:16px;background:rgba(129,84,242,.14);color:#e8e4f7;font:700 13px/1 Manrope,Arial,sans-serif;letter-spacing:.1px;cursor:default;touch-action:none;user-select:none;-webkit-user-select:none}.login-slider-fill{position:absolute;inset:0 auto 0 0;width:48px;border-radius:15px;background:linear-gradient(105deg,#7249f4,#976eff);box-shadow:0 0 28px rgba(128,83,246,.55);transition:width .3s cubic-bezier(.2,.9,.25,1)}.login-slider-knob{position:absolute;z-index:2;left:4px;top:4px;width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:#09090d;border:1px solid rgba(255,255,255,.2);font-size:25px;box-shadow:0 4px 15px rgba(0,0,0,.45);cursor:grab;will-change:transform}.login-slider-knob:active{cursor:grabbing}.login-slider-text{position:absolute;z-index:1;inset:0;display:grid;place-items:center;pointer-events:none;transition:opacity .2s}.login-slider-text b{font-size:19px;margin-left:7px;color:#a989ff}.login-slider.is-dragging .login-slider-fill{transition:none}.login-slider.is-ready .login-slider-text{opacity:.5}.login-slider.is-complete{border-color:#64e5c0;background:rgba(100,229,192,.16)}.login-slider.is-complete .login-slider-fill{width:100%!important;background:linear-gradient(105deg,#27bd94,#62e6b9)}.login-slider.is-complete .login-slider-knob{opacity:0;transition:opacity .18s}.login-slider:focus-visible{outline:2px solid #a989ff;outline-offset:3px}

.agent-return-form{margin-left:auto}.agent-return-switch{display:flex;align-items:center;gap:8px;border:0;background:transparent;color:#f2d998;font:800 11px/1 Manrope,Arial,sans-serif;cursor:pointer;padding:3px 0}.agent-return-knob{width:33px;height:20px;border-radius:99px;display:block;position:relative;background:#554118;border:1px solid #b88c2d;color:transparent;transition:background .25s}.agent-return-knob:after{content:'';position:absolute;width:14px;height:14px;top:2px;left:2px;border-radius:50%;background:#ffeebc;box-shadow:0 1px 4px #0008;transition:transform .25s cubic-bezier(.2,.85,.35,1)}.agent-return-text{white-space:nowrap}.agent-return-switch.complete{color:#65e4bd;pointer-events:none}.agent-return-switch.complete .agent-return-knob{background:#238f71;border-color:#62e6b9}.agent-return-switch.complete .agent-return-knob:after{transform:translateX(13px)}@media(max-width:600px){.chat-top{flex-wrap:wrap}.agent-return-form{width:100%;margin:5px 0 0}.agent-return-switch{padding:4px 0}}


/* Conversa ocupa a área disponível; somente ela rola, não a página inteira. */
.chat-panel{position:relative;min-height:0}.inbox-shell{height:clamp(560px,calc(100vh - 300px),860px);min-height:560px}.messages{min-height:0!important;overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth;padding-bottom:24px}.messages::-webkit-scrollbar{width:7px}.messages::-webkit-scrollbar-track{background:transparent}.messages::-webkit-scrollbar-thumb{background:#62578a;border-radius:10px}.chat-scroll-controls{position:absolute;right:16px;bottom:76px;z-index:5;display:flex;flex-direction:column;gap:7px}.chat-scroll-controls button{width:34px;height:34px;border:1px solid #514a69;border-radius:10px;background:#191522e8;color:#d9d3ec;font-size:18px;font-weight:900;box-shadow:0 4px 14px #0007;cursor:pointer}.chat-scroll-controls button:hover{background:#6d4af2;color:#fff;border-color:#8d70f7}@media(max-width:800px){.inbox-shell{height:calc(100vh - 250px);min-height:650px}.inbox-list{max-height:190px}.chat-panel{min-height:0}.messages{min-height:0}.chat-scroll-controls{right:11px;bottom:69px}.chat-scroll-controls button{width:32px;height:32px}}@media(max-width:520px){.inbox-shell{height:calc(100vh - 205px);min-height:600px}.messages{padding:13px 13px 72px}.message{font-size:12px}.reply{padding:10px}.chat-scroll-controls{right:10px;bottom:63px}}

/* Conexão pronta: informação curta, sem termos técnicos nem desperdício de área. */
.wa-connected{padding:16px 20px!important;min-height:0!important;align-items:center!important;margin-bottom:12px!important}.wa-connected h2{font-size:19px!important;margin:5px 0!important}.wa-connected p{font-size:12px!important;line-height:1.45!important;max-width:720px}.wa-connected .tag{font-size:9px!important;padding:4px 8px!important}.connection-link{color:#a98cff;text-decoration:none;font-size:12px;font-weight:800;white-space:nowrap;padding:9px 11px;border:1px solid #564478;border-radius:10px;background:#16121f}.connection-link:hover{background:#271d3a}.wa-connected + .inbox-shell{height:clamp(650px,calc(100vh - 195px),1000px)!important}@media(max-width:800px){.wa-connected{display:flex!important;align-items:flex-start!important;gap:10px!important}.wa-connected h2{font-size:17px!important}.wa-connected p{font-size:11px!important}.connection-link{font-size:10px;padding:7px 8px}.wa-connected + .inbox-shell{height:calc(100vh - 150px)!important;min-height:680px!important}}

/* O campo inferior é o terceiro canal de atendimento da equipe. */
.reply:before{content:'EQUIPE';font-size:9px;font-weight:900;letter-spacing:1px;color:#a98cff;position:absolute;top:-13px;left:12px;background:var(--white);padding:0 5px}.reply{position:relative;margin-top:10px}.message.out small{color:#c7b7ff!important}

/* Seletor de retorno: gesto físico como switch do iPhone. */
.agent-return-form{margin-left:auto}.agent-return-switch{position:relative;display:flex;align-items:center;min-width:214px;height:26px;padding:0 11px 0 40px;border:1px solid #5d552c;border-radius:999px;background:#252216;color:#f3e3ae;font:800 10px/1 Manrope,Arial,sans-serif;cursor:default;touch-action:none;user-select:none;overflow:hidden}.agent-return-knob{position:absolute!important;z-index:2;left:3px!important;top:3px!important;width:18px!important;height:18px!important;border-radius:50%!important;display:block!important;background:#f7e8ad!important;color:transparent!important;box-shadow:0 1px 5px #0008;cursor:grab;will-change:transform}.agent-return-knob:after{content:'';position:absolute;inset:5px;border-radius:50%;background:#9f7924}.agent-return-text{white-space:nowrap;pointer-events:none}.agent-return-switch.dragging .agent-return-knob{cursor:grabbing}.agent-return-switch.ready{border-color:#62e6b9}.agent-return-switch.complete{background:#249675!important;border-color:#62e6b9!important;color:#fff!important;pointer-events:none}.agent-return-switch.complete .agent-return-knob{background:#fff!important}.agent-return-switch.complete .agent-return-knob:after{background:#62e6b9}@media(max-width:600px){.chat-top{flex-wrap:wrap}.agent-return-form{width:100%;margin:5px 0 0}.agent-return-switch{width:100%;height:29px}.agent-return-knob{top:4px!important;width:20px!important;height:20px!important}}

/* Correção final: seletor pequeno e responsivo de devolução ao agente. */
.agent-return-form{margin-left:auto!important;width:auto!important}.agent-return-switch{position:relative!important;display:inline-flex!important;align-items:center!important;gap:8px!important;width:auto!important;min-width:0!important;height:28px!important;padding:3px 10px 3px 38px!important;border:1px solid #8b6b22!important;border-radius:999px!important;background:#302914!important;color:#f8e7b1!important;font:800 10px/1 Manrope,Arial,sans-serif!important;cursor:pointer!important;overflow:hidden!important;touch-action:manipulation!important}.agent-return-knob{position:absolute!important;left:3px!important;top:3px!important;width:20px!important;height:20px!important;display:block!important;border-radius:50%!important;background:#f8e7b1!important;border:0!important;color:transparent!important;transform:none!important;transition:transform .26s cubic-bezier(.2,.85,.35,1)!important;box-shadow:0 1px 5px #0009!important}.agent-return-knob:after{content:''!important;position:absolute!important;inset:5px!important;border-radius:50%!important;background:#a9801d!important}.agent-return-text{white-space:nowrap!important;pointer-events:none!important}.agent-return-switch.complete{background:#218b6d!important;border-color:#62e6b9!important;color:#fff!important;pointer-events:none!important}.agent-return-switch.complete .agent-return-knob{transform:translateX(17px)!important;background:#fff!important}.agent-return-switch.complete .agent-return-knob:after{background:#62e6b9!important}
/* Não deixe layout desktop escapar para a direita em celulares/tablets. */
html,body{max-width:100%;overflow-x:hidden}.shell,.main,.inbox-shell,.chat-panel,.inbox-list{min-width:0!important}@media(max-width:1100px){.shell{grid-template-columns:1fr!important}.side{position:relative!important;height:auto!important;padding:14px!important}.brand{padding:5px 8px 12px!important}.nav{display:flex!important;overflow-x:auto!important;white-space:nowrap!important}.nav a{flex:none!important;padding:9px!important}.trial{display:none!important}.main{padding:20px!important}.inbox-shell{grid-template-columns:1fr!important;height:calc(100vh - 145px)!important;min-height:640px!important;max-width:100%!important}.inbox-list{border-right:0!important;border-bottom:1px solid var(--line)!important;max-height:190px!important;overflow-y:auto!important}.chat-panel{min-height:0!important}.messages{min-height:0!important}.chat-scroll-controls{right:11px!important;bottom:69px!important}.wa-connected{max-width:100%!important;overflow:hidden!important}}
@media(max-width:600px){.chat-top{flex-wrap:wrap!important}.agent-return-form{width:100%!important;margin:5px 0 0!important}.agent-return-switch{height:30px!important;font-size:11px!important;padding-left:41px!important}.agent-return-knob{top:4px!important;width:22px!important;height:22px!important}.agent-return-switch.complete .agent-return-knob{transform:translateX(18px)!important}.inbox-shell{height:calc(100vh - 130px)!important;min-height:600px!important}.messages{padding:13px 13px 72px!important}}

/* Retorno ao agente: linha simples igual aos switches de Ajustes do iPhone. */
.agent-return-form{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;width:100%!important;margin:9px 0 2px!important;padding:9px 3px!important;border-top:1px solid var(--line)!important}.agent-return-title{display:block!important;color:var(--ink)!important;font:700 13px/1.2 Manrope,Arial,sans-serif!important}.agent-return-switch{position:relative!important;display:block!important;flex:none!important;width:51px!important;min-width:51px!important;height:31px!important;padding:0!important;border:0!important;border-radius:999px!important;background:#50505a!important;color:transparent!important;overflow:visible!important;cursor:pointer!important;touch-action:manipulation!important;box-shadow:inset 0 0 0 1px #777!important}.agent-return-knob{position:absolute!important;left:3px!important;top:3px!important;width:25px!important;height:25px!important;display:block!important;border-radius:50%!important;background:#fff!important;box-shadow:0 1px 4px #0008!important;transform:none!important;transition:transform .25s cubic-bezier(.2,.85,.35,1)!important}.agent-return-knob:after{display:none!important}.agent-return-switch.complete{background:#32d75a!important;box-shadow:inset 0 0 0 1px #61e482!important;pointer-events:none!important}.agent-return-switch.complete .agent-return-knob{transform:translateX(20px)!important;background:#fff!important}.agent-return-text{display:none!important}
/* Nunca ultrapassar a largura do aparelho, inclusive no modo paisagem. */
html,body,.shell,.main{width:100%!important;max-width:100vw!important;overflow-x:hidden!important}.main{box-sizing:border-box!important}.inbox-shell{width:100%!important;max-width:100%!important;box-sizing:border-box!important}@media(max-width:1200px){.inbox-shell{grid-template-columns:1fr!important;width:100%!important}.inbox-list{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.chat-panel{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.conversation,.chat-top,.reply,.messages{max-width:100%!important;box-sizing:border-box!important}.main{padding-left:16px!important;padding-right:16px!important}.wa-connected{width:100%!important;box-sizing:border-box!important}.nav{max-width:100vw!important}}

/* DNA do negócio: coluna central, equilibrada em qualquer largura. */
.dna-hero,.dna-ai-form{width:100%;max-width:860px;margin-left:auto!important;margin-right:auto!important}.dna-ai-form .form-card{width:100%;box-sizing:border-box}@media(max-width:1100px){.main{margin-left:auto!important;margin-right:auto!important}.dna-hero,.dna-ai-form{max-width:760px}}@media(max-width:600px){.main{padding-left:20px!important;padding-right:20px!important}.dna-hero,.dna-ai-form{max-width:100%}.dna-ai-form .form-card{padding-left:16px!important;padding-right:16px!important}.dna-hero{padding-left:17px!important;padding-right:17px!important}}

/* Centralização geométrica do painel em celular: mesma margem à esquerda e à direita. */
@media(max-width:1200px){.main{width:100%!important;max-width:100%!important;margin:0!important;padding:22px 20px!important;box-sizing:border-box!important}.main>.top,.main>.dash-hero,.main>.ops-grid,.main>.dash-main-grid,.main>.next-actions,.main>.wa-banner,.main>.inbox-shell,.main>.dna-hero,.main>.dna-ai-form{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important}.dash-main-grid,.ops-grid{margin-left:0!important;margin-right:0!important}}
@media(max-width:600px){.main{padding-left:18px!important;padding-right:18px!important}.dash-hero,.next-actions,.panel,.metric-card,.form-card{margin-left:0!important;margin-right:0!important}.dash-main-grid,.ops-grid{width:100%!important}}

/* Coluna central real: remove qualquer herança de grid/overflow que empurre a tela à direita. */
@media(max-width:1200px){body{overflow-x:hidden!important}.shell{display:block!important;width:100vw!important;max-width:100vw!important;overflow-x:hidden!important}.side{width:100%!important;max-width:100vw!important;box-sizing:border-box!important}.main{display:block!important;width:calc(100vw - 36px)!important;max-width:calc(100vw - 36px)!important;margin:0 auto!important;padding:22px 0!important;box-sizing:border-box!important}.main>.top,.main>.wa-banner,.main>.inbox-shell,.main>.dash-hero,.main>.ops-grid,.main>.dash-main-grid,.main>.next-actions,.main>.dna-hero,.main>.dna-ai-form{width:100%!important;max-width:100%!important;box-sizing:border-box!important;margin-left:0!important;margin-right:0!important}.top{width:100%!important}.top>div:first-child{min-width:0}.nav{width:100%!important;box-sizing:border-box!important}.account-menu{flex:none!important}}
@media(max-width:600px){.main{width:calc(100vw - 32px)!important;max-width:calc(100vw - 32px)!important}.wa-connected{padding:13px 15px!important}.inbox-shell{width:100%!important;max-width:100%!important}}

/* Verde = agente já ativo: é indicador de estado, não botão para desligá-lo. */
.agent-return-switch:disabled{opacity:1!important;cursor:default!important}

/* Confirmação clara da troca de controle. */
.mode-toast{margin:0 0 10px;padding:11px 13px;border-radius:12px;font-size:12px;font-weight:800;animation:mode-toast-in .28s ease-out}.mode-toast.human{background:#302712;color:#f5d98b;border:1px solid #8a6c25}.mode-toast.agent{background:#10382c;color:#8bf0cd;border:1px solid #319b76}@keyframes mode-toast-in{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}

/* Cards operacionais também são atalhos. */
.metric-link{display:block;text-decoration:none;color:var(--ink);position:relative;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.metric-link i{display:block;position:absolute;right:14px;bottom:12px;color:#a98cff;font-style:normal;font-size:10px;font-weight:900;opacity:0;transform:translateY(3px);transition:.18s}.metric-link:hover{transform:translateY(-3px);border-color:#7756e5;background:#171323}.metric-link:hover i{opacity:1;transform:translateY(0)}html[data-theme="dark"] .metric-link:hover{background:#111;border-color:#6149a5}@media(max-width:600px){.metric-link i{opacity:1;transform:none;bottom:10px;right:11px;font-size:9px}.metric-link{padding-bottom:28px!important}}

/* Gráfico semanal de atendimentos. */
.weekly-chart{margin-top:17px;padding:22px 24px}.weekly-total{font-size:11px;font-weight:900;color:#62e6b9;border:1px solid #2f745f;background:#0d2c23;padding:7px 9px;border-radius:9px}.chart-area{height:190px;display:flex;gap:9px;align-items:flex-end;border-bottom:1px solid var(--line);margin-top:19px;padding:0 4px}.chart-column{height:100%;flex:1;min-width:0;display:flex;position:relative;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px}.chart-track{height:145px;width:100%;max-width:56px;border-radius:9px 9px 3px 3px;background:linear-gradient(to top,#14111e,#0b0a0f);display:flex;align-items:flex-end;overflow:hidden;border:1px solid #282334}.chart-bar{width:100%;min-height:2px;border-radius:8px 8px 1px 1px;background:linear-gradient(to top,#5a35d7,#9c7cff);box-shadow:0 0 18px #7048e677;transition:height .35s ease}.chart-column.today .chart-track{border-color:#65e2bf}.chart-column.today .chart-bar{background:linear-gradient(to top,#1fa47e,#62e6b9);box-shadow:0 0 18px #62e6b999}.chart-value{font-size:12px;font-weight:900;color:#eee9ff;height:17px}.chart-label{font-size:10px;font-weight:800;color:var(--muted)}@media(max-width:600px){.weekly-chart{padding:18px 16px}.weekly-total{font-size:9px}.chart-area{height:165px;gap:5px}.chart-track{height:120px;max-width:39px}.chart-label{font-size:9px}.chart-value{font-size:11px}}

.dash-main-grid.single-column{grid-template-columns:1fr}.dash-main-grid.single-column .dash-panel{max-width:100%}

/* Marca-d'água viva do DNA no gráfico semanal. */
.weekly-chart{position:relative;overflow:hidden}.weekly-chart>*:not(.chart-dna-watermark){position:relative;z-index:1}.chart-dna-watermark{position:absolute;z-index:0;right:8%;top:24px;width:180px;height:180px;opacity:.15;pointer-events:none;transform:rotate(25deg);filter:drop-shadow(0 0 18px #8059ef)}.chart-dna-watermark canvas{width:180px!important;height:180px!important;display:block!important;border-radius:0!important;background:transparent!important}@media(max-width:600px){.chart-dna-watermark{right:-10px;top:38px;width:130px;height:130px;opacity:.11}.chart-dna-watermark canvas{width:130px!important;height:130px!important}}

/* DNA original, fosco e monocromático: marca d'água discreta do gráfico. */
.chart-dna-watermark{position:absolute;z-index:0;inset:48px 0 22px!important;width:100%!important;height:auto!important;opacity:1!important;transform:none!important;filter:none!important;overflow:hidden;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 260'%3E%3Cg fill='none' stroke='%23d8d8d8' stroke-opacity='.12' stroke-width='13' stroke-linecap='round'%3E%3Cpath d='M-50 35 C80 35 110 225 240 225 S400 35 530 35 S690 225 820 225 S950 35 1080 35'/%3E%3Cpath d='M-50 225 C80 225 110 35 240 35 S400 225 530 225 S690 35 820 35 S950 225 1080 225'/%3E%3C/g%3E%3Cg stroke='%23d8d8d8' stroke-opacity='.075' stroke-width='6'%3E%3Cpath d='M25 65L25 195M90 105L90 155M155 160L155 100M220 220L220 40M285 160L285 100M350 105L350 155M415 40L415 220M480 100L480 160M545 155L545 105M610 220L610 40M675 155L675 105M740 100L740 160M805 40L805 220'/%3E%3C/g%3E%3C/svg%3E");background-size:cover;background-position:center;pointer-events:none}.weekly-chart>*:not(.chart-dna-watermark){position:relative;z-index:1}.chart-dna-watermark canvas{display:none!important}@media(max-width:600px){.chart-dna-watermark{inset:58px 0 26px!important;background-size:auto 100%;background-position:center}}

/* Arte DNA fornecida: fundo colorido discreto para o gráfico semanal. */
.chart-dna-watermark{display:none!important}

/* Atalho de cópia do roteiro de DNA. */
.dna-copy-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:13px 0 6px}.dna-copy-head label{margin:0}.copy-dna-template{flex:none;border:1px solid #625383;border-radius:8px;background:#171321;color:#c4abff;padding:7px 9px;font:800 10px/1 Manrope,Arial,sans-serif;cursor:pointer}.copy-dna-template span{font-size:14px;vertical-align:-1px;margin-right:3px}.copy-dna-template:hover{background:#28203a}.copy-dna-template.copied{border-color:#62e6b9;color:#62e6b9;background:#102c23}@media(max-width:500px){.dna-copy-head{align-items:flex-start}.copy-dna-template{font-size:9px;padding:7px}.copy-dna-template span{font-size:12px}}
.agenda-error{background:#3a191e!important;color:#ffbdc5!important;border:1px solid #8c3d4c!important}

/* Workspace de conversas: viewport fixo, sem scroll lateral ou vertical da página.
   Somente o histórico de mensagens deve rolar. */
body.inbox-page{overflow:hidden!important}body.inbox-page .shell{height:100dvh!important;min-height:0!important;overflow:hidden!important}body.inbox-page .main{height:100dvh!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;padding:24px 32px!important;box-sizing:border-box!important}body.inbox-page .top{flex:none!important;margin-bottom:12px!important}body.inbox-page .wa-connected{flex:none!important;margin-bottom:10px!important}body.inbox-page .inbox-shell{flex:1 1 0!important;height:auto!important;min-height:0!important;max-height:none!important;display:grid!important;grid-template-columns:minmax(260px,310px) minmax(0,1fr)!important;overflow:hidden!important}body.inbox-page .inbox-list{min-width:0!important;height:100%!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important}body.inbox-page .chat-panel{height:100%!important;min-height:0!important;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;overflow:hidden!important}body.inbox-page .chat-top{min-width:0!important;flex:none!important}body.inbox-page .messages{height:auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;scrollbar-gutter:stable!important}body.inbox-page .reply{min-width:0!important;box-sizing:border-box!important;flex:none!important}body.inbox-page .reply input{min-width:0!important}body.inbox-page .message{overflow-wrap:anywhere!important;word-break:break-word!important}.inbox-list::-webkit-scrollbar,.messages::-webkit-scrollbar{width:6px}.inbox-list::-webkit-scrollbar-thumb,.messages::-webkit-scrollbar-thumb{background:#645982;border-radius:10px}
/* Aumenta a proporção útil de conversa no desktop. */
@media(min-width:1201px){body.inbox-page .inbox-shell{grid-template-columns:285px minmax(0,1fr)!important}body.inbox-page .wa-connected{padding:11px 18px!important}body.inbox-page .wa-connected h2{font-size:17px!important}body.inbox-page .wa-connected p{font-size:11px!important}}
/* No iPhone/tablet: cabe tudo na viewport, lista compacta em cima e chat ocupa o restante. */
@media(max-width:1200px){body.inbox-page .shell{display:flex!important;flex-direction:column!important}body.inbox-page .side{flex:none!important;max-height:104px!important;overflow:hidden!important}body.inbox-page .brand{padding-bottom:7px!important}body.inbox-page .nav{max-height:41px!important;overflow-x:auto!important;overflow-y:hidden!important}body.inbox-page .main{width:100%!important;max-width:100%!important;height:calc(100dvh - 104px)!important;padding:12px 16px!important;margin:0!important}body.inbox-page .top{margin-bottom:7px!important}body.inbox-page .top h1{font-size:22px!important}body.inbox-page .wa-connected{padding:10px 13px!important;margin-bottom:8px!important}body.inbox-page .wa-connected h2{font-size:16px!important;margin:3px 0!important}body.inbox-page .wa-connected p{font-size:10px!important;line-height:1.35!important}.connection-link{padding:6px 7px!important;font-size:9px!important}body.inbox-page .inbox-shell{grid-template-columns:1fr!important;grid-template-rows:142px minmax(0,1fr)!important;min-height:0!important;width:100%!important}body.inbox-page .inbox-list{grid-row:1!important;border-right:0!important;border-bottom:1px solid var(--line)!important;max-height:none!important}body.inbox-page .chat-panel{grid-row:2!important}body.inbox-page .conversation{padding:8px 11px!important}.chat-scroll-controls{bottom:66px!important}}
@media(max-width:600px){body.inbox-page .side{max-height:96px!important}body.inbox-page .main{height:calc(100dvh - 96px)!important;padding:10px 12px!important}body.inbox-page .top{min-height:45px!important}.inbox-page .eyebrow{font-size:9px!important}body.inbox-page .wa-connected{max-height:83px!important;overflow:hidden!important}.wa-connected .tag{font-size:8px!important}.wa-connected p{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}body.inbox-page .inbox-shell{grid-template-rows:122px minmax(0,1fr)!important;border-radius:16px!important}body.inbox-page .filters{padding-bottom:7px!important}body.inbox-page .inbox-head{padding:10px 12px!important}.chat-top{padding:11px!important}.messages{padding:13px 12px 62px!important}.reply{padding:9px!important}.chat-scroll-controls{right:9px!important;bottom:62px!important}}
/* Tela de conexão precisa poder rolar para o QR; o workspace fixo vale após conectar. */
body.inbox-page:has(.connect-card) {overflow-y:auto!important}body.inbox-page:has(.connect-card) .shell,body.inbox-page:has(.connect-card) .main{height:auto!important;overflow:visible!important}

/* Conversas: página normal até o usuário escolher foco. O histórico tem rolagem própria. */
body.inbox-page{overflow-x:hidden!important;overflow-y:auto!important}body.inbox-page .shell{height:auto!important;min-height:100vh!important;overflow:visible!important}body.inbox-page .main{height:auto!important;min-height:0!important;display:block!important;overflow:visible!important;padding:24px 32px!important}body.inbox-page .top{margin-bottom:20px!important}body.inbox-page .wa-connected{margin-bottom:14px!important}body.inbox-page .inbox-shell{display:grid!important;grid-template-columns:minmax(260px,300px) minmax(0,1fr)!important;height:min(720px,calc(100dvh - 250px))!important;min-height:520px!important;overflow:hidden!important}body.inbox-page .inbox-list{height:100%!important;max-height:none!important;overflow-y:auto!important}body.inbox-page .chat-panel{height:100%!important;min-height:0!important;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;overflow:hidden!important}body.inbox-page .messages{height:auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important}.message time{display:block!important;margin-top:5px!important;color:#a9a5b5!important;font-size:9px!important;font-weight:700!important;line-height:1!important;text-align:left}.message.out time{text-align:right!important;color:#ded6ff!important}.chat-focus-button{flex:none!important;width:32px!important;height:32px!important;border:1px solid #514a69!important;border-radius:9px!important;background:#171321!important;color:#d5cbff!important;font:900 18px/1 Arial!important;cursor:pointer!important;margin-left:auto!important}.chat-focus-button:hover{background:#6d4af2!important;color:#fff!important}
/* Foco voluntário: chat toma a tela, sem menu ou cards por cima. */
body.chat-focus{overflow:hidden!important}body.chat-focus .side,body.chat-focus .top,body.chat-focus .wa-connected,body.chat-focus .inbox-list,body.chat-focus .mode-toast{display:none!important}body.chat-focus .main{padding:0!important;margin:0!important;width:100%!important;max-width:none!important;height:100dvh!important;overflow:hidden!important}body.chat-focus .inbox-shell{display:block!important;position:fixed!important;inset:0!important;z-index:2000!important;width:100vw!important;height:100dvh!important;min-height:0!important;border:0!important;border-radius:0!important;background:#000!important}body.chat-focus .chat-panel{display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;height:100dvh!important;width:100%!important;background:#000!important}body.chat-focus .chat-top{padding:14px 17px!important;border-bottom:1px solid #292929!important}body.chat-focus .messages{padding:18px 16px 76px!important}body.chat-focus .reply{padding:12px!important;border-top:1px solid #292929!important;background:#000!important}body.chat-focus .chat-scroll-controls{bottom:76px!important;right:13px!important}@media(max-width:1200px){body.inbox-page .shell{display:block!important}body.inbox-page .side{max-height:none!important;overflow:visible!important}body.inbox-page .main{width:100%!important;max-width:100%!important;padding:18px 16px!important;margin:0!important}body.inbox-page .inbox-shell{grid-template-columns:1fr!important;grid-template-rows:150px minmax(0,1fr)!important;height:min(700px,calc(100dvh - 220px))!important;min-height:500px!important}body.inbox-page .inbox-list{grid-row:1!important;border-right:0!important;border-bottom:1px solid var(--line)!important}body.inbox-page .chat-panel{grid-row:2!important}}@media(max-width:600px){body.inbox-page .main{padding:14px 12px!important}body.inbox-page .wa-connected{padding:12px 14px!important}body.inbox-page .inbox-shell{grid-template-rows:130px minmax(0,1fr)!important;height:min(650px,calc(100dvh - 210px))!important;min-height:460px!important;border-radius:16px!important}.chat-focus-button{width:30px!important;height:30px!important}body.chat-focus .messages{padding:14px 12px 68px!important}}

/* Mobile tipo Instagram: cada painel ocupa uma tela; seleção centraliza no chat. */
@media(max-width:800px){body.inbox-page{scroll-snap-type:y proximity!important}body.inbox-page .main{padding:14px 12px 0!important}body.inbox-page .inbox-shell{display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important;overflow:visible!important;background:transparent!important;border:0!important;gap:14px!important}body.inbox-page .inbox-list{scroll-snap-align:start!important;width:100%!important;height:calc(100dvh - 185px)!important;min-height:520px!important;max-height:none!important;overflow-y:auto!important;border:1px solid var(--line)!important;border-radius:19px!important;background:var(--white)!important}body.inbox-page .chat-panel{scroll-snap-align:start!important;width:100%!important;height:calc(100dvh - 20px)!important;min-height:620px!important;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;overflow:hidden!important;border:1px solid var(--line)!important;border-radius:19px!important;background:var(--white)!important}body.inbox-page .chat-top{min-height:60px!important;box-sizing:border-box!important}body.inbox-page .messages{height:auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:15px 13px 72px!important}body.inbox-page .reply{min-height:71px!important;box-sizing:border-box!important}body.inbox-page .chat-scroll-controls{bottom:75px!important;right:11px!important}body.inbox-page .wa-connected{margin-bottom:12px!important}body.inbox-page .inbox-list+.chat-panel{margin-top:0!important}}
@media(max-width:500px){body.inbox-page .inbox-list{height:calc(100dvh - 174px)!important;min-height:485px!important}body.inbox-page .chat-panel{height:calc(100dvh - 12px)!important;min-height:590px!important}}

/* Âncora de conversa: reserva margem para centralização após selecionar cliente. */
#chat-workspace{scroll-margin-top:12px;scroll-margin-bottom:12px}@media(max-width:800px){#chat-workspace{scroll-margin-top:8px;scroll-margin-bottom:8px}}

/* Indicador compacto de status WhatsApp/Lívia. */
.connection-live{display:flex;align-items:center;gap:8px;margin:0 0 12px;padding:8px 2px;font:800 11px/1 Manrope,Arial,sans-serif}.connection-live .connection-pulse{width:9px;height:9px;border-radius:50%;flex:none}.connection-live.online{color:#68e5bf}.connection-live.online .connection-pulse{background:#62e6b9;box-shadow:0 0 0 0 rgba(98,230,185,.7);animation:connection-pulse 1.8s infinite}.connection-live.offline{color:#f2b05f}.connection-live.offline .connection-pulse{background:#f1a241;box-shadow:0 0 0 0 rgba(241,162,65,.55);animation:connection-pulse-orange 1.8s infinite}.connection-live a{margin-left:auto;border:1px solid var(--line);border-radius:8px;padding:6px 8px;text-decoration:none;color:var(--muted);font-size:10px}.connection-live a:hover{color:#bca8ff;border-color:#7353ca}@keyframes connection-pulse{70%{box-shadow:0 0 0 8px rgba(98,230,185,0)}100%{box-shadow:0 0 0 0 rgba(98,230,185,0)}}@keyframes connection-pulse-orange{70%{box-shadow:0 0 0 8px rgba(241,162,65,0)}100%{box-shadow:0 0 0 0 rgba(241,162,65,0)}}
/* Sem banner grande: mais altura útil para lista e conversa. */
body.inbox-page .connection-live + .mode-toast,body.inbox-page .connection-live + .inbox-shell{margin-top:0!important}

/* Exclusão de profissional por gesto: arraste para a esquerda e revele DELETE. */
.swipe-delete-wrap{position:relative;overflow:hidden;border-bottom:1px solid var(--line);border-radius:10px}.swipe-delete-bg{position:absolute;inset:0;display:flex;justify-content:flex-end;align-items:center;padding-right:20px;background:#c92e3d;color:#fff;font:900 11px/1 Manrope,Arial,sans-serif;letter-spacing:1px}.swipe-delete-wrap .professional-row{position:relative;z-index:1;margin:0!important;padding:12px 4px!important;background:var(--white);transition:transform .18s ease;touch-action:pan-y;cursor:grab}.swipe-delete-wrap .professional-row:active{cursor:grabbing}.swipe-delete-wrap .professional-row.deleting{transform:translateX(-100%)!important;opacity:0;transition:.18s}.swipe-delete-form{display:none!important}

/* Ação de exclusão mais sutil: vinho fosco como marca-d'água. */
.swipe-delete-bg{background:linear-gradient(90deg,rgba(78,19,29,.52),rgba(143,39,55,.58))!important;color:rgba(255,225,229,.88)!important;font-size:22px!important;font-weight:400!important;letter-spacing:0!important;padding-right:23px!important;backdrop-filter:blur(3px)}.swipe-delete-wrap{background:rgba(95,23,35,.24)!important}

/* Lixeira metálica: mesmo padrão premium escuro do login. */
.swipe-delete-bg{background:radial-gradient(circle at 78% 30%,rgba(238,63,87,.34),rgba(74,10,24,.62) 58%,rgba(13,8,13,.92))!important;backdrop-filter:blur(8px)!important;padding-right:22px!important}.swipe-delete-bg img{width:34px;height:34px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.55));opacity:.92}.swipe-delete-wrap{background:linear-gradient(90deg,rgba(83,11,30,.18),rgba(13,8,13,.8))!important}

/* Vermelho metálico controlado, sem alterar o desenho da lixeira. */
.swipe-delete-bg{background:radial-gradient(circle at 80% 20%,rgba(255,93,117,.22),rgba(113,11,33,.42) 52%,rgba(11,7,12,.9))!important}.swipe-delete-bg img{width:36px!important;height:36px!important;opacity:.96!important}

/* Ícone isolado: sem círculo próprio, apenas a lixeira branca sobre o fundo vermelho metálico. */
.swipe-delete-bg img{width:31px!important;height:31px!important;filter:drop-shadow(0 3px 5px rgba(20,0,8,.65))!important}