:root{color-scheme:dark;--bg:#141719;--panel:#202426;--line:#383d43;--text:#dae2ee;--muted:#93a0b2;--blue:#4b70df}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px system-ui,sans-serif}button,input,textarea,select{font:inherit}button{border:0;border-radius:22px;background:var(--blue);color:white;padding:10px 19px;cursor:pointer}button:hover{filter:brightness(1.12)}button:focus-visible,a:focus-visible{outline:2px solid #8eaaff;outline-offset:3px}input,select,textarea{border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);padding:11px;max-width:100%}textarea{min-height:100px;resize:vertical}label{display:grid;gap:8px;margin:16px 0}p,.muted{color:var(--muted);line-height:1.6}h1{font-size:30px;margin:0 0 7px}h2{font-size:21px}#nav{position:fixed;width:64px;inset:0 auto 0 0;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;padding:18px 7px;gap:25px}.brand{font-size:24px;font-weight:800;color:#8faaff}nav{display:grid;gap:7px;width:100%}nav button{padding:12px 0;background:transparent;border-radius:13px;font-size:21px}nav button.active{background:#303740;color:#99b1ff}.avatar{margin-top:auto;border-radius:50%;background:#245848;padding:10px 15px}.shell{margin-left:64px}header{height:64px;display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--line);padding:0 30px}header strong{font-size:20px}.demo{margin-left:auto;font-size:12px;color:#a5b3c8;background:#252b38;padding:8px 12px;border-radius:20px}.page{max-width:1370px;margin:44px auto;padding:0 36px}.card{background:var(--panel);border-radius:18px;padding:26px;margin-top:24px}.toolbar,.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.toolbar button{margin-left:auto}.secondary{background:#30363e}.tabs{display:flex;gap:4px;background:var(--bg);padding:4px;border-radius:30px;margin:20px 0}.tabs button{flex:1;background:transparent;padding:9px}.tabs button.active{background:var(--blue)}.inbox{display:grid;grid-template-columns:420px minmax(0,1fr);min-height:calc(100vh - 64px)}.list{background:var(--panel);border-right:1px solid var(--line)}.list-top{padding:22px 18px}.list-top .toolbar h2{margin:0}.list input{width:100%}.conversation{display:flex;text-align:left;gap:14px;align-items:center;width:100%;border-radius:0;background:transparent;border-top:1px solid var(--line);padding:22px 18px;color:var(--text)}.conversation.selected{background:#2b3343}.round{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#235d4d;min-width:46px;height:46px}.conversation .details{flex:1;min-width:0}.details small{display:block;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:280px;margin-top:7px}.pill{font-size:11px;border:1px solid var(--line);padding:4px 9px;border-radius:20px;color:var(--muted)}.empty{display:grid;align-content:center;justify-items:center;min-height:360px;text-align:center}.empty-symbol{font-size:64px;color:#485667;margin-bottom:20px}.chat{display:flex;flex-direction:column;min-width:0}.chat-head{display:flex;align-items:center;gap:16px;padding:20px;border-bottom:1px solid var(--line);flex-wrap:wrap}.chat-head .actions{margin-left:auto}.messages{flex:1;padding:25px;display:flex;flex-direction:column;gap:15px;min-height:350px}.bubble{background:#293139;align-self:flex-start;border-radius:14px;padding:15px;max-width:75%;white-space:pre-wrap;overflow-wrap:anywhere}.bubble.out{background:#2e416d;align-self:flex-end}.bubble small{display:block;color:#aab7cc;font-size:10px;margin-top:10px}.composer{display:flex;gap:15px;padding:20px;border-top:1px solid var(--line)}.composer input{flex:1;min-width:0}table{border-collapse:collapse;width:100%;text-align:left}th,td{padding:19px 12px;border-bottom:1px solid var(--line)}th{color:#b8c6db;font-size:13px}.table-wrap{overflow:auto}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.metric strong{font-size:32px;display:block;margin:15px 0}.metric p{font-size:13px}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.board article{background:var(--panel);padding:20px;border-radius:15px}.board .ticket{background:#2d333c;padding:16px;border-radius:10px;margin-top:12px}dialog{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:20px;width:500px;max-width:95vw;padding:25px}dialog::backdrop{background:#0009}.note{padding:15px 20px;background:#242d43;border-radius:12px;margin:20px 0;color:#b6c7ed}.flow{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.node{background:#2b3343;border:1px solid #455272;border-radius:12px;padding:18px}.items{display:grid;gap:15px;margin-top:22px}.item{background:#292f36;padding:20px;border-radius:12px}.item h3{margin:0 0 8px}.item p{white-space:pre-wrap}.bar{height:8px;background:#333b49;border-radius:20px;overflow:hidden}.bar span{height:100%;background:var(--blue);display:block}.settings-grid{display:grid;grid-template-columns:220px 1fr;gap:25px}.settings-menu{display:grid;gap:7px;align-content:start}.settings-menu span{padding:12px;border-radius:9px;background:#252b33}.settings-menu span:first-child{background:#34415d}@media(max-width:1050px){.inbox{grid-template-columns:320px 1fr}.demo{max-width:190px}.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){header{padding:0 14px;gap:12px}header strong{font-size:16px}.demo{display:none}.inbox{display:block}.list{border-right:0}.page{padding:0 18px;margin:28px auto}.grid,.board,.settings-grid{grid-template-columns:1fr}.settings-menu{display:none}.chat{border-top:1px solid var(--line)}.bubble{max-width:95%}}

.password-field{display:flex;gap:10px;align-items:center}.password-field input{flex:1;min-width:0}.password-field button{flex-shrink:0}@media(max-width:480px){.password-field{flex-wrap:wrap}.password-field input{width:100%;flex-basis:100%}}
/* Harpia 0.3: ferramentas de atendimento e funis */
[hidden]{display:none!important}.compact{min-height:180px}.notice{padding:16px 20px;border:1px solid #3c4a64;background:#1d2635;border-radius:12px;margin:22px 0;color:#c1d1ef}.settings-menu button{background:transparent;color:var(--text);text-align:left;border-radius:10px}.settings-menu button.active{background:#34415d}.kanban{display:flex;gap:20px;overflow:auto;margin-top:26px;padding-bottom:16px}.kanban-column{background:var(--panel);padding:20px;border-radius:16px;min-width:270px;flex:1}.kanban-column h2{font-size:17px}.ticket{background:#2a3038;border:1px solid var(--line);border-radius:12px;padding:18px;margin:16px 0}.ticket select{width:100%}.chat-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 20px;border-bottom:1px solid var(--line)}.chat-tools label{margin:0;font-size:12px;gap:4px}.chat-tools select{padding:7px}.note-bubble{background:#494023;border:1px solid #786837}.quick-answer{padding:0 20px}.flow-editor{max-width:650px;margin:25px auto}.flow-step{padding:20px;background:#293345;border:1px solid #495b80;border-radius:14px}.flow-step p{white-space:pre-wrap}.flow-arrow{text-align:center;font-size:25px;padding:8px;color:#86a6fa}.preview-result{white-space:pre-wrap;padding:18px;background:#161e28;border-radius:12px;line-height:1.6}.report-charts{display:grid;grid-template-columns:1fr 1fr;gap:20px}.chart-row{display:grid;grid-template-columns:130px 1fr 30px;align-items:center;gap:14px;margin:17px 0}.toolbar label{margin:0}.actions button{padding:7px 12px;font-size:13px}.login{max-width:750px;margin:80px auto}.login .card{padding:35px}.metric strong{font-size:26px}.messages{max-height:65vh;overflow:auto}@media(max-width:720px){.settings-menu{display:flex;overflow:auto}.settings-menu button{white-space:nowrap}.report-charts{grid-template-columns:1fr}.chart-row{grid-template-columns:90px 1fr 25px}.chat-tools{padding:10px}.login{margin:35px auto}.login .card{padding:22px}}
/* Conectar WhatsApp */
.wa-connection{margin-top:24px;background:#1c2225;border:1px solid #30393d;border-radius:22px;overflow:hidden;max-width:950px}.wa-heading{padding:28px 32px;display:flex;align-items:center;gap:16px;border-bottom:1px solid #30393d}.wa-heading h2{margin:0 0 5px;font-size:23px;letter-spacing:-.5px}.wa-heading p{margin:0;font-size:14px}.wa-brand-icon{width:48px;height:48px;flex-shrink:0;display:grid;place-items:center;color:#71e2b3;background:#263d35;border:1px solid #345447;border-radius:15px}.wa-brand-icon svg{width:30px;height:30px}.wa-status{margin-left:auto;display:inline-flex;gap:8px;align-items:center;white-space:nowrap;font-size:12px;border-radius:30px;padding:8px 12px;background:#303633;color:#c6cfcc}.wa-status i,.wa-online i{width:6px;height:6px;border-radius:50%;background:#8b9992}.wa-status.is-online{color:#8ceac0;background:#253d33}.wa-status.is-online i,.wa-online i{background:#73dfa7}.wa-pairing{display:grid;grid-template-columns:1fr 1.15fr;gap:44px;padding:38px 32px 34px;align-items:center}.wa-qr-side{text-align:center}.wa-qr-frame{width:272px;height:272px;margin:auto;display:grid;place-items:center;background:#fff;border-radius:18px;border:10px solid #f0f3f2;box-shadow:0 6px 22px #0002}.wa-qr-frame img{width:240px;height:240px;object-fit:contain}.wa-qr-caption{display:block;font-size:12px;color:#92a29b;margin-top:18px}.wa-qr-frame #wa-qr-placeholder{display:flex;align-items:center;flex-direction:column;gap:15px;color:#253c32;padding:18px;font-size:14px}.wa-qr-frame #wa-qr-placeholder>span:last-child{font-size:12px;line-height:1.5;color:#76877e}.wa-spinner{width:30px;height:30px;border:3px solid #e0e9e4;border-top-color:#319d6b;border-radius:50%;animation:wa-spin 1s linear infinite}@keyframes wa-spin{to{transform:rotate(360deg)}}.wa-eyebrow{font-size:10px;letter-spacing:2px;color:#95aca1;font-weight:700}.wa-instructions h3{font-size:21px;letter-spacing:-.4px;margin:10px 0 23px}.wa-instructions ol{list-style:none;margin:0;padding:0;display:grid;gap:22px}.wa-instructions li{display:flex;gap:14px;align-items:flex-start;color:#a4b0b7;font-size:14px;line-height:1.65}.wa-instructions li>span{flex-shrink:0;width:28px;height:28px;border:1px solid #3a4942;border-radius:9px;background:#25302b;display:grid;place-items:center;color:#b4d0c0;font-size:12px}.wa-instructions strong{color:#e2e8e5;font-weight:600}.wa-instructions button,.wa-connected button{margin-top:27px;border-radius:11px;background:#83ddb0;color:#143225;font-size:14px;font-weight:600;padding:12px 20px;display:inline-flex;align-items:center;gap:24px}.wa-reassurance{font-size:11px;margin:13px 0 0;color:#82988c;max-width:290px;line-height:1.6}.wa-footer{border-top:1px solid #30393d;padding:18px 32px;display:flex;align-items:center;gap:10px;background:#192021}.wa-footer p{font-size:12px;line-height:1.5;margin:0;color:#91a69a}.wa-footer-dot{width:5px;height:5px;border-radius:50%;background:#739d83;flex-shrink:0}.wa-connected{text-align:center;padding:42px 32px 38px}.wa-success-icon{margin:0 auto 22px;width:76px;height:76px;border:1px solid #416e54;background:#294d37;color:#94e4b6;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 8px #273c302c}.wa-success-icon svg{width:35px;height:35px}.wa-connected h3{font-size:27px;letter-spacing:-.7px;margin:0 0 8px}.wa-connected>p{font-size:14px;margin:0}.wa-number-card{margin:28px auto 0;max-width:420px;padding:17px 20px;border:1px solid #344b3e;border-radius:14px;background:#222f27;display:flex;align-items:center;gap:14px;text-align:left}.wa-number-card .wa-brand-icon{width:40px;height:40px;border:0;border-radius:11px}.wa-number-card .wa-brand-icon svg{width:25px;height:25px}.wa-number-card small{display:block;font-size:10px;color:#98b4a3;margin-bottom:5px}.wa-number-card strong{font-size:15px;font-weight:600;color:#e1eee5}.wa-online{display:flex;align-items:center;gap:6px;margin-left:auto;color:#8ddaac;font-size:11px}.wa-connected button{margin-top:24px}#connection-panel[data-mode="error"] .wa-spinner,#connection-panel[data-mode="setup"] .wa-spinner{animation:none;border-color:#d4ddd8}.wa-instructions button:disabled{opacity:.6;cursor:wait}@media(max-width:1180px){.wa-pairing{gap:24px;grid-template-columns:1fr}.wa-instructions{max-width:400px;margin:auto}.wa-heading{flex-wrap:wrap}.wa-status{margin-left:64px}}@media(max-width:720px){.wa-heading{padding:22px}.wa-pairing{padding:26px 18px}.wa-heading h2{font-size:20px}.wa-qr-frame{width:260px;height:260px;border-width:6px}.wa-connected{padding:34px 18px}.wa-number-card{padding:14px;flex-wrap:wrap}.wa-number-card strong{font-size:13px}.wa-footer{padding:16px 22px}}@media(prefers-reduced-motion:reduce){.wa-spinner{animation:none}}
.wa-qr-frame{max-width:100%}.wa-qr-frame img{max-width:100%;height:auto}@media(max-width:720px){.wa-qr-frame{height:auto;aspect-ratio:1}.wa-qr-frame #wa-qr-placeholder{font-size:12px;gap:10px;padding:12px}}

.conversation .details{min-width:0;flex:1}.conversation .details strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-phone,.conversation-time{opacity:.65;font-size:11px!important}.empty #empty-new-chat{margin-top:18px}#new-chat-error{color:#f7a5a5}
/* Atendimento: cada coluna rola dentro da janela. */
html,body{height:100%;overflow:hidden}.shell{height:100dvh;display:flex;flex-direction:column;min-width:0}.shell>header{flex:0 0 64px}#main{flex:1;min-height:0;overflow:auto}.shell:has(.inbox) #main{overflow:hidden}.inbox{height:100%;min-height:0;display:grid;grid-template-columns:360px minmax(0,1fr);position:relative;overflow:hidden}.list{min-height:0;display:flex;flex-direction:column;overflow:hidden}.list-top{flex:0 0 auto;padding:22px 18px 12px}.list-top .tabs{margin:12px 0 0}.inbox-search{display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:18px -18px 0;padding:10px 18px}.inbox-search label{display:flex;align-items:center;gap:9px;flex:1;margin:0;min-width:0}.inbox-search label svg{width:17px;height:17px;flex:none;color:var(--muted)}.inbox-search input{border:0;background:transparent;border-radius:0;padding:5px 0;outline-offset:4px}.sector-label{margin:10px 0}.conversation-list{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.conversation{padding:18px 16px;gap:12px;min-height:99px;position:relative;align-items:center}.conversation.selected{background:#353a46;border-left:4px solid #6482e4;padding-left:12px}.conversation .details{overflow:hidden}.conversation-title{display:flex;gap:6px;justify-content:space-between;align-items:center}.conversation-title strong{font-weight:500;font-size:15px}.conversation-title time{font-size:10px;color:var(--muted);white-space:nowrap}.conversation .details small{margin-top:5px;max-width:none;font-size:12px}.conversation>.pill{position:absolute;right:16px;bottom:14px}.conversation-labels{display:flex;gap:5px;align-items:center;margin-top:10px;min-height:18px;padding-right:55px;flex-wrap:wrap}.conversation-labels>svg{width:17px;height:17px;color:#a7b6ca}.contact-tag{font-size:10px;background:#263643;color:#bcd7eb;padding:3px 7px;border-radius:8px}.contact-avatar{width:46px;height:46px;min-width:46px;position:relative;display:inline-flex;align-items:center;justify-content:center;background:#28574c;border-radius:50%;flex:none;color:#d4ebe5}.contact-avatar>span{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;overflow:hidden}.contact-avatar>span>svg{width:24px;height:24px}.contact-avatar>img{width:100%;height:100%;object-fit:cover;border-radius:50%}.whatsapp-badge{position:absolute;width:21px;height:21px;bottom:-3px;left:-3px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#7261e6;border:2px solid var(--panel);color:#fff}.whatsapp-badge svg{width:16px;height:16px}.contact-avatar.large{width:92px;height:92px;min-width:92px}.large .whatsapp-badge{width:28px;height:28px;left:0;bottom:0}.large .whatsapp-badge svg{width:22px;height:22px}.avatar-button{padding:0;background:transparent;border-radius:50%}.icon-button{display:inline-flex;align-items:center;justify-content:center;padding:9px;width:36px;height:36px;border-radius:9px;color:#b8c6d7;background:transparent;flex:none}.icon-button svg{width:21px;height:21px}.icon-button:hover{background:#2d323a}.icon-button.is-active{color:#8ce0bd;background:#25453b}.primary-icon{background:var(--blue);border-radius:50%;width:42px;height:42px;color:white}.chat{min-height:0;overflow:hidden;height:100%;display:flex;flex-direction:column}.chat-head{flex:0 0 auto;padding:17px 20px;gap:13px;flex-wrap:nowrap;min-height:86px}.chat-person{min-width:0;flex:1}.chat-person>strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:17px;font-weight:500}.chat-caption{display:flex;align-items:center;gap:6px;margin-top:5px;flex-wrap:wrap}.chat-caption>svg{width:17px;height:17px;color:#a7b6ca}.chat-actions{display:flex;gap:3px;align-items:center;flex:none}.messages{min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;padding:24px;gap:12px;scrollbar-gutter:stable}.messages .bubble{flex:none;font-size:14px;line-height:1.55;max-width:80%;border-radius:14px 14px 14px 3px;position:relative;padding:14px 16px}.messages .bubble.out{border-radius:14px 14px 3px 14px}.message-text{white-space:pre-wrap;overflow-wrap:anywhere}.bubble small{text-align:right;font-size:10px;white-space:normal;margin-top:6px}.day-divider{align-self:center;flex:none;border-radius:8px;background:#23292e;color:#a1adbd;font-size:11px;padding:5px 11px;margin:10px 0 15px}.note-author{font-size:11px;color:#efd697;display:flex;align-items:center;gap:5px;margin-bottom:7px}.note-author svg{width:14px;height:14px}.history-button{align-self:center;flex:none;color:#a9bce9;background:#222934;border:1px solid #374453;font-size:11px;padding:6px 12px}.history-empty{margin:auto;text-align:center;max-width:380px;color:var(--muted);display:grid;justify-items:center;gap:8px;line-height:1.6}.history-empty>svg,.inbox-empty>svg{width:64px;height:64px;color:#485260;margin-bottom:12px}.history-empty p{font-size:12px}.composer-wrap{flex:none;padding:0 18px 18px;background:var(--bg)}.composer-tabs{display:flex;align-items:center;gap:8px;padding:10px 0 7px}.composer-tabs button{display:flex;align-items:center;gap:6px;background:transparent;color:#a0adbd;border-radius:8px;font-size:12px;padding:8px 10px}.composer-tabs button svg{width:17px;height:17px}.composer-tabs button.active{color:#d9e4f6;background:#262d38}.composer-channel{margin-left:auto;color:#718392;font-size:11px}.composer{border:1px solid var(--line);border-radius:14px;display:block;padding:0;background:#1d2225}.composer textarea{resize:none;display:block;width:100%;max-height:170px;min-height:65px;border:0;background:transparent;padding:14px 16px;outline-offset:-3px;line-height:1.5}.composer-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #30363b;padding:9px 12px;gap:10px}.compose-extras{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.compose-extras select{font-size:11px;padding:6px 8px;max-width:175px}.signature-button{font-size:10px;border-radius:7px;background:transparent;color:#8e9bac;padding:7px}.signature-button.is-active{color:#8ce0bd;background:#25453b}.composer #send-message{display:flex;align-items:center;gap:7px;padding:8px 13px;font-size:12px}.composer #send-message svg{width:16px;height:16px}.paused-banner{flex:none;color:#efce7d;background:#3a3323;font-size:12px;padding:9px 20px}.inbox-empty{min-height:0;padding:25px}.empty-list{padding:30px 18px;font-size:13px}.inbox.has-detail{grid-template-columns:340px minmax(0,1fr) 330px}.contact-panel{border-left:1px solid var(--line);height:100%;overflow:hidden;display:flex;flex-direction:column;background:var(--bg)}.detail-heading{display:flex;gap:8px;padding:22px 12px;align-items:flex-start;flex:none}.detail-heading>div{flex:1;min-width:0;text-align:center}.detail-heading h2{font-size:18px;overflow-wrap:anywhere}.detail-heading p{font-size:12px;margin:6px 0}.detail-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);padding:0 12px;flex:none}.detail-tabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;color:#aebccd;background:transparent;border-radius:0;padding:12px 2px;border-bottom:2px solid transparent;font-size:12px}.detail-tabs button.active{color:#8aa9ff;border-color:#577ae4}.detail-tabs svg{width:17px;height:17px}.detail-scroll{min-height:0;flex:1;overflow:auto;overscroll-behavior:contain}.detail-section{padding:20px;border-bottom:1px solid var(--line);font-size:12px}.detail-section h3{font-size:12px;font-weight:500;color:#9eacbd;margin:0 0 13px}.detail-section p{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.detail-section summary{cursor:pointer;display:flex;gap:10px;align-items:center;list-style:none}.detail-section summary svg{width:20px;height:20px;color:#8aa9ff}.field-row{display:grid;gap:9px}.field-row>span{color:#91a0b2}.field-row strong{font-weight:400;overflow-wrap:anywhere}.tag-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.full-width{width:100%;display:flex;align-items:center;justify-content:center;gap:7px}.full-width svg{width:17px;height:17px}.activity-item small{display:block;color:#8b99aa}.label-options{display:grid;gap:8px}.label-options label{display:flex;align-items:center;gap:10px;margin:5px 0}.label-options input{accent-color:var(--blue)}nav button svg{width:22px;height:22px}.mobile-back{display:none}.messages,.conversation-list,.detail-scroll{scrollbar-width:thin;scrollbar-color:#505963 transparent}button:disabled{cursor:default;opacity:.5}
@media(max-width:1300px){.inbox.has-detail{grid-template-columns:310px minmax(0,1fr)}.contact-panel{position:absolute;right:0;top:0;bottom:0;width:350px;max-width:100%;z-index:10;box-shadow:-20px 0 60px #0005}.chat-actions{gap:0}.chat-actions .icon-button{width:31px;padding:6px}.chat-head{gap:10px}}
@media(max-width:950px){.inbox{grid-template-columns:310px minmax(0,1fr)}.chat-head{flex-wrap:wrap}.chat-actions{margin-left:auto;justify-content:flex-end}.inbox.has-detail{grid-template-columns:310px minmax(0,1fr)}.bubble{max-width:92%}}
@media(max-width:720px){#nav{width:56px;padding-left:5px;padding-right:5px}.shell{margin-left:56px}.shell>header{flex-basis:58px}.inbox,.inbox.has-detail{display:grid;grid-template-columns:minmax(0,1fr)}.inbox[data-selected="yes"]>.list{display:none}.inbox[data-selected="no"]>.chat{display:none}.chat{border-top:0}.mobile-back{display:inline-flex}.chat-head{padding:12px;gap:10px}.chat-actions{flex-basis:100%;justify-content:flex-end}.messages{padding:14px}.composer-wrap{padding:0 10px 10px}.contact-panel{width:100%}.conversation-list{height:auto}.list-top .tabs button{font-size:12px;padding-left:5px;padding-right:5px}.composer-tabs button{font-size:11px}.signature-button{max-width:110px}.conversation-title time{font-size:10px}.compose-extras select{max-width:130px}}
.disconnected-banner{display:flex;align-items:center;gap:14px;justify-content:space-between;border:1px solid #74582f;background:#332b1e;padding:12px 15px;border-radius:12px;margin:12px 0;font-size:12px;color:#efd59e}.disconnected-banner p{margin:4px 0 0;color:#c5bda9;font-size:11px}.disconnected-banner button{font-size:11px;white-space:nowrap}.connection-dialog{width:900px;max-width:95vw;max-height:95dvh;overflow:auto;padding:22px}.connection-dialog #dialog-title{font-size:18px;margin-top:0}.connection-dialog .wa-heading{padding:20px}.connection-dialog .wa-pairing{padding:24px;gap:24px}.connection-dialog .wa-footer{padding:15px 22px}.connection-dialog .wa-connected{padding:25px}.connection-dialog .wa-success-icon{width:55px;height:55px}.connection-dialog .wa-connected h3{font-size:24px;margin:18px 0 8px}.connection-dialog .wa-number-card{margin:18px auto}.connection-dialog>.actions{margin-top:12px}@media(max-width:720px){.disconnected-banner{flex-wrap:wrap}.connection-dialog{padding:15px}.connection-dialog .wa-pairing{padding:18px;gap:20px}.connection-dialog .wa-qr-frame{width:210px}}
.list-top .tabs button{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:4px;font-size:12px;padding:9px 6px}.detail-section .full-width+.full-width{margin-top:10px}@media(max-width:1050px){.list-top .tabs button{font-size:11px}} 

/* Menu compartilhado em todas as telas */
#nav{--nav-width:64px;width:var(--nav-width);padding:16px 7px;gap:12px;overflow:hidden;background:var(--bg)}
#nav .brand{display:flex;align-items:center;gap:12px;height:32px;flex-shrink:0;white-space:nowrap}
#nav .brand strong,#nav .nav-label{display:none}
#nav nav{flex:1;min-height:0;display:flex;flex-direction:column;gap:7px;overflow-y:auto;overflow-x:hidden}
#nav nav button{display:flex;align-items:center;justify-content:center;gap:14px;min-height:48px;flex-shrink:0;padding:12px 10px;color:var(--text);font-size:15px}
#nav nav button svg,#sidebar-toggle svg{width:22px;height:22px;flex-shrink:0}
#nav nav button.active{background:#303740;color:#99b1ff}
#sidebar-toggle{padding:6px;background:transparent;display:grid;place-items:center;border-radius:9px;width:100%;height:32px;flex-shrink:0}
#sidebar-toggle svg{transform:rotate(180deg)}
#nav .avatar{margin-top:0;flex-shrink:0}
body.sidebar-expanded #nav{--nav-width:240px;align-items:stretch;padding:16px 12px}
body.sidebar-expanded #nav .brand strong{display:block;font-size:21px}
body.sidebar-expanded #nav .brand{padding-left:12px}
body.sidebar-expanded #nav .nav-label{display:inline;white-space:nowrap}
body.sidebar-expanded #nav nav button{justify-content:flex-start;padding-left:14px}
body.sidebar-expanded #sidebar-toggle{width:32px;align-self:flex-end}
body.sidebar-expanded #sidebar-toggle svg{transform:none}
body.sidebar-expanded #nav .avatar{align-self:flex-start;margin-left:10px}
body.sidebar-expanded .shell{margin-left:240px}
@media(max-width:720px){#nav{--nav-width:56px;padding-inline:4px}body.sidebar-expanded .shell{margin-left:56px}body.sidebar-expanded #nav{z-index:50;box-shadow:15px 0 35px #0006}#nav nav button{min-height:42px}#nav nav{gap:4px}}

/* Recursos de composição e biblioteca */
.compose-tool{padding:5px;background:transparent;border-radius:8px;display:grid;place-items:center;color:var(--muted)}.compose-tool svg{width:21px;height:21px}.compose-extras{flex-wrap:wrap}.add-menu{display:grid;grid-template-columns:1fr 1fr;gap:9px}.add-menu button{text-align:left;background:#303740;border-radius:10px}.emoji-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.emoji-grid button{font-size:24px;background:transparent;padding:6px}.composer-choice{display:grid;gap:7px;width:100%;text-align:left;border-radius:12px;background:#2b333c;margin:9px 0}.composer-choice small{color:var(--muted);white-space:pre-wrap;max-height:100px;overflow:auto}.media-library{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:400px;overflow:auto}.media-library button{display:grid;gap:8px;background:#2b333c;border-radius:12px;overflow-wrap:anywhere}.media-library img{width:100%;height:100px;object-fit:contain}.media-library svg{width:32px;height:32px}.attachment-preview{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#242e34;border-radius:12px;margin-bottom:10px}.attachment-preview img{width:55px;height:55px;object-fit:contain}.attachment-preview span{flex:1;overflow-wrap:anywhere}.attachment-preview small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.attachment-preview svg{width:24px;height:24px}.attachment-preview button{padding:6px;background:transparent}.attachment-preview audio{width:min(240px,70%)}.message-media{display:block;width:min(320px,100%);max-height:300px;object-fit:contain;border-radius:9px;margin-bottom:8px}.message-media.sticker{width:160px;height:160px;background:transparent}.bubble audio{max-width:100%;width:280px}.bubble a{color:#b6d8ff;display:flex;align-items:center;gap:8px}.bubble a svg{width:24px;height:24px}.signature-button{max-width:220px;text-align:left}#fields{max-height:65vh;overflow:auto}@media(max-width:720px){.composer-bottom{flex-wrap:wrap}.signature-button{max-width:160px}.emoji-grid{grid-template-columns:repeat(6,1fr)}}

/* Logo oficial fornecida pelo proprietario */
#nav .brand{height:44px}
.harpia-logo{display:block;object-fit:contain;background:#000;border-radius:9px;flex-shrink:0}
#nav .brand .harpia-logo{width:42px;height:42px}
.login-brand{display:flex;align-items:center;gap:20px;margin-bottom:20px}
.login-brand .harpia-logo{width:96px;height:96px;border-radius:18px}
.login-brand span{font-size:30px;font-weight:750}

/* Assinatura e figurinhas */
.signature-switch{display:flex;align-items:center;gap:12px;font-weight:650}.signature-switch input{appearance:none;width:46px;height:26px;border:0;border-radius:20px;background:#59616c;padding:0;position:relative;cursor:pointer}.signature-switch input::after{content:'';position:absolute;width:20px;height:20px;left:3px;top:3px;border-radius:50%;background:white}.signature-switch input:checked{background:var(--blue)}.signature-switch input:checked::after{left:23px}.signature-help{display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.signature-preview{display:grid;gap:7px;background:var(--bg);padding:16px;border-radius:12px;margin-top:20px}.signature-preview small{color:var(--muted)}.library-item{position:relative;min-width:0}.library-item>[data-media]{width:100%;height:100%}.library-item .sticker-favorite{position:absolute;right:4px;top:4px;padding:4px 8px;background:#141719cc;font-size:23px;color:#ffcf68}.message-signature{display:block;margin-bottom:7px}

/* Conexão: ações separadas e desvínculo confirmado */
.wa-connected-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:14px;margin-top:24px}.wa-connected .wa-connected-actions button{margin:0}.wa-disconnect-action{margin-top:20px}.wa-connected button.wa-disconnect-button,.wa-disconnect-button{background:transparent;color:#ed9999;border:1px solid #805354;padding:11px 18px;border-radius:11px;font-size:13px;cursor:pointer}.wa-connected button.wa-disconnect-button{margin:0}.wa-disconnect-button:hover{background:#593334}.wa-disconnect-dialog{width:440px;max-width:calc(100vw - 36px);padding:28px;border:1px solid #3b454b;border-radius:18px;background:#1c2225;color:#e2e8ef}.wa-disconnect-dialog::backdrop{background:#0009}.wa-disconnect-dialog h2{font-size:21px;margin:0 0 18px}.wa-disconnect-dialog p{font-size:14px;line-height:1.65;color:#aab9c3}.wa-confirm-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:12px;margin-top:24px}.wa-disconnect-dialog .wa-disconnect-error{color:#f1a3a3}.wa-disconnect-button:disabled{opacity:.55;cursor:wait}@media(max-width:540px){.wa-connected-actions{flex-direction:column;align-items:stretch;gap:12px}.wa-connected-actions button{justify-content:center}.wa-disconnect-dialog{padding:22px}}