:root{
  --green:#075e54;--green2:#128c7e;--light:#dcf8c6;--bg:#eefaf4;--panel:#ffffff;--line:#d8ece6;--text:#052f2b;--muted:#667b76;--warn:#b45309;--danger:#dc2626;--shadow:0 16px 45px rgba(7,94,84,.10);
}
*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);overflow:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer;font-weight:800;border:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.48;cursor:not-allowed}.empty{color:var(--muted);font-weight:650}.loading{color:var(--muted);padding:20px}.primary-btn{background:var(--green);color:#fff;border-radius:14px;padding:12px 16px;font-weight:900}.primary-btn.full{width:100%;margin-top:12px}.back-pill{border:1px solid var(--line);background:#fff;color:var(--green);border-radius:999px;padding:10px 14px;font-weight:900}.icon-btn{width:40px;height:40px;border-radius:999px;background:#fff;color:var(--green);border:1px solid var(--line);font-size:22px}.toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%) translateY(16px);opacity:0;pointer-events:none;background:#052f2b;color:#fff;border-radius:999px;padding:12px 18px;font-weight:900;z-index:200;box-shadow:var(--shadow);transition:.18s}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.toast.warn{background:#9a3412}

/* Dashboard */
.dashboard{min-height:100%;overflow:auto;padding:28px;max-width:1180px;margin:0 auto}.dash-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:34px}.dash-brand,.mini-brand{display:flex;align-items:center;gap:10px}.dash-brand img,.mini-brand img{width:34px;height:34px}.dash-brand b{font-size:22px}.mini-brand b,.mini-brand small{display:block}.mini-brand small{color:var(--muted);font-size:12px;font-weight:800}.dash-counts{display:flex;gap:10px}.dash-counts span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 12px;font-weight:850;color:var(--green)}.dash-hero h1{font-size:42px;margin:0}.dash-hero p{color:var(--muted);font-weight:700;margin:8px 0 22px}.dash-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.dash-card{text-align:left;background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px;min-height:126px;box-shadow:var(--shadow);display:grid;align-content:start;gap:8px}.dash-card.primary{background:linear-gradient(135deg,#075e54,#10b981);color:#fff}.dash-card b{font-size:22px}.dash-card span{color:inherit;opacity:.78;font-weight:700}

/* Atendimento: desktop */
.wa-app{height:100dvh;display:grid;grid-template-columns:360px minmax(0,1fr);background:#e9f6f1}.wa-list{background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0}.wa-list-head{height:64px;display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line);flex:0 0 auto}.wa-search{padding:12px 14px 8px}.wa-search input{width:100%;height:46px;border:0;background:#f0f2f5;border-radius:999px;padding:0 18px;outline:none;color:var(--text);font-weight:700}.lead-tabs{display:flex;gap:8px;padding:4px 14px 10px;overflow:auto;flex:0 0 auto}.lead-tabs button{white-space:nowrap;border:1px solid var(--line);border-radius:999px;background:#fff;color:#344d49;padding:8px 12px}.lead-tabs button.active{background:#d9fdd3;border-color:#a7e5bd;color:#075e54}.lead-scroll{overflow:auto;flex:1;padding:0 8px 12px}.lead-row{width:100%;border:0;background:transparent;border-radius:16px;padding:10px 8px;display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:10px;align-items:center;text-align:left}.lead-row:hover{background:#f5faf8}.lead-row.active{background:#d9fdd3}.avatar{width:46px;height:46px;border-radius:999px;background:var(--green);color:#fff;display:grid;place-items:center;font-weight:950;flex:0 0 auto}.lead-info{min-width:0}.lead-info b,.lead-info span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lead-info b{font-size:16px;line-height:1.2}.lead-info span{font-size:14px;color:#667781;font-weight:650}.lead-meta{display:grid;justify-items:end;gap:4px}.lead-meta small{font-size:12px;color:#667781;font-weight:750}.lead-meta em{font-style:normal;background:#25d366;color:#fff;border-radius:999px;min-width:22px;height:22px;display:grid;place-items:center;font-size:12px;font-weight:950}.lead-meta button{width:28px;height:28px;border-radius:999px;background:transparent;color:#667781;font-size:20px;line-height:1}
.wa-chat{min-width:0;display:flex;flex-direction:column;background:#efe7dc;height:100dvh}.chat-top{height:64px;display:flex;align-items:center;gap:12px;padding:8px 14px;background:#f0f2f5;border-bottom:1px solid #d9dedb;flex:0 0 auto}.mobile-back{display:none;background:transparent;color:#111b21;font-size:30px;line-height:1;padding:0 4px}.chat-person{min-width:0;flex:1}.chat-person b,.chat-person span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-person b{font-size:17px}.chat-person span{font-size:12px;color:#667781;font-weight:650}.bot-switch{height:36px;border-radius:999px;background:#e9edef;color:#111b21;display:flex;align-items:center;gap:7px;padding:4px 8px}.bot-switch i{width:34px;height:18px;border-radius:999px;background:#aebac1;position:relative;display:inline-block}.bot-switch i:after{content:'';position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:999px;background:#fff;transition:.18s}.bot-switch.robot{background:#e7fce3}.bot-switch.robot i{background:#25d366}.bot-switch.robot i:after{left:18px}.bot-switch.human{background:#fff4e5}.bot-switch.human i{background:#f59e0b}.bot-switch.human i:after{left:2px}.chat-messages{flex:1;overflow:auto;padding:18px 26px;background:#efe7dc;background-image:radial-gradient(rgba(0,0,0,.035) 1px, transparent 1px);background-size:16px 16px}.msg{max-width:min(720px,74%);border-radius:10px;padding:8px 10px 6px;margin:6px 0;box-shadow:0 1px 1px rgba(0,0,0,.08);position:relative}.msg.in{background:#fff}.msg.out{background:#d9fdd3;margin-left:auto}.msg p{margin:0;white-space:pre-wrap;line-height:1.38}.msg small{display:block;text-align:right;color:#667781;font-size:11px;margin-top:4px}.chat-note{text-align:center;margin:28px auto}.chat-empty{height:100%;display:grid;place-content:center;text-align:center;color:#667781;background:#f0f2f5}.chat-empty img{width:54px;margin:0 auto 14px}.chat-empty h2{margin:0 0 6px;color:#1f2c2a}.chat-empty p{margin:0;font-weight:650}.chat-composer{min-height:70px;display:grid;grid-template-columns:46px minmax(0,1fr) 54px;gap:8px;align-items:end;padding:9px 12px;background:#f0f2f5;flex:0 0 auto;border-top:1px solid #d9dedb}.chat-composer textarea{height:54px;max-height:128px;resize:none;border:0;border-radius:27px;background:#fff;padding:16px 18px;outline:none;font-size:16px;line-height:1.25}.composer-icon,.send-btn{height:52px;width:52px;border-radius:999px;display:grid;place-items:center}.composer-icon{background:transparent;color:#54656f}.composer-icon svg{width:25px;height:25px;fill:currentColor}.send-btn{background:#075e54;color:#fff;box-shadow:0 8px 20px rgba(7,94,84,.22)}.send-btn svg{width:24px;height:24px;fill:#fff;margin-left:2px}.send-btn.ready{background:#128c7e}.send-btn:disabled{opacity:.42}.chat-composer.locked .composer-icon{opacity:.5}.chat-composer.locked textarea{background:#f7f7f7;color:#999}

/* Modal */
.modal{position:fixed;inset:0;background:rgba(17,27,33,.32);z-index:100;display:grid;place-items:center}.modal-card{position:relative;background:#fff;width:min(560px,calc(100vw - 28px));max-height:88dvh;overflow:auto;border-radius:22px;box-shadow:0 30px 90px rgba(0,0,0,.26);padding:22px}.modal-close{position:absolute;right:12px;top:12px;width:36px;height:36px;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:22px;color:#111b21}.modal-card h2{margin:0 44px 18px 0}.modal-card label{display:block;margin:12px 0;color:var(--green);font-weight:900}.modal-card input,.modal-card textarea,.modal-card select{width:100%;border:1px solid var(--line);border-radius:12px;padding:11px;background:#fff;outline:none}.media-modal{place-items:stretch}.media-modal .modal-card{width:100vw;height:100dvh;max-height:none;border-radius:0;padding:18px}.media-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.media-choice{display:flex;align-items:center;gap:12px;text-align:left;background:#f7fffb;border:1px solid var(--line);border-radius:18px;padding:16px;color:#111b21}.media-choice strong{width:42px;height:42px;border-radius:14px;background:#d9fdd3;color:#075e54;display:grid;place-items:center;font-size:20px}.media-choice span{font-size:18px}.modal-note{color:#667781;font-weight:700}.back-line{background:transparent;color:var(--green);padding:0 0 12px;font-weight:900}.media-list{display:grid;gap:10px}.media-item{display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:12px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:12px;background:#f8fffb}.media-item b,.media-item span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-item span{color:#667781;font-weight:700}.media-item button{background:var(--green);color:#fff;border-radius:999px;padding:10px}.qualify-head{display:grid;gap:4px;background:#f7fffb;border:1px solid var(--line);border-radius:16px;padding:12px;margin-bottom:14px}.qualify-head span{color:var(--muted);font-weight:800}.status-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.status-chip{border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px;font-weight:900;color:var(--green)}.status-chip.active{background:#dffbef;border-color:#10b981}

/* Páginas simples */
.simple-page{height:100dvh;overflow:auto;padding:20px;max-width:1280px;margin:0 auto}.simple-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.simple-page h1{font-size:34px;margin:8px 0 20px}.card,.flow-main,.flow-side,.empty-card{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:20px}.kv{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0}.kv span{color:var(--muted);font-weight:800}.slots{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:16px}.slots div{background:#f7fffb;border:1px solid var(--line);border-radius:14px;padding:14px;font-weight:900}.slots span{display:block;color:var(--muted);font-size:12px}.upload-row{display:grid;grid-template-columns:1fr 140px 1fr 110px;gap:10px}.upload-row input,.upload-row select{width:100%;border:1px solid var(--line);border-radius:12px;padding:11px;background:#fff;outline:none}.upload-row button{border:0;background:var(--green);color:#fff;border-radius:12px;font-weight:900}.asset-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:10px;margin-top:16px}.asset{border:1px solid var(--line);border-radius:14px;padding:12px;background:#f7fffb}.asset b,.asset span{display:block}.asset span{color:var(--muted);font-weight:750}
.flow-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:14px}.flow-side{padding:12px}.round{width:40px;height:40px;border-radius:999px;background:var(--green);color:#fff;font-size:24px}.flow-item{width:100%;text-align:left;border:1px solid var(--line);background:#fff;border-radius:14px;margin-top:10px;padding:12px}.flow-item.active{background:#dffbef;border-color:#8bd8c8}.flow-main{padding:0;overflow:hidden}.flow-bar{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:18px;border-bottom:1px solid var(--line)}.flow-bar button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 12px;font-weight:900;color:var(--green)}.flow-columns{display:grid;grid-template-columns:minmax(380px,1fr) minmax(320px,.8fr)}.flow-columns>div{padding:18px}.flow-columns>div:first-child{border-right:1px solid var(--line);background:#fbfffd}.stage-card{display:grid;grid-template-columns:36px minmax(0,1fr) 82px;gap:12px;border:1px solid var(--line);border-radius:18px;background:#fff;padding:12px;margin-bottom:12px}.stage-card em{width:32px;height:32px;border-radius:999px;background:var(--green);color:#fff;display:grid;place-items:center;font-style:normal;font-weight:950}.stage-card small{color:var(--green);font-weight:900;text-transform:uppercase;font-size:11px}.stage-card p{margin:8px 0;color:#486963;font-weight:750}.stage-card label,.branch-card label{display:grid;grid-template-columns:130px minmax(0,1fr);gap:8px;align-items:center;margin-top:8px;color:var(--green);font-size:12px;font-weight:950}.stage-card aside{display:grid;gap:8px;align-content:start}.stage-card button,.branch-card button,.add-line{border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px;font-weight:900;color:var(--green)}.add-line{width:100%;border-style:dashed;background:#effff6}.chips{display:flex;flex-wrap:wrap;gap:6px}.chips span{background:#eff6ff;border:1px solid #bfdbfe;color:#1e3a8a;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:900}.branch-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;margin-bottom:12px}

@media(max-width:1000px){.dash-grid{grid-template-columns:repeat(2,1fr)}.asset-grid{grid-template-columns:repeat(2,1fr)}.flow-layout,.flow-columns{grid-template-columns:1fr}.flow-columns>div:first-child{border-right:0;border-bottom:1px solid var(--line)}}
@media(max-width:767px){body{overflow:hidden}.dashboard{padding:18px}.dash-grid{grid-template-columns:1fr}.dash-hero h1{font-size:34px}.wa-app{display:block;height:100dvh}.wa-list,.wa-chat{height:100dvh;width:100vw}.wa-app.has-chat .wa-list{display:none}.wa-app.list-only .wa-chat{display:none}.wa-list-head{height:68px}.mini-brand img{width:32px}.wa-search{padding-top:10px}.lead-tabs{padding-bottom:8px}.lead-row{grid-template-columns:54px minmax(0,1fr) auto;padding:11px 10px}.lead-info b{font-size:17px}.lead-info span{font-size:15px}.lead-meta button{font-size:22px}.chat-top{height:60px;padding:7px 8px}.mobile-back{display:block}.chat-top .avatar{width:40px;height:40px}.chat-person b{font-size:19px}.bot-switch{height:34px;padding:4px 6px;gap:4px}.bot-switch span{font-size:13px}.bot-switch i{width:30px}.bot-switch.robot i:after{left:14px}.chat-messages{padding:10px 8px}.msg{max-width:86%;font-size:16px}.chat-composer{min-height:72px;grid-template-columns:42px minmax(0,1fr) 52px;gap:6px;padding:8px 8px calc(8px + env(safe-area-inset-bottom))}.chat-composer textarea{height:54px;font-size:16px;padding:16px 17px}.composer-icon{width:42px;height:52px}.send-btn{width:52px;height:52px}.media-choice-grid{grid-template-columns:1fr}.status-grid{grid-template-columns:1fr}.simple-page{padding:14px}.simple-top{margin-bottom:12px}.simple-page h1{font-size:28px}.upload-row{grid-template-columns:1fr}.slots{grid-template-columns:1fr}.stage-card{grid-template-columns:32px minmax(0,1fr)}.stage-card aside{grid-column:2;grid-template-columns:1fr 1fr}.stage-card label,.branch-card label{grid-template-columns:1fr}}

/* v8.3.4 - instant composer/toggle refinements */
.wa-app,.wa-list,.wa-chat,.lead-row,.bot-switch,.composer-icon,.send-btn{touch-action:manipulation}
.chat-composer{grid-template-columns:44px minmax(0,1fr) 54px;align-items:end}
.chat-composer textarea{min-height:52px;overflow-y:auto;-webkit-user-select:text;user-select:text;touch-action:manipulation;caret-color:#075e54}
.send-btn{background:#075e54;color:#fff;transition:transform .08s ease, opacity .08s ease, background .08s ease}.send-btn.ready{background:#075e54;opacity:1}.send-btn.ready:active,.composer-icon:active,.bot-switch:active{transform:scale(.96)}.send-btn:disabled{background:#b8c9c2;color:#fff;opacity:.78}
.msg.local{opacity:.92}.msg.local small:after{content:' · enviando';color:#667781}
.bot-switch{transition:none}.bot-switch i:after{transition:none}.composer-icon.attach{color:#54656f}.composer-icon.attach svg{width:27px;height:27px}.chat-composer.locked textarea{background:#fff;color:#111b21}
@media(max-width:767px){.chat-composer{grid-template-columns:40px minmax(0,1fr) 50px;gap:5px;min-height:70px;padding:7px 7px calc(7px + env(safe-area-inset-bottom))}.chat-composer textarea{height:52px;min-height:52px;max-height:108px;border-radius:26px;padding:15px 16px;font-size:16px}.composer-icon{width:40px;height:50px}.send-btn{width:50px;height:50px}.send-btn svg{width:23px;height:23px}.chat-messages{overscroll-behavior:contain}.lead-row{cursor:pointer}.chat-top{position:relative;z-index:2}.wa-chat{height:100dvh;max-height:100dvh;overflow:hidden}}

/* v8.3.5 - low latency UX */
.toast.sync{background:#075e54;color:#fff}
.chat-composer.locked{background:#eef4f2}
.chat-composer.locked textarea{background:#fff;color:#111b21}
.chat-composer.locked textarea::placeholder{color:#667781}
.chat-person span{min-height:18px}
.bot-switch.human + .control-sync,.bot-switch.robot + .control-sync{display:none}

/* v8.3.6 - desktop/tablet responsiveness and smoother attendance */
.wa-chat,.wa-list{contain:layout paint style}
.chat-messages{will-change:scroll-position;contain:layout paint}
.chat-composer textarea{width:100%;display:block}
.bot-switch.syncing{opacity:.78;pointer-events:none;filter:saturate(.75)}
.bot-switch.syncing:after{content:'';width:8px;height:8px;border-radius:999px;background:#075e54;box-shadow:0 0 0 3px rgba(7,94,84,.12)}
@media(min-width:781px) and (max-width:1120px){
  .wa-app{grid-template-columns:310px minmax(0,1fr)}
  .lead-row{grid-template-columns:46px minmax(0,1fr) auto;gap:8px;padding:9px 7px}
  .avatar{width:42px;height:42px}
  .chat-top{height:60px;padding:7px 10px;gap:9px}
  .bot-switch{height:34px;padding:4px 6px;gap:5px}
  .chat-messages{padding:14px 18px}
  .chat-composer{min-height:68px;padding:8px 10px;grid-template-columns:42px minmax(0,1fr) 52px}
  .composer-icon,.send-btn{width:50px;height:50px}
}
@media(min-width:1121px){
  .wa-app{grid-template-columns:350px minmax(0,1fr)}
  .chat-composer{position:relative;z-index:3}
}

/* v8.3.7 - media preview, upload from attendance and WhatsApp-like media bubbles */
.media-full .modal-card{max-width:760px;width:min(760px,94vw);max-height:92dvh;overflow:auto}
.upload-inline{background:#eefaf4;border:1px solid #c8eee0;border-radius:18px;padding:14px;margin:12px 0 14px;display:grid;gap:9px}
.upload-inline b{color:#075e54;font-weight:950}.upload-inline p{margin:0;color:#486963;font-weight:750;font-size:13px}.upload-inline input{width:100%;border:1px solid var(--line);background:#fff;border-radius:13px;padding:12px;outline:none}.primary-btn.full{width:100%;justify-content:center}
.media-list{display:grid;gap:10px}.media-item.media-card{display:grid;grid-template-columns:132px minmax(0,1fr) 86px;gap:12px;align-items:center;border:1px solid var(--line);border-radius:18px;background:#fff;padding:10px}.media-card-info b,.media-card-info span{display:block}.media-card-info span{color:var(--muted);font-weight:750;font-size:13px}.media-item button{border:0;background:#075e54;color:#fff;border-radius:999px;padding:10px 12px;font-weight:950}.text-item{display:grid;grid-template-columns:minmax(0,1fr) 86px;gap:10px;align-items:center;border:1px solid var(--line);border-radius:16px;background:#fff;padding:12px}
.media-preview{overflow:hidden;border-radius:14px;background:#f0f4f3;border:1px solid #dbe7e4;color:#24453f}.media-preview img,.media-preview video{display:block;width:100%;height:100%;object-fit:cover;background:#d9e6e2}.media-preview span{display:block;padding:7px 9px;font-size:12px;font-weight:850;color:#315a52;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-preview.picker{height:96px}.media-preview.picker img,.media-preview.picker video{height:70px}.media-preview.library{height:150px;margin-bottom:8px}.media-preview.library img,.media-preview.library video{height:116px}.media-preview.bubble{border:0;background:transparent;border-radius:10px;max-width:310px}.media-preview.bubble img,.media-preview.bubble video{max-width:310px;max-height:320px;width:100%;height:auto;border-radius:10px;object-fit:contain;background:#111}.media-preview.bubble span{padding:6px 2px 0;color:inherit;white-space:normal}.media-preview.audio{padding:10px}.media-preview.audio b{display:block;margin-bottom:8px}.media-preview.audio audio{width:100%;height:36px}.media-preview.doc,.media-preview.file{display:grid;gap:3px;padding:12px;text-decoration:none;min-width:210px}.media-preview.doc b,.media-preview.file b{color:#075e54}.media-preview.doc span,.media-preview.file span{padding:0;white-space:normal}.msg .media-preview.bubble + small{margin-top:4px}.preview-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.preview-asset{padding:10px}.preview-asset b{margin-top:3px}
@media(max-width:767px){.media-full .modal-card{width:100vw;height:100dvh;max-height:100dvh;border-radius:0;padding:16px 14px 24px}.media-item.media-card{grid-template-columns:104px minmax(0,1fr);gap:10px}.media-item.media-card button{grid-column:1 / -1;width:100%}.media-preview.picker{height:86px}.media-preview.picker img,.media-preview.picker video{height:62px}.media-preview.bubble{max-width:78vw}.media-preview.bubble img,.media-preview.bubble video{max-width:78vw;max-height:330px}.upload-inline{margin-top:8px}.asset-grid.preview-grid{grid-template-columns:1fr}}


/* v8.3.8 - text library, quick emoji and visible lead tags */
.lead-badge{display:inline-flex;align-items:center;max-width:max-content;border-radius:999px;padding:2px 7px;margin-right:5px;font-size:10.5px;line-height:1.2;font-weight:950;text-transform:uppercase;letter-spacing:.02em;border:1px solid transparent;vertical-align:middle;white-space:nowrap}.lead-badge.status-novo{background:#eef2f7;color:#475569;border-color:#dbe3ea}.lead-badge.status-qualificado{background:#e0f2fe;color:#0369a1;border-color:#bae6fd}.lead-badge.status-remarketing{background:#fff7ed;color:#c2410c;border-color:#fed7aa}.lead-badge.status-proposta_enviada{background:#fef9c3;color:#854d0e;border-color:#fde68a}.lead-badge.status-comprador{background:#dcfce7;color:#166534;border-color:#bbf7d0}.chat-person .lead-badge{font-size:10px;margin-right:6px}.lead-info span .lead-badge{position:relative;top:-1px}
.chat-composer{grid-template-columns:44px 38px minmax(0,1fr) 54px}.composer-icon.emoji{font-size:22px;font-weight:950;color:#54656f;background:transparent}.emoji-bar{display:flex;gap:6px;align-items:center;overflow:auto;padding:7px 10px;background:#f0f2f5;border-top:1px solid #d9e1df}.emoji-bar button,.quick-emoji-line button{border:0;background:#fff;border-radius:999px;min-width:34px;height:34px;font-size:19px;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.text-create-inline{background:#effaf5;border:1px solid #c8eee0;border-radius:18px;padding:14px;margin:10px 0 14px;display:grid;gap:10px}.text-create-inline b,.library-section h2{color:#075e54}.text-create-inline input,.text-create-inline textarea,.text-create-grid input,.text-create-grid textarea{width:100%;border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px;outline:none;font:inherit}.quick-emoji-line{display:flex;gap:6px;overflow:auto}.split-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ghost-btn{border:1px solid var(--line);background:#fff;color:#075e54;border-radius:999px;padding:11px 13px;font-weight:950}.primary-btn{border:0;background:#075e54;color:#fff;border-radius:999px;padding:11px 13px;font-weight:950}.text-item aside{display:grid;gap:6px}.text-item aside button:first-child{background:#fff;color:#075e54;border:1px solid var(--line)}.text-item{grid-template-columns:minmax(0,1fr) 88px}.library-section{border:1px solid var(--line);background:#fff;border-radius:22px;padding:18px;margin-bottom:16px}.library-section p{margin-top:0;color:#607973;font-weight:750}.text-create-grid{display:grid;grid-template-columns:220px minmax(0,1fr) 150px;gap:10px;align-items:start;margin:10px 0 14px}.text-create-grid button{border:0;background:#075e54;color:#fff;border-radius:14px;padding:13px;font-weight:950}.text-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.text-card{border:1px solid var(--line);border-radius:16px;background:#fbfffd;padding:12px}.text-card b{color:#075e54}.text-card p{margin:8px 0 0;color:#315a52;font-size:13px;line-height:1.35}
@media(max-width:767px){.chat-composer{grid-template-columns:40px 34px minmax(0,1fr) 50px}.composer-icon.emoji{width:34px}.text-item{grid-template-columns:1fr}.text-item aside{grid-template-columns:1fr 1fr}.split-actions{grid-template-columns:1fr}.text-create-grid{grid-template-columns:1fr}.emoji-bar{padding-bottom:calc(7px + env(safe-area-inset-bottom))}}

/* v8.4.1 - organized media library and robot input guard */
.library-clean{background:transparent;border:0;box-shadow:none;padding:0}
.library-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 0 16px}
.library-tabs button{border:1px solid var(--line);background:#fff;border-radius:18px;padding:14px 10px;display:grid;gap:5px;align-items:center;justify-items:center;font-weight:950;color:#315a52;cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,.045)}
.library-tabs button strong{width:38px;height:38px;border-radius:14px;background:#eefaf4;color:#075e54;display:grid;place-items:center;font-size:18px}.library-tabs button.active{border-color:#075e54;box-shadow:0 12px 26px rgba(7,94,84,.12)}.library-tabs button.active strong{background:#075e54;color:#fff}.library-tabs button span{font-size:13px}
.library-folder{border:1px solid var(--line);background:#fff;border-radius:24px;padding:18px;box-shadow:0 10px 30px rgba(0,0,0,.045)}.folder-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.folder-head h2{margin:0;color:#075e54}.folder-head p{margin:4px 0 0;color:#607973;font-weight:750}.folder-upload{grid-template-columns:minmax(0,220px) minmax(0,1fr) 150px;margin-bottom:16px}.managed-asset{position:relative}.card-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.card-actions button,.danger.full{border:1px solid var(--line);background:#fff;color:#075e54;border-radius:999px;padding:9px 10px;font-weight:950}.card-actions .danger,.danger.full{border-color:#fecaca;background:#fff5f5;color:#b91c1c}.asset-viewer{display:grid;gap:10px}.asset-viewer .media-preview.library-view{height:auto;max-height:65vh}.asset-viewer .media-preview.library-view img,.asset-viewer .media-preview.library-view video{height:auto;max-height:55vh;object-fit:contain}.editable-text-card{display:grid;gap:8px}.editable-text-grid .text-card p{min-height:52px}.chat-composer.locked textarea{cursor:not-allowed;background:#f4f8f7;color:#607973}.chat-composer.locked .send-btn{opacity:.55}.chat-composer.locked:focus-within{box-shadow:inset 0 1px 0 rgba(185,28,28,.12)}
@media(max-width:767px){.library-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.library-tabs button{grid-template-columns:38px 1fr;justify-items:start;text-align:left;padding:10px 12px}.library-tabs button:nth-child(5){grid-column:1/-1}.folder-head{align-items:flex-start;flex-direction:column}.folder-upload{grid-template-columns:1fr}.library-folder{padding:14px;border-radius:20px}.card-actions{grid-template-columns:1fr 1fr}.asset-viewer .media-preview.library-view img,.asset-viewer .media-preview.library-view video{max-height:45vh}}


/* v8.4.1 - media safety limits and storage guard */
.limit-note{display:inline-flex;align-items:center;gap:6px;color:#607973;font-size:12px;font-weight:850;margin-top:4px}.storage-usage{border:1px solid var(--line);background:#fff;border-radius:20px;padding:14px 16px;margin:0 0 14px;box-shadow:0 8px 22px rgba(0,0,0,.045);display:grid;gap:9px}.storage-usage>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px}.storage-usage b{color:#075e54}.storage-usage span{color:#607973;font-weight:850;font-size:13px}.storage-bar{height:9px;border-radius:999px;background:#e8f0ee;overflow:hidden}.storage-bar i{display:block;height:100%;border-radius:999px;background:#0f766e;transition:width .2s ease}.storage-usage.warning .storage-bar i{background:#d97706}.storage-usage.blocked{border-color:#fecaca;background:#fff7f7}.storage-usage.blocked .storage-bar i{background:#dc2626}.storage-usage p{margin:0;color:#b91c1c;font-weight:850;font-size:13px}.upload-inline .limit-note,.folder-head .limit-note{margin-top:6px}.folder-head>div{display:grid;gap:2px}
@media(max-width:767px){.storage-usage>div:first-child{display:grid;gap:3px}.storage-usage{border-radius:16px;padding:12px}}

/* v8.4.5 - mobile keyboard focus fix: não re-renderiza quando teclado abre */
@media(max-width:767px){
  .chat-composer.mobile-native{grid-template-columns:40px 34px minmax(0,1fr) 50px;position:relative;z-index:40;touch-action:auto;}
  .chat-composer.mobile-native input.mobile-message-input{
    width:100%;height:52px;min-height:52px;border:0;border-radius:26px;background:#fff;color:#111b21;
    padding:0 16px;outline:none;font-size:16px;line-height:52px;-webkit-appearance:none;appearance:none;
    pointer-events:auto !important;touch-action:auto !important;-webkit-user-select:text !important;user-select:text !important;
    caret-color:#075e54;-webkit-text-size-adjust:100%;
  }
  .chat-composer.mobile-native.locked input.mobile-message-input{background:#fff;color:#111b21;}
  .chat-composer.mobile-native .send-btn{pointer-events:auto !important;touch-action:manipulation;opacity:1;}
  .chat-composer.mobile-native .send-btn:not(.ready){opacity:.58;}
}


/* v8.5.4.1 - Autoresponder Comercial + Trava de Sessão */
.auto-page{max-width:1180px;margin:0 auto}.auto-empty{background:#fff;border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:0 12px 32px rgba(0,0,0,.05)}.auto-empty h2{margin-top:0;color:#075e54}.auto-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:16px;align-items:start}.auto-side{background:#fff;border:1px solid var(--line);border-radius:24px;padding:14px;display:grid;gap:10px;position:sticky;top:14px}.auto-item{border:1px solid var(--line);background:#fbfffd;border-radius:16px;padding:12px;text-align:left;display:grid;gap:4px;cursor:pointer}.auto-item b{color:#111b21}.auto-item span{font-size:12px;color:#607973;font-weight:800}.auto-item.active{border-color:#075e54;background:#eefaf4}.auto-main{display:grid;gap:14px}.auto-head{background:#fff;border:1px solid var(--line);border-radius:24px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 10px 26px rgba(0,0,0,.04)}.auto-head>div:first-child{display:grid;gap:3px}.auto-head b{font-size:20px;color:#075e54}.auto-head span,.auto-head small{color:#607973;font-weight:800}.auto-head>div:last-child{display:flex;gap:8px;flex-wrap:wrap}.auto-head button,.auto-stage button,.branch-card button{border:1px solid var(--line);background:#fff;color:#075e54;border-radius:999px;padding:10px 13px;font-weight:950;cursor:pointer}.auto-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:14px}.auto-grid>div{background:#fff;border:1px solid var(--line);border-radius:24px;padding:16px;box-shadow:0 10px 26px rgba(0,0,0,.04)}.auto-grid h3{margin:0 0 12px;color:#075e54}.auto-stage{display:grid;grid-template-columns:38px minmax(0,1fr) 84px;gap:12px;align-items:start;border:1px solid #dce7e4;background:#fbfffd;border-radius:18px;padding:12px;margin-bottom:10px}.auto-stage em{width:34px;height:34px;border-radius:999px;background:#075e54;color:#fff;display:grid;place-items:center;font-style:normal;font-weight:950}.auto-stage b{color:#111b21}.auto-stage small{display:block;color:#607973;font-weight:850;margin:2px 0 6px}.auto-stage p{margin:0 0 8px;color:#315a52;font-size:13px;line-height:1.35}.auto-stage label,.branch-card label,.auto-modal label{display:grid;gap:5px;color:#315a52;font-weight:900;font-size:13px}.auto-stage select,.branch-card select,.auto-modal input,.auto-modal select,.auto-modal textarea{width:100%;border:1px solid var(--line);border-radius:13px;padding:10px;background:#fff;font:inherit;outline:none}.auto-stage aside{display:grid;gap:6px}.auto-stage aside button{padding:8px 9px;font-size:12px}.branch-card{border:1px solid #dce7e4;background:#fbfffd;border-radius:18px;padding:13px;margin-bottom:10px;display:grid;gap:9px}.branch-card b{color:#075e54}.branch-card p{margin:0;color:#607973;font-size:12px;font-weight:800}.branch-card label{grid-template-columns:120px minmax(0,1fr);align-items:center}.auto-help{border:1px dashed #badbd3;background:#effaf5;border-radius:18px;padding:14px;color:#315a52;display:grid;gap:5px}.auto-help b{color:#075e54}.auto-help p{margin:0;font-size:13px;line-height:1.35}.auto-help small{font-weight:900;color:#607973}.auto-modal .modal-card{max-width:620px}.auto-modal small{font-size:12px;color:#607973;font-weight:750}.stage-field{display:none}.primary-btn.full{width:100%}.add-line{width:100%;border:1px dashed #9accc1;background:#f3fffb;color:#075e54;border-radius:16px;padding:13px;font-weight:950;cursor:pointer}
@media(max-width:900px){.auto-layout{grid-template-columns:1fr}.auto-side{position:relative;top:auto}.auto-grid{grid-template-columns:1fr}.auto-head{align-items:flex-start;flex-direction:column}.auto-head>div:last-child{width:100%}.auto-head>div:last-child button{flex:1}.auto-stage{grid-template-columns:34px minmax(0,1fr)}.auto-stage aside{grid-column:1/-1;grid-template-columns:1fr 1fr}.branch-card label{grid-template-columns:1fr}.auto-modal .modal-card{width:96vw}}


/* v8.5.4.1 - Button Builder UX */
.button-builder{border:1px solid #dce7e4;background:#fbfffd;border-radius:18px;padding:13px;display:grid;gap:11px}
.button-builder-head{display:grid;gap:3px;color:#315a52}.button-builder-head b{color:#075e54;font-size:15px}.button-builder-head span{font-size:12px;font-weight:800;color:#607973}
.button-builder-row{border:1px solid #e2ece9;background:#fff;border-radius:16px;padding:11px;display:grid;grid-template-columns:76px minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:end}
.button-number{height:38px;border-radius:999px;background:#e9f8f2;color:#075e54;font-weight:950;display:grid;place-items:center;font-size:12px}.button-builder-row label{margin:0}.button-builder-row input,.button-builder-row select{min-height:42px}
.button-preview{border:1px dashed #badbd3;background:#effaf5;border-radius:16px;padding:10px;display:grid;gap:7px}.button-preview small{font-weight:950;color:#607973}.chips.muted span{background:#fff;color:#607973;border:1px solid #dce7e4}.builder-note{margin:0;color:#607973;font-size:12px;font-weight:800;line-height:1.35}
@media(max-width:720px){.button-builder-row{grid-template-columns:1fr}.button-number{width:max-content;padding:0 12px}.button-builder{padding:11px}}

/* v8.5.4.1 - variáveis e sessão do autoresponder */
.variables-help{display:block;margin-top:6px;color:#607973;font-weight:850;font-size:12px;line-height:1.35}.auto-modal textarea + .variables-help{background:#f3fffb;border:1px dashed #badbd3;border-radius:12px;padding:8px 10px}

/* v8.5.5 - limpeza do gerenciador de fluxos */
.auto-side .primary-btn.full{margin-top:0}.auto-item{display:grid;gap:8px;cursor:default}.flow-select{width:100%;border:0;background:transparent;text-align:left;padding:0;display:grid;gap:4px;color:inherit}.flow-select b{color:#111b21}.flow-select span{font-size:12px;color:#607973;font-weight:800}.flow-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.flow-actions button{border:1px solid var(--line);background:#fff;color:#075e54;border-radius:999px;padding:7px 8px;font-size:11px;font-weight:950}.flow-actions button.danger,.auto-head button.danger{border-color:#fecaca;background:#fff5f5;color:#b91c1c}.auto-head.clean{justify-content:flex-end;padding:14px 16px}.auto-toolbar{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;width:100%}.auto-toolbar button{border:1px solid var(--line);background:#fff;color:#075e54;border-radius:999px;padding:10px 13px;font-weight:950;cursor:pointer}.auto-toolbar .primary-btn{background:#075e54;color:#fff;border-color:#075e54}
@media(max-width:900px){.auto-head.clean{align-items:stretch}.auto-toolbar{display:grid;grid-template-columns:1fr 1fr}.auto-toolbar button{width:100%}.flow-actions{grid-template-columns:1fr 1fr}}

/* v8.5.6 - Button Branch Composer */
.branch-composer-card{gap:11px}
.branch-row{display:grid;grid-template-columns:minmax(0,1fr) 138px;gap:10px;align-items:center;border:1px solid #e2ece9;background:#fff;border-radius:15px;padding:10px}
.branch-row>div{display:grid;gap:3px;min-width:0}.branch-row strong{color:#075e54;font-size:13px}.branch-row span{font-size:12px;color:#607973;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.branch-row button{width:100%;padding:9px 10px;font-size:12px;background:#f3fffb}
.branch-modal .modal-card{max-width:720px}.branch-composer{display:grid;gap:13px}.branch-current{border:1px dashed #badbd3;background:#effaf5;border-radius:16px;padding:11px;display:grid;gap:4px}.branch-current b{color:#075e54}.branch-current span{color:#315a52;font-weight:850;font-size:13px}.branch-field{display:none}.button-builder.mini{padding:12px}.button-builder.mini label{margin-top:8px}.button-builder-row.compact{grid-template-columns:76px minmax(0,1fr);align-items:center}.button-path-hint{grid-column:2;display:block;color:#607973;font-size:12px;font-weight:800;line-height:1.3}.split-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ghost-btn{border:1px solid var(--line);background:#fff;color:#075e54;border-radius:999px;padding:11px 14px;font-weight:950;cursor:pointer}.primary-btn{background:#075e54;color:#fff;border:1px solid #075e54;border-radius:999px;padding:11px 14px;font-weight:950;cursor:pointer}
@media(max-width:720px){.branch-row{grid-template-columns:1fr}.branch-row button{width:100%}.branch-modal .modal-card{width:96vw}.button-builder-row.compact{grid-template-columns:1fr}.button-path-hint{grid-column:auto}.split-actions{grid-template-columns:1fr}}

/* v8.5.6.1 - Button Inline Editor Fix */
.button-builder-row.button-editor-row{grid-template-columns:76px minmax(0,1fr) minmax(220px,.9fr);align-items:center}
.button-path-editor{border:1px dashed #badbd3;background:#effaf5;border-radius:14px;padding:9px;display:grid;gap:7px;align-self:stretch}
.button-path-editor small{color:#607973;font-weight:850;line-height:1.25}.button-path-editor small b{color:#075e54;font-weight:950}
.button-path-edit{border:1px solid #075e54;background:#fff;color:#075e54;border-radius:999px;padding:9px 10px;font-size:12px;font-weight:950;cursor:pointer;width:100%}
.button-path-edit.disabled{border-color:#dce7e4;color:#607973;background:#f8fbfa}
@media(max-width:720px){.button-builder-row.button-editor-row{grid-template-columns:1fr}.button-path-editor{width:100%}}


/* v8.5.7 - Step-Scoped Button Path Editor */
.stage-path-map{margin-top:10px;border:1px dashed #badbd3;background:#effaf5;border-radius:16px;padding:10px;display:grid;gap:7px}
.stage-path-map>b{color:#075e54;font-size:13px}
.path-chip-line{display:grid;grid-template-columns:minmax(0,.55fr) minmax(0,1fr);gap:8px;align-items:center;border:1px solid #dce7e4;background:#fff;border-radius:999px;padding:7px 10px}
.path-chip-line span{color:#075e54;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.path-chip-line small{color:#607973;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stage-path-map em{font-style:normal;color:#607973;font-size:12px;font-weight:800;line-height:1.3}
.flow-map-card{background:#fff}
.branch-row.summary-only button{background:#fff;color:#075e54}
.branch-context{border:1px solid #dce7e4;background:#fbfffd;border-radius:16px;padding:11px;display:grid;gap:4px}
.branch-context b{color:#075e54}.branch-context span{color:#315a52;font-size:13px;font-weight:850}
@media(max-width:720px){.path-chip-line{grid-template-columns:1fr;border-radius:15px}.stage-path-map{padding:9px}}

/* v8.5.7.1 - Button Path UX Speed Hotfix */
.variable-buttons{margin-top:8px;border:1px dashed #badbd3;background:#f3fffb;border-radius:14px;padding:8px 10px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.variable-buttons small{color:#607973;font-weight:900;font-size:12px;margin-right:2px}
.variable-buttons button{border:1px solid #badbd3;background:#fff;color:#075e54;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:950;cursor:pointer}
.variable-buttons button:hover{border-color:#075e54;background:#effaf5}
.button-path-edit{transition:none}
.button-path-edit:active{transform:translateY(1px)}
.branch-modal .modal-card{animation:none}

/* v8.5.7.5 — Step Card Cleanup Hotfix */
.auto-stage{overflow:hidden}
.auto-stage .stage-path-map{display:none!important}
.auto-stage *{min-width:0}
.auto-stage .chips{max-width:100%;overflow:hidden}
.auto-stage .chips span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.auto-stage p{overflow-wrap:anywhere}


/* v8.5.7.5 — Valid Worker + Clean Stage Card Force */
.auto-stage .stage-path-map,
.auto-stage .path-chip-line,
.auto-stage .stage-path-map *{display:none!important;visibility:hidden!important;height:0!important;max-height:0!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important;}
.auto-stage{overflow:hidden!important;}
.auto-stage>div{min-width:0!important;overflow:hidden!important;}
.auto-stage .chips{display:flex;gap:6px;flex-wrap:wrap;max-width:100%;overflow:hidden;}
.auto-stage .chips span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* v8.5.7.5 — Hard cleanup: never show per-button paths inside stage list cards */
.auto-stage .stage-path-map,
.auto-stage .path-chip-line,
.auto-stage .path-chip-line *,
.auto-stage .stage-path-map *,
.auto-stage [data-stage-path-map],
.auto-stage [data-stage-path-map] *,
.auto-stage .stage-path-helper,
.auto-stage .stage-path-helper * {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  max-height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
}
.auto-stage { overflow: hidden !important; }
.auto-stage > div { overflow: hidden !important; min-width: 0 !important; }

/* v8.5.7.6 — Clean modal scoped media fields */
.auto-modal .field-media-image,.auto-modal .field-media-video,.auto-modal .field-media-audio,.auto-modal .field-media-document,.branch-modal .branch-media-image,.branch-modal .branch-media-video,.branch-modal .branch-media-audio,.branch-modal .branch-media-document{display:none;}

/* v8.5.7.7 — Button Path Edit Before Save */
.branch-current-action{border:1px dashed #badbd3;background:#f3fffb;border-radius:16px;padding:12px;display:grid;gap:6px}
.branch-current-action b{color:#075e54;font-size:14px}
.branch-current-action span{color:#315a52;font-size:13px;font-weight:850;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.branch-current-action button{border:1px solid #075e54;background:#fff;color:#075e54;border-radius:999px;padding:10px 12px;font-weight:950;cursor:pointer;width:max-content;max-width:100%}
.button-path-edit.disabled{opacity:1;cursor:pointer}

/* v8.5.7.8 — Connected Step Continuation UX */
.stage-continuation-editor,.stage-origin-notice{border:1px dashed #badbd3;background:#f3fffb;border-radius:16px;padding:12px;display:grid;gap:8px;margin:12px 0;}
.stage-continuation-editor b,.stage-origin-notice b{color:#075e54;font-size:14px;}
.stage-continuation-editor small,.stage-origin-notice span{color:#607973;font-weight:850;line-height:1.35;}
.stage-continuation-editor select{width:100%;}
.continuation-actions{display:flex;gap:8px;flex-wrap:wrap;}
.continuation-actions .ghost-btn{width:auto;}
@media(max-width:720px){.continuation-actions{display:grid;grid-template-columns:1fr}.continuation-actions .ghost-btn{width:100%;}}


/* v8.5.8 — Active Flow Selector + Trigger Conflict Guard */
.flow-active-panel{border:1px dashed #badbd3;background:#f3fffb;border-radius:18px;padding:12px 14px;margin:0 0 14px;display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}
.flow-active-panel>div{display:grid;gap:3px}.flow-active-panel b{color:#075e54;font-size:13px}.flow-active-panel span{color:#315a52;font-weight:850;font-size:12px;line-height:1.35}.flow-active-panel p{grid-column:1/-1;margin:0;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;border-radius:14px;padding:9px 10px;font-weight:850;font-size:12px;line-height:1.35}.auto-item.test-active{box-shadow:0 0 0 2px rgba(7,94,84,.18) inset}.auto-item.conflict{border-color:#fed7aa;background:#fffaf4}.flow-select i{font-style:normal;display:flex;gap:6px;flex-wrap:wrap}.flow-badge{display:inline-flex;width:max-content;align-items:center;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:950;border:1px solid #dce7e4;background:#fff;color:#607973}.flow-badge.active-test{background:#075e54;color:#fff;border-color:#075e54}.flow-badge.main-flow{background:#effaf5;color:#075e54;border-color:#badbd3}.flow-badge.keyword-flow{background:#edf5ff;color:#1d4ed8;border-color:#bfdbfe}.flow-badge.draft-flow{background:#f8fafc;color:#64748b;border-color:#e2e8f0}.flow-conflict{display:block;color:#9a3412!important;background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;padding:6px 8px;font-weight:900!important;line-height:1.25}.auto-item .flow-actions{grid-template-columns:1fr 1fr 1fr}.auto-item .flow-actions button:first-child{grid-column:1/-1;background:#effaf5;border-color:#badbd3;color:#075e54}
@media(max-width:900px){.flow-active-panel{grid-template-columns:1fr}.auto-item .flow-actions{grid-template-columns:1fr 1fr}.auto-item .flow-actions button:first-child{grid-column:1/-1}}


/* v8.5.8.1 — Test Button Cleanup + Flow Map Preview */
.flow-map-preview{border:1px solid #dce7e4;background:#fbfffd;border-radius:18px;padding:12px;display:grid;gap:9px;max-height:68vh;overflow:auto;overscroll-behavior:contain;}
.flow-map-header{display:flex;justify-content:space-between;gap:10px;align-items:center;border-bottom:1px solid #e2ece9;padding-bottom:9px;position:sticky;top:0;background:#fbfffd;z-index:2;}
.flow-map-header b,.flow-map-section>b{color:#075e54;font-size:13px;}
.flow-map-header span{color:#607973;font-size:12px;font-weight:850;white-space:nowrap;}
.flow-map-node,.flow-map-ref,.flow-map-leaf,.flow-map-branch{margin-left:calc(var(--depth,0) * 14px);}
.flow-map-line{border:1px solid #e2ece9;background:#fff;border-radius:14px;padding:9px 10px;display:grid;gap:3px;}
.flow-map-line small{color:#075e54;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.02em;}
.flow-map-line b{color:#111b21;font-size:13px;line-height:1.25;}
.flow-map-line span{color:#607973;font-size:12px;font-weight:800;line-height:1.25;overflow-wrap:anywhere;}
.flow-map-branch{border-left:2px solid #badbd3;padding-left:10px;display:grid;gap:6px;margin-top:7px;margin-bottom:7px;}
.flow-map-branch>strong{width:max-content;max-width:100%;border:1px solid #badbd3;background:#effaf5;color:#075e54;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:950;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.flow-map-branch.next>strong{background:#f8fafc;color:#315a52;border-color:#dce7e4;}
.flow-map-ref,.flow-map-leaf{border:1px dashed #dce7e4;background:#fff;border-radius:12px;padding:8px 10px;color:#607973;font-size:12px;font-weight:850;margin-top:6px;}
.flow-map-section{display:grid;gap:8px;border-top:1px solid #e2ece9;margin-top:6px;padding-top:10px;}
@media(max-width:900px){.flow-map-preview{max-height:none;overflow:visible}.flow-map-node,.flow-map-ref,.flow-map-leaf,.flow-map-branch{margin-left:calc(var(--depth,0) * 8px)}.flow-map-header{position:relative}.flow-map-header{align-items:flex-start;flex-direction:column}.flow-map-header span{white-space:normal}}

/* v9.0 internal - commercial recovery, templates, products and reports */
.window-badge{display:inline-flex;align-items:center;border-radius:999px;padding:2px 7px;margin-right:5px;font-size:10.5px;line-height:1.2;font-weight:950;text-transform:uppercase;border:1px solid transparent;vertical-align:middle;white-space:nowrap}
.window-badge.open{background:#dcfce7;color:#166534;border-color:#bbf7d0}.window-badge.warn{background:#fff7ed;color:#c2410c;border-color:#fed7aa}.window-badge.closed{background:#fef2f2;color:#b91c1c;border-color:#fecaca}
.commerce-page{display:grid;gap:16px}.commerce-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:0 10px 26px rgba(0,0,0,.045);display:grid;gap:4px}.metric-card b{font-size:24px;color:#075e54}.metric-card span{color:#607973;font-weight:850;font-size:13px}
.commerce-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.commerce-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:0 10px 26px rgba(0,0,0,.045);display:grid;gap:9px}.commerce-card>b{font-size:19px;color:#075e54}.commerce-card>span,.pill{width:max-content;max-width:100%;border-radius:999px;background:#effaf5;color:#075e54;border:1px solid #badbd3;padding:5px 9px;font-size:12px;font-weight:950}.commerce-card p{margin:0;color:#315a52;font-weight:750;line-height:1.4}
.commerce-list{display:grid;gap:10px}.commerce-item{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;box-shadow:0 8px 22px rgba(0,0,0,.04)}.commerce-item b,.commerce-item span,.commerce-item small{display:block}.commerce-item b{color:#075e54}.commerce-item span{color:#315a52;font-weight:800}.commerce-item small{color:#607973;font-weight:750;margin-top:3px}.commerce-item aside{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.commerce-item button{border:1px solid var(--line);background:#fff;color:#075e54;border-radius:999px;padding:9px 11px;font-weight:950}
@media(max-width:1000px){.commerce-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.commerce-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.commerce-summary,.commerce-grid{grid-template-columns:1fr}.commerce-item{grid-template-columns:1fr}.commerce-item aside{justify-content:stretch}.commerce-item button{flex:1}.window-badge{max-width:100%;overflow:hidden;text-overflow:ellipsis}}

/* v9.0 internal - premium command center */
.screen-default{background:#07110f;color:#ecfffa}
.mz-app-shell{min-height:100vh;display:grid;grid-template-columns:246px minmax(0,1fr);background:
  radial-gradient(circle at 22% 8%,rgba(37,211,102,.18),transparent 30%),
  radial-gradient(circle at 88% 18%,rgba(34,211,238,.16),transparent 28%),
  linear-gradient(135deg,#07110f 0%,#0c171b 52%,#160f22 100%);color:#ecfffa}
.mz-sidebar{position:sticky;top:0;height:100vh;padding:16px;border-right:1px solid rgba(255,255,255,.1);background:rgba(5,12,11,.78);backdrop-filter:blur(16px);display:flex;flex-direction:column;gap:16px}
.mz-brand{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#fff;border-radius:8px;padding:12px;display:flex;align-items:center;gap:10px;font-weight:950;cursor:pointer}
.mz-brand img{width:30px;height:30px}.mz-sidebar nav{display:grid;gap:6px;overflow:auto;padding-right:2px}
.mz-nav-item{border:1px solid transparent;background:transparent;color:#b9d7d0;border-radius:8px;padding:9px 10px;display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;align-items:center;text-align:left;font-weight:850;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease,color .16s ease}
.mz-nav-item i{height:28px;min-width:28px;border-radius:8px;display:grid;place-items:center;background:rgba(255,255,255,.07);font-style:normal;color:#67e8f9;font-size:12px}.mz-nav-item:hover{transform:translateX(2px);background:rgba(255,255,255,.07);color:#fff}.mz-nav-item.active{background:linear-gradient(135deg,rgba(37,211,102,.22),rgba(34,211,238,.14));border-color:rgba(37,211,102,.38);color:#fff}.mz-nav-item.hot i{background:rgba(168,85,247,.22);color:#d8b4fe}.mz-nav-item.hot.active{box-shadow:0 0 0 1px rgba(168,85,247,.2),0 14px 34px rgba(168,85,247,.16)}
.mz-side-note{margin-top:auto;border:1px solid rgba(37,211,102,.28);background:rgba(37,211,102,.1);border-radius:8px;padding:12px;display:grid;gap:4px}.mz-side-note b{color:#dcfce7}.mz-side-note span{color:#a7f3d0;font-size:12px;font-weight:800;line-height:1.35}
.mz-main{min-width:0;padding:18px 20px 28px;display:grid;gap:16px;align-content:start}.mz-topbar{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.07);backdrop-filter:blur(16px);border-radius:8px;padding:16px 18px;display:flex;justify-content:space-between;gap:16px;align-items:center;animation:mzRise .28s ease both}.mz-topbar h1{margin:0;font-size:26px;letter-spacing:0;color:#fff}.mz-topbar p{margin:4px 0 0;color:#b9d7d0;font-weight:750}.mz-topbar aside{display:grid;grid-template-columns:10px auto;gap:3px 8px;align-items:center;color:#fff;text-align:right}.mz-topbar aside small{grid-column:2;color:#9ee7d0;font-weight:800}.mz-status-dot{width:10px;height:10px;border-radius:50%;background:#25d366;box-shadow:0 0 0 7px rgba(37,211,102,.13);animation:mzPulse 1.8s ease-in-out infinite}
.mz-hero{border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,rgba(255,255,255,.11),rgba(255,255,255,.05));border-radius:8px;padding:24px;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;box-shadow:0 24px 70px rgba(0,0,0,.22);animation:mzRise .32s ease both}.mz-kicker{display:inline-flex;width:max-content;border:1px solid rgba(37,211,102,.35);background:rgba(37,211,102,.13);color:#bbf7d0;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:950;text-transform:uppercase}.mz-hero h1{margin:12px 0 8px;font-size:42px;line-height:1.04;letter-spacing:0;color:#fff}.mz-hero p{margin:0;color:#d6f8f0;font-size:16px;line-height:1.45;font-weight:750}.mz-hero aside{border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.18);border-radius:8px;padding:14px;display:grid;gap:10px;align-content:start}.mz-hero aside>b{color:#fff}
.mz-status-line{display:grid;grid-template-columns:10px minmax(0,1fr);gap:2px 8px;align-items:center}.mz-status-line span{width:10px;height:10px;border-radius:50%;background:#64748b}.mz-status-line span.ok{background:#25d366}.mz-status-line b{color:#eafff8;font-size:13px}.mz-status-line em{grid-column:2;font-style:normal;color:#a9c9c2;font-size:12px;font-weight:800}
.mz-metrics,.commerce-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric-card{border:1px solid rgba(255,255,255,.12)!important;background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.06))!important;border-radius:8px!important;padding:16px!important;box-shadow:0 16px 38px rgba(0,0,0,.18)!important;animation:mzRise .34s ease both;transition:transform .16s ease,border-color .16s ease}.metric-card:hover{transform:translateY(-3px);border-color:rgba(37,211,102,.35)!important}.metric-card b{font-size:25px!important;color:#fff!important}.metric-card span{color:#b9d7d0!important;font-weight:850!important}
.mz-dashboard-grid,.mz-report-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:12px}.mz-panel,.commerce-card,.commerce-item,.mz-module-intro{border:1px solid rgba(255,255,255,.12)!important;background:rgba(255,255,255,.08)!important;color:#eafff8;border-radius:8px!important;padding:16px!important;box-shadow:0 16px 42px rgba(0,0,0,.18)!important;animation:mzRise .36s ease both}.mz-panel h2,.commerce-card>b,.commerce-item b,.mz-module-intro b{margin:0;color:#fff!important}.mz-panel p,.commerce-card p,.commerce-item span,.commerce-item small,.mz-module-intro p{color:#b9d7d0!important}.mz-module-intro{display:grid;gap:5px}.mz-module-intro p{margin:0;font-weight:750;line-height:1.45}.spotlight{background:linear-gradient(135deg,rgba(168,85,247,.22),rgba(37,211,102,.1))!important}.spotlight h2{font-size:28px}.spotlight button,.mz-actions button,.commerce-item button,.commerce-card button,.primary-btn{border:1px solid rgba(37,211,102,.45)!important;background:#25d366!important;color:#03120d!important;border-radius:8px!important;padding:10px 12px!important;font-weight:950!important;cursor:pointer;transition:transform .12s ease,filter .12s ease}.spotlight button:hover,.mz-actions button:hover,.commerce-item button:hover,.commerce-card button:hover,.primary-btn:hover{transform:translateY(-2px);filter:brightness(1.05)}.commerce-item button.danger{background:#fee2e2!important;color:#991b1b!important;border-color:#fecaca!important}
.mz-window-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border-top:1px solid rgba(255,255,255,.1);padding:10px 0}.mz-window-row:first-of-type{border-top:0}.mz-window-row b,.mz-window-row span{display:block}.mz-window-row span{color:#9bbab4;font-size:12px;font-weight:750}.mz-window-row em{font-style:normal;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:950}.mz-window-row em.open{background:#dcfce7;color:#166534}.mz-window-row em.warn{background:#ffedd5;color:#9a3412;animation:mzPulse 1.4s ease-in-out infinite}.mz-window-row em.closed{background:#fee2e2;color:#991b1b}
.mz-timeline{display:grid;gap:9px}.mz-timeline>div{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:start;border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.14);border-radius:8px;padding:10px}.mz-timeline i{width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,#25d366,#22d3ee);color:#03120d;display:grid;place-items:center;font-style:normal;font-weight:950}.mz-timeline b,.mz-timeline span,.mz-timeline em{display:block}.mz-timeline span,.mz-timeline em{color:#b9d7d0;font-size:12px;font-weight:800;font-style:normal}
.mz-actions{display:flex;gap:8px;flex-wrap:wrap}.commerce-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.commerce-card>span,.pill{width:max-content;max-width:100%;border-radius:999px;background:rgba(34,211,238,.12)!important;color:#a5f3fc!important;border:1px solid rgba(34,211,238,.3)!important;padding:5px 9px;font-size:12px;font-weight:950}.commerce-card blockquote{margin:0;border-left:3px solid #25d366;background:rgba(0,0,0,.14);padding:10px;color:#dffcf5;border-radius:6px;font-size:13px;line-height:1.4}.commerce-item{grid-template-columns:minmax(0,1fr) auto}.commerce-item em{display:block;margin-top:7px;color:#d8b4fe;font-style:normal;font-weight:900;font-size:12px}.recovery-card.critical{border-color:rgba(168,85,247,.38)!important;box-shadow:0 0 0 1px rgba(168,85,247,.12),0 20px 44px rgba(0,0,0,.2)!important}.gateway-grid .commerce-card{min-height:166px}.mini-bars{display:grid;gap:5px}.mini-bars i{display:block;height:7px;border-radius:999px;background:linear-gradient(90deg,#25d366,#22d3ee,#a855f7)}
.report-bar{display:grid;grid-template-columns:120px minmax(0,1fr) 38px;gap:10px;align-items:center;margin:10px 0}.report-bar b{color:#fff}.report-bar span{height:10px;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden}.report-bar i{display:block;height:100%;background:linear-gradient(90deg,#25d366,#22d3ee);border-radius:999px}.report-bar em{font-style:normal;color:#b9d7d0;text-align:right;font-weight:900}.mz-loading,.mz-empty,.empty,.loading{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08);color:#dffcf5;border-radius:8px;padding:16px;font-weight:850}.mz-loading span{display:inline-block;width:11px;height:11px;border-radius:50%;background:#25d366;margin-right:8px;animation:mzPulse 1.2s ease-in-out infinite}
.kv{border-top:1px solid rgba(255,255,255,.1)!important;padding-top:8px}.kv b{color:#fff!important}.kv span{color:#b9d7d0!important}.simple-page{background:#07110f;color:#eafff8}
@keyframes mzRise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes mzPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.72}}
@media(max-width:1120px){.mz-app-shell{grid-template-columns:1fr}.mz-sidebar{position:relative;height:auto;border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.mz-sidebar nav{display:flex;overflow:auto;padding-bottom:4px}.mz-nav-item{min-width:max-content;grid-template-columns:28px auto}.mz-side-note{display:none}.mz-hero{grid-template-columns:1fr}.mz-metrics,.commerce-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.commerce-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mz-dashboard-grid,.mz-report-grid{grid-template-columns:1fr}}
@media(max-width:720px){.mz-main{padding:12px}.mz-topbar{align-items:flex-start;flex-direction:column}.mz-topbar h1{font-size:22px}.mz-hero{padding:18px}.mz-hero h1{font-size:30px}.mz-metrics,.commerce-summary,.commerce-grid{grid-template-columns:1fr}.commerce-item{grid-template-columns:1fr}.commerce-item aside{display:grid;grid-template-columns:1fr 1fr;width:100%}.commerce-item button{width:100%}.mz-window-row{grid-template-columns:1fr}.report-bar{grid-template-columns:1fr}.report-bar em{text-align:left}.mz-actions{display:grid;grid-template-columns:1fr}.mz-actions button{width:100%}}

/* v9.0 mobile-first correction - app-like mobile, CRM desktop */
html,body,#app{width:100%;max-width:100%;overflow-x:hidden}.mz-logo-img{display:block;object-fit:contain;object-position:center;flex:0 0 auto}.mz-logo-fallback{font-weight:950;color:inherit;letter-spacing:0}.mz-brand .mz-logo-img{width:30px;height:30px}.mini-brand .mz-logo-img{width:32px;height:32px}.chat-empty .mz-logo-img{width:58px;height:58px;margin:0 auto 14px}.mz-mobile-brand{display:none;align-items:center;gap:8px;color:#fff;font-weight:950}.mz-mobile-brand .mz-logo-img{width:28px;height:28px}
.mz-app-shell{height:100dvh;min-height:0}.mz-main{overflow:auto;min-height:0}.mz-bottom-nav{display:none}.wa-mobile-status{margin-left:auto;border:1px solid #bfe9d1;background:#effaf5;color:#075e54;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:950;white-space:nowrap}.lead-sheet-btn{border:1px solid #d9dedb;background:#fff;color:#075e54;border-radius:999px;min-width:40px;height:36px;font-size:12px;font-weight:950}.composer-icon.template{font-weight:950;font-size:16px;color:#075e54}.template-mobile-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px;display:grid;gap:8px}.template-mobile-card b{color:#075e54}.template-mobile-card span{color:#607973;font-size:12px;font-weight:900}.template-mobile-card p{margin:0;color:#315a52;font-size:13px;line-height:1.35}.template-target{display:block;margin-top:12px;color:#607973;font-weight:850}.mobile-more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mobile-more-grid button{border:1px solid var(--line);background:#fff;color:#075e54;border-radius:12px;padding:14px 10px;display:grid;gap:6px;justify-items:center;font-weight:950}.mobile-more-grid i{font-style:normal;width:34px;height:34px;border-radius:10px;background:#effaf5;display:grid;place-items:center}
@media(max-width:767px){
  body{overflow:hidden;background:#07110f}.screen-default #app{height:100dvh;overflow:hidden}.mz-app-shell{display:block;height:100dvh;padding-bottom:74px;background:linear-gradient(180deg,#07110f 0%,#0b1715 54%,#08110f 100%)}.mz-sidebar{display:none}.mz-main{height:100%;padding:10px 10px 86px;overflow:auto;overscroll-behavior:contain}.mz-topbar{position:sticky;top:0;z-index:20;border-radius:10px;padding:10px 12px;gap:8px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;background:rgba(5,12,11,.92)}.mz-top-title{min-width:0}.mz-mobile-brand{display:flex;margin-bottom:4px}.mz-topbar h1{font-size:19px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mz-topbar p{display:none}.mz-topbar aside{grid-template-columns:9px auto;text-align:left;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:6px 8px;background:rgba(255,255,255,.06)}.mz-topbar aside b{display:none}.mz-topbar aside small{font-size:11px;grid-column:2;white-space:nowrap}.mz-status-dot{width:9px;height:9px;box-shadow:none}.mz-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:80;display:grid;grid-template-columns:repeat(5,1fr);gap:2px;padding:7px 8px calc(7px + env(safe-area-inset-bottom));background:rgba(5,12,11,.96);border-top:1px solid rgba(255,255,255,.12);backdrop-filter:blur(14px)}.mz-bottom-nav button{min-width:0;min-height:54px;border-radius:10px;background:transparent;color:#a9c9c2;display:grid;gap:2px;place-items:center;font-size:11px}.mz-bottom-nav button i{font-style:normal;font-size:16px}.mz-bottom-nav button.active{background:rgba(37,211,102,.14);color:#dcfce7}.mz-hero{padding:14px;gap:12px}.mz-hero h1{font-size:24px;line-height:1.08}.mz-hero p{font-size:14px}.mz-hero aside{display:none}.mz-metrics,.commerce-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow:visible}.metric-card{min-height:96px;padding:13px!important}.metric-card b{font-size:21px!important}.metric-card span{font-size:12px!important;line-height:1.25}.commerce-grid,.mz-dashboard-grid,.mz-report-grid{grid-template-columns:1fr!important}.mz-panel,.commerce-card,.commerce-item,.mz-module-intro{padding:13px!important;box-shadow:0 10px 24px rgba(0,0,0,.16)!important}.commerce-item{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.commerce-item aside,.mz-actions{display:grid!important;grid-template-columns:1fr!important;width:100%;gap:8px}.commerce-item button,.commerce-card button,.mz-actions button{min-height:46px;width:100%;font-size:14px}.commerce-card blockquote{max-height:130px;overflow:auto}.report-bar{grid-template-columns:1fr!important;gap:6px}.kv{display:grid!important;grid-template-columns:1fr!important;gap:3px}.auto-layout,.auto-grid,.flow-layout,.flow-columns{grid-template-columns:1fr!important}.auto-side{position:relative;top:auto}.auto-head{border-radius:10px}.auto-toolbar{grid-template-columns:1fr!important}.auto-stage{grid-template-columns:30px minmax(0,1fr)!important;border-radius:10px}.auto-stage aside{grid-column:1/-1;grid-template-columns:1fr 1fr}.flow-map-preview{max-height:none}.modal{align-items:end;place-items:end center}.modal-card{width:100vw;max-height:86dvh;border-radius:18px 18px 0 0;padding:18px 14px calc(18px + env(safe-area-inset-bottom));animation:mzSheet .18s ease both}.media-modal .modal-card,.bottom-sheet-modal .modal-card{width:100vw;height:auto;max-height:88dvh;border-radius:18px 18px 0 0}.modal-close{top:10px;right:10px}.split-actions{grid-template-columns:1fr!important}.mobile-more-modal .modal-card,.template-sheet-modal .modal-card,.lead-sheet-modal .modal-card{background:#f8fbfa}.template-mobile-list{display:grid;gap:10px;max-height:56dvh;overflow:auto;padding-right:2px}.lead-sheet{display:grid;gap:8px}.danger.full{min-height:46px;width:100%;border-radius:10px!important}.lead-tabs.template-filters{padding:0;margin:8px 0;display:flex;overflow:auto}
}
@media(max-width:480px){
  .mz-main{padding-left:8px;padding-right:8px}.mz-hero h1{font-size:22px}.mz-metrics,.commerce-summary{grid-template-columns:1fr}.metric-card{min-height:86px}.mobile-more-grid{grid-template-columns:1fr 1fr}.commerce-item aside{grid-template-columns:1fr!important}.wa-mobile-status{display:none}
}
@media(min-width:481px) and (max-width:767px){
  .mz-metrics,.commerce-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:768px) and (max-width:1023px){
  .mz-app-shell{grid-template-columns:1fr;height:100dvh}.mz-sidebar{position:relative;height:auto;border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.mz-sidebar nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible;max-width:100%}.mz-nav-item{min-width:0}.mz-main{height:calc(100dvh - 222px)}.commerce-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wa-app{grid-template-columns:300px minmax(0,1fr)}
}
@media(min-width:1024px){
  .screen-default #app{height:100dvh}.mz-bottom-nav{display:none!important}.mz-mobile-brand{display:none!important}
}
@media(max-width:767px){
  .screen-atendimento{background:#e9f6f1}.screen-atendimento #app{height:100dvh;overflow:hidden}.wa-app{width:100vw;max-width:100vw;overflow:hidden}.wa-list,.wa-chat{width:100vw;max-width:100vw;overflow:hidden}.wa-list *,.wa-chat *{min-width:0}.wa-list-head{height:58px;padding:8px 8px}.wa-list-head .icon-btn{width:38px;height:38px;min-width:38px}.mini-brand{min-width:0}.mini-brand b{line-height:1}.mini-brand small{font-size:11px}.wa-search{padding:9px 10px 7px}.wa-search input{height:42px;font-size:16px}.lead-tabs{padding:2px 10px 8px;gap:7px;max-width:100%;overflow:auto}.lead-tabs button{min-height:38px;padding:8px 12px;font-size:13px}.lead-scroll{padding:0 6px 10px}.lead-row{min-height:76px;border-radius:12px;padding:9px 8px;grid-template-columns:48px minmax(0,1fr) auto}.avatar{width:44px;height:44px}.lead-info b{font-size:16px}.lead-info span{font-size:13px;line-height:1.35}.window-badge{font-size:9.5px;padding:2px 6px}.chat-top{height:58px;padding:7px 8px;gap:7px}.mobile-back{width:34px;min-width:34px;height:40px;font-size:26px}.chat-top .avatar{width:38px;height:38px}.chat-person b{font-size:16px}.chat-person span{font-size:11px;min-height:15px}.lead-sheet-btn{display:grid;place-items:center;min-width:38px;height:34px}.bot-switch{width:42px;min-width:42px;overflow:hidden}.bot-switch span{display:none}.bot-switch i{width:30px;margin:0}.chat-messages{padding:10px 8px 8px}.msg{max-width:88%;font-size:15px}.chat-composer,.chat-composer.mobile-native{position:relative;z-index:40;grid-template-columns:38px 38px 34px minmax(0,1fr) 48px!important;gap:4px;min-height:64px;padding:7px 6px calc(7px + env(safe-area-inset-bottom))}.chat-composer.mobile-native input.mobile-message-input{height:48px;min-height:48px;line-height:48px;border-radius:24px;padding:0 13px;font-size:16px}.composer-icon{width:38px!important;height:48px!important}.composer-icon.emoji{width:34px!important}.send-btn{width:48px!important;height:48px!important}.send-btn svg{width:22px;height:22px}.emoji-bar{max-height:52px}.media-choice-grid{grid-template-columns:1fr}.media-item.media-card{grid-template-columns:86px minmax(0,1fr)}.media-item button{min-height:42px}.status-grid{grid-template-columns:1fr}
}
@keyframes mzSheet{from{opacity:.85;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}


/* v9.3.1 — Desktop Atendimento Fix: desktop CRM without touching approved mobile flow */
.wa-desktop-topbar,.wa-lead360{display:none}
@media (min-width:1024px){
  html,body,#app{height:100%;width:100%;max-width:100%;overflow:hidden}
  .screen-atendimento{background:#dfeee9;overflow:hidden}
  .screen-atendimento #app{height:100dvh;overflow:hidden}
  .screen-atendimento .mz-bottom-nav,.screen-atendimento .bottom-sheet-modal:not(.template-sheet-modal):not(.media-modal){display:none!important}
  .wa-app{height:100dvh;width:100%;max-width:100%;overflow:hidden;display:grid;grid-template-columns:minmax(320px,360px) minmax(420px,1fr) minmax(320px,380px);grid-template-rows:64px minmax(0,1fr);grid-template-areas:"top top top" "list chat lead";background:#e6f2ee;color:#12332e}
  .wa-desktop-topbar{grid-area:top;display:grid;grid-template-columns:minmax(210px,260px) minmax(360px,auto) minmax(260px,1fr) minmax(190px,230px);align-items:center;gap:14px;height:64px;padding:0 18px;background:linear-gradient(90deg,#061412,#0b2a25 58%,#07342d);border-bottom:1px solid rgba(255,255,255,.10);color:#fff;min-width:0}
  .wa-desk-brand{display:flex;align-items:center;gap:10px;min-width:0}.wa-desk-brand .mz-logo-img{width:36px;height:36px;border-radius:9px;object-fit:contain;background:rgba(255,255,255,.04)}.wa-desk-brand b,.wa-desk-brand span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-desk-brand b{font-size:17px;letter-spacing:.01em}.wa-desk-brand span{font-size:11px;color:#9cc7bd;font-weight:850}
  .wa-desk-nav{display:flex;gap:6px;min-width:0;overflow:hidden}.wa-desk-nav button{height:36px;border-radius:999px;padding:0 11px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:#cfe5df;font-size:12px;font-weight:950;white-space:nowrap}.wa-desk-nav button.active,.wa-desk-nav button:hover{background:rgba(37,211,102,.16);color:#fff;border-color:rgba(37,211,102,.34)}
  .wa-global-search{height:38px;display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:6px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:0 12px;min-width:0}.wa-global-search span{color:#9cc7bd;font-weight:950}.wa-global-search input{width:100%;border:0;outline:0;background:transparent;color:#fff;font-weight:800;min-width:0}.wa-global-search input::placeholder{color:#9cc7bd}
  .wa-desk-status{display:grid;grid-template-columns:10px minmax(0,1fr);column-gap:8px;align-items:center;justify-self:end;min-width:0}.wa-desk-status i{width:10px;height:10px;border-radius:50%;background:#f59e0b}.wa-desk-status i.ok{background:#25d366}.wa-desk-status b,.wa-desk-status span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-desk-status b{font-size:12px}.wa-desk-status span{grid-column:2;color:#9cc7bd;font-size:11px;font-weight:850}
  .wa-list{grid-area:list;width:auto;max-width:none;height:100%;min-height:0;overflow:hidden;background:#f8fffc;border-right:1px solid #cfe4dd;box-shadow:10px 0 28px rgba(7,36,31,.05);display:flex;flex-direction:column}.wa-list-head{height:62px;min-height:62px;padding:10px 14px;background:#fff;border-bottom:1px solid #dcece7;gap:10px}.wa-list-head .icon-btn{display:none}.wa-list-head .wa-mobile-status{margin-left:auto;display:inline-flex}.wa-list-head .mini-brand .mz-logo-img{width:34px;height:34px;border-radius:8px;object-fit:contain}.wa-list-head .mini-brand b{font-size:16px}.wa-list-head .mini-brand small{font-size:11px;color:#607973}
  .wa-search{padding:12px 14px 8px;background:#f8fffc;flex:0 0 auto}.wa-search input{height:42px;border:1px solid #dcece7;background:#fff;border-radius:10px;padding:0 14px;font-size:14px;box-shadow:0 6px 16px rgba(7,94,84,.04)}
  .lead-tabs{display:flex;flex-wrap:wrap;align-content:flex-start;gap:7px;padding:0 14px 12px;overflow:visible;max-width:100%;flex:0 0 auto}.lead-tabs button{height:30px;min-height:30px;padding:0 10px;font-size:11.5px;border-radius:999px;border:1px solid #d4e7e1;background:#fff;color:#385b54;white-space:nowrap}.lead-tabs button.active{background:#075e54;color:#fff;border-color:#075e54}
  .lead-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:0 8px 12px;scrollbar-gutter:stable}.lead-scroll .empty{padding:16px}.lead-row{min-height:78px;width:100%;padding:10px 9px;border-radius:12px;grid-template-columns:46px minmax(0,1fr) 48px;gap:10px;border:1px solid transparent;background:transparent}.lead-row:hover{background:#eef8f4;border-color:#d2e8e0}.lead-row.active{background:#e3fbef;border-color:#a8e8c0;box-shadow:inset 3px 0 0 #075e54}.avatar{width:44px;height:44px}.avatar.xl{width:54px;height:54px;font-size:20px}.lead-info b{font-size:14.5px;color:#102d29}.lead-info span{font-size:12.2px;color:#607973;line-height:1.42;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.lead-meta{align-self:stretch;align-content:start;justify-items:end}.lead-meta small{font-size:10.5px}.lead-meta button{width:26px;height:26px;background:#fff;border:1px solid #dcece7}.lead-badge,.window-badge{font-size:9.5px;padding:2px 6px;margin-right:3px}
  .wa-chat{grid-area:chat;height:100%;min-height:0;width:auto;max-width:none;display:grid;grid-template-rows:64px minmax(0,1fr) auto;background:#edf4f1;overflow:hidden}.chat-top{height:64px;padding:10px 16px;background:#fff;border-bottom:1px solid #dce7e2;box-shadow:0 8px 24px rgba(7,36,31,.04);z-index:2}.mobile-back{display:none!important}.chat-top .avatar{width:42px;height:42px}.chat-person b{font-size:16px;color:#102d29}.chat-person span{font-size:11.5px;color:#607973}.lead-sheet-btn{display:none!important}.bot-switch{height:34px;min-width:96px;background:#edf4f1;border:1px solid #dcece7;color:#12332e}.bot-switch span{font-size:12px}.bot-switch i{width:32px;height:18px}.bot-switch i:after{width:14px;height:14px}.bot-switch.robot i:after{left:16px}
  .chat-messages{min-height:0;overflow-y:auto;overflow-x:hidden;padding:20px clamp(24px,4vw,64px);background:#eef4f1;background-image:linear-gradient(rgba(255,255,255,.48),rgba(255,255,255,.48)),radial-gradient(rgba(7,94,84,.07) 1px, transparent 1px);background-size:auto,18px 18px;scrollbar-gutter:stable}.msg{max-width:min(680px,70%);border-radius:14px;padding:9px 11px 7px;margin:7px 0;font-size:14px;box-shadow:0 1px 2px rgba(7,36,31,.10)}.msg.in{background:#fff}.msg.out{background:#d9fdd3}.msg p{line-height:1.45}.msg small{font-size:10.5px;color:#6b7f79}.media-preview.bubble{max-width:min(360px,100%)}.media-preview.bubble img,.media-preview.bubble video{max-width:min(360px,100%);max-height:360px}.chat-empty{height:100%;background:#edf4f1}.chat-empty .mz-logo-img{width:70px;height:70px;border-radius:14px;object-fit:contain}
  .chat-composer{position:relative;z-index:3;display:grid!important;grid-template-columns:42px 42px 42px minmax(180px,1fr) 50px!important;align-items:end;gap:8px;min-height:78px;max-height:30vh;padding:10px 14px 12px;background:#fff;border-top:1px solid #dce7e2;box-shadow:0 -10px 24px rgba(7,36,31,.05);overflow:hidden}.chat-composer textarea{width:100%;height:46px;min-height:46px;max-height:96px;border:1px solid #d9e8e3;border-radius:14px;background:#f8fbfa;padding:12px 14px;font-size:14px;line-height:1.35;overflow-y:auto}.composer-icon,.send-btn{width:42px!important;height:46px!important;border-radius:12px}.composer-icon{background:#f3f8f6;border:1px solid #dce7e2;color:#516963}.composer-icon:hover{background:#e6f7ef;color:#075e54}.composer-icon svg{width:21px;height:21px}.send-btn{width:50px!important;background:#075e54}.send-btn svg{width:22px;height:22px}.emoji-bar{display:flex;gap:6px;padding:8px 14px;background:#fff;border-top:1px solid #edf4f1;justify-content:flex-start;flex-wrap:wrap}.emoji-bar button{width:34px;height:34px;border-radius:10px;background:#f3f8f6}
  .wa-lead360{grid-area:lead;display:flex;flex-direction:column;gap:12px;height:100%;min-height:0;overflow-y:auto;overflow-x:hidden;background:#f9fffc;border-left:1px solid #cfe4dd;padding:14px;scrollbar-gutter:stable}.lead360-card{background:#fff;border:1px solid #dcece7;border-radius:14px;padding:13px;box-shadow:0 8px 22px rgba(7,36,31,.045)}.lead360-profile{display:grid;grid-template-columns:54px minmax(0,1fr);gap:12px;align-items:center}.lead360-profile b,.lead360-profile span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lead360-profile b{font-size:16px;color:#102d29}.lead360-profile span{font-size:12px;color:#607973;font-weight:800}.lead360-card h3{margin:0 0 10px;color:#075e54;font-size:13px;text-transform:uppercase;letter-spacing:.04em}.lead360-kv{display:grid;grid-template-columns:104px minmax(0,1fr);gap:8px;padding:7px 0;border-top:1px solid #eff6f3}.lead360-kv:first-of-type{border-top:0}.lead360-kv b{font-size:12px;color:#607973}.lead360-kv span{font-size:12.5px;color:#102d29;font-weight:900;min-width:0;overflow:hidden;text-overflow:ellipsis}.lead360-tags{display:flex;flex-wrap:wrap;gap:6px}.lead360-tags span,.lead360-tags em{font-style:normal;border-radius:999px;background:#e9f8f1;border:1px solid #ccebdd;color:#075e54;padding:5px 8px;font-size:11px;font-weight:950}.lead360-card p{margin:0;color:#24453f;font-size:13px;line-height:1.42;font-weight:750}.lead360-card small{display:block;margin-top:8px;color:#607973;font-size:11.5px;font-weight:800;line-height:1.35}.lead360-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.lead360-actions button{min-height:36px;border-radius:10px;background:#eef8f4;color:#075e54;border:1px solid #d3e7e0;font-size:12px;font-weight:950}.lead360-actions button:hover{background:#075e54;color:#fff}.lead360-empty{height:100%;display:grid;align-content:center;justify-items:center;text-align:center;gap:8px;color:#607973;padding:20px}.lead360-empty .mz-logo-img{width:64px;height:64px;border-radius:14px;object-fit:contain}.lead360-empty b{font-size:18px;color:#075e54}.lead360-empty span{max-width:250px;font-weight:800;line-height:1.4}
}
@media (min-width:1024px) and (max-width:1199px){
  .wa-app{grid-template-columns:minmax(310px,340px) minmax(0,1fr) minmax(300px,330px)}.wa-desktop-topbar{grid-template-columns:minmax(190px,230px) minmax(300px,auto) minmax(220px,1fr) minmax(170px,210px);gap:10px;padding:0 12px}.wa-desk-nav button{padding:0 8px;font-size:11px}.wa-global-search{display:none}.lead360-actions{grid-template-columns:1fr}.chat-messages{padding-left:24px;padding-right:24px}.msg{max-width:76%}
}
@media (min-width:1536px){
  .wa-app{grid-template-columns:370px minmax(0,1fr) 400px}.wa-chat{background:#edf4f1}.msg{max-width:min(720px,66%)}
}
@media (min-width:1920px){
  .wa-app{grid-template-columns:380px minmax(0,1fr) 420px}.chat-messages{padding-left:86px;padding-right:86px}
}
@media (min-width:768px) and (max-width:1023px){
  .wa-desktop-topbar,.wa-lead360{display:none!important}.wa-app{grid-template-columns:300px minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
}
@media (max-width:767px){
  .wa-desktop-topbar,.wa-lead360{display:none!important}
}


/* MetaZap 9.3.2 — Lead 360 Mobile + Delete Contact */
.chat-profile-trigger{display:flex;align-items:center;gap:10px;border:0;background:transparent;text-align:left;min-width:0;flex:1;padding:0;cursor:pointer;color:inherit}.chat-profile-trigger .chat-person{display:flex;flex-direction:column;min-width:0}.chat-profile-trigger .chat-person b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lead-row .lead-info small{display:block;color:var(--muted);font-size:11px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lead360-profile.buyer,.lead-mobile-profile-body.buyer .mobile-profile-top{border-color:rgba(34,197,94,.35);background:linear-gradient(135deg,rgba(34,197,94,.12),rgba(16,185,129,.04))}.lead360-profile em,.mobile-profile-top em{display:inline-flex;margin-top:6px;font-size:11px;font-weight:800;color:#16a34a}.status-grid.compact{display:flex;flex-wrap:wrap;gap:8px}.status-grid.compact .status-chip{font-size:11px;padding:8px 9px}.lead-history-row{display:grid;grid-template-columns:74px minmax(0,1fr);gap:4px 8px;padding:8px 0;border-bottom:1px solid var(--line)}.lead-history-row:last-child{border-bottom:0}.lead-history-row b{font-size:12px}.lead-history-row span{font-size:12px;color:var(--text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lead-history-row small{grid-column:2;color:var(--muted);font-size:11px}.danger-zone{border-color:rgba(239,68,68,.28);background:rgba(239,68,68,.045)}.danger-zone h3{color:#b91c1c}.danger.full,.commerce-item aside .danger,.split-actions .danger{background:#dc2626!important;color:#fff!important;border-color:#dc2626!important}.danger.full{width:100%}.delete-confirm p{line-height:1.5;color:var(--muted);margin-top:0}.compact-menu .full{width:100%;margin-top:8px}.lead360-hint{display:block;grid-column:1/-1;color:var(--muted);font-size:11px}.mobile-profile-top{display:flex;gap:14px;align-items:center;padding:8px 0 14px;border-bottom:1px solid var(--line);margin-bottom:12px}.mobile-profile-top b{display:block;font-size:18px}.mobile-profile-top span{display:block;color:var(--muted);font-size:13px}.lead-mobile-profile .modal-card{max-width:560px}.lead-mobile-profile-body{display:grid;gap:12px}.lead-mobile-profile .lead360-card{box-shadow:none}.mobile-profile-actions{grid-template-columns:1fr 1fr}@media (max-width:767px){.lead-sheet-btn{display:none}.chat-profile-trigger{padding:0}.lead-mobile-profile{align-items:stretch;padding:0}.lead-mobile-profile .modal-card{width:100%;height:100dvh;max-height:100dvh;border-radius:0;padding:18px;overflow:auto}.lead-mobile-profile .modal-card h2{padding-right:34px}.mobile-profile-actions{grid-template-columns:1fr}.lead360-kv{grid-template-columns:1fr}.lead360-actions button{min-height:42px}.danger-modal .modal-card{margin:auto 14px}.chat-top{cursor:default}}@media (min-width:1024px){.chat-profile-trigger .avatar{display:flex}.lead-mobile-profile .modal-card{max-height:82vh;overflow:auto}.commerce-item aside{flex-wrap:wrap}.commerce-item aside .danger{background:#fff!important;color:#b91c1c!important;border-color:rgba(239,68,68,.35)!important}}


/* MetaZap 9.3.3 — Restore Desktop Lead 360 Layout
   Desktop >=1024px is a fixed CRM grid: conversations | chat | Lead 360.
   This block intentionally overrides prior mobile-first leakage without touching <=767px. */
@media (min-width:1024px){
  body.screen-atendimento,
  body.screen-atendimento html,
  body.screen-atendimento #app{
    width:100%!important;
    max-width:100%!important;
    height:100dvh!important;
    overflow:hidden!important;
    background:#dfeee9!important;
  }
  body.screen-atendimento .mz-bottom-nav,
  body.screen-atendimento .mobile-more-modal,
  body.screen-atendimento .lead-sheet-btn,
  body.screen-atendimento .mobile-back,
  body.screen-atendimento .lead-mobile-profile,
  body.screen-atendimento .lead-mobile-profile.modal,
  body.screen-atendimento .bottom-sheet-modal:not(.template-sheet-modal):not(.media-modal){
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  body.screen-atendimento .wa-app{
    display:grid!important;
    width:100vw!important;
    max-width:100vw!important;
    height:100dvh!important;
    max-height:100dvh!important;
    overflow:hidden!important;
    grid-template-areas:"top top top" "list chat lead"!important;
    grid-template-rows:64px minmax(0,1fr)!important;
    grid-template-columns:clamp(320px,26vw,370px) minmax(360px,1fr) clamp(320px,28vw,420px)!important;
    background:#e6f2ee!important;
    color:#12332e!important;
  }
  body.screen-atendimento .wa-desktop-topbar{
    grid-area:top!important;
    display:grid!important;
    visibility:visible!important;
    height:64px!important;
    min-height:64px!important;
    max-height:64px!important;
    min-width:0!important;
    overflow:hidden!important;
    align-items:center!important;
    grid-template-columns:minmax(190px,260px) minmax(270px,auto) minmax(220px,1fr) minmax(160px,230px)!important;
    gap:12px!important;
    padding:0 16px!important;
    background:linear-gradient(90deg,#061412,#0b2a25 58%,#07342d)!important;
    border-bottom:1px solid rgba(255,255,255,.10)!important;
    color:#fff!important;
  }
  body.screen-atendimento .wa-list{
    grid-area:list!important;
    display:flex!important;
    flex-direction:column!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
    background:#f8fffc!important;
    border-right:1px solid #cfe4dd!important;
    box-shadow:10px 0 28px rgba(7,36,31,.05)!important;
  }
  body.screen-atendimento .wa-list-head{
    height:62px!important;
    min-height:62px!important;
    max-height:62px!important;
    flex:0 0 62px!important;
    padding:10px 14px!important;
    background:#fff!important;
    border-bottom:1px solid #dcece7!important;
  }
  body.screen-atendimento .wa-list-head .icon-btn{display:none!important}
  body.screen-atendimento .wa-search{flex:0 0 auto!important;padding:12px 14px 8px!important;background:#f8fffc!important;overflow:hidden!important}
  body.screen-atendimento .wa-search input{height:42px!important;border:1px solid #dcece7!important;background:#fff!important;border-radius:10px!important;padding:0 14px!important;font-size:14px!important;box-shadow:0 6px 16px rgba(7,94,84,.04)!important}
  body.screen-atendimento .lead-tabs{
    display:flex!important;
    flex-wrap:wrap!important;
    align-content:flex-start!important;
    gap:7px!important;
    padding:0 14px 10px!important;
    flex:0 0 auto!important;
    max-height:72px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    max-width:100%!important;
  }
  body.screen-atendimento .lead-tabs button{
    height:30px!important;
    min-height:30px!important;
    max-height:30px!important;
    padding:0 10px!important;
    font-size:11.5px!important;
    border-radius:999px!important;
    white-space:nowrap!important;
    flex:0 0 auto!important;
  }
  body.screen-atendimento .lead-scroll{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:0 8px 12px!important;
    scrollbar-gutter:stable!important;
  }
  body.screen-atendimento .lead-row{
    min-height:76px!important;
    width:100%!important;
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:46px minmax(0,1fr) 48px!important;
    gap:10px!important;
    align-items:center!important;
    padding:9px!important;
    border-radius:12px!important;
    overflow:hidden!important;
  }
  body.screen-atendimento .lead-info,
  body.screen-atendimento .lead-meta,
  body.screen-atendimento .chat-person{min-width:0!important;overflow:hidden!important}
  body.screen-atendimento .wa-chat{
    grid-area:chat!important;
    display:grid!important;
    grid-template-rows:64px minmax(0,1fr) auto!important;
    width:auto!important;
    max-width:none!important;
    height:100%!important;
    max-height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
    background:#edf4f1!important;
    border-right:1px solid #d6e7e1!important;
  }
  body.screen-atendimento .chat-top{
    height:64px!important;
    min-height:64px!important;
    max-height:64px!important;
    padding:10px 16px!important;
    background:#fff!important;
    border-bottom:1px solid #dce7e2!important;
    box-shadow:0 8px 24px rgba(7,36,31,.04)!important;
    z-index:2!important;
    overflow:hidden!important;
  }
  body.screen-atendimento .chat-profile-trigger{
    cursor:default!important;
    pointer-events:none!important;
    max-width:100%!important;
    overflow:hidden!important;
  }
  body.screen-atendimento .chat-profile-trigger .avatar{pointer-events:none!important}
  body.screen-atendimento .bot-switch{pointer-events:auto!important;flex:0 0 auto!important}
  body.screen-atendimento .chat-messages{
    min-height:0!important;
    height:auto!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:20px clamp(24px,4vw,64px)!important;
    background:#eef4f1!important;
    background-image:linear-gradient(rgba(255,255,255,.48),rgba(255,255,255,.48)),radial-gradient(rgba(7,94,84,.07) 1px, transparent 1px)!important;
    background-size:auto,18px 18px!important;
    scrollbar-gutter:stable!important;
  }
  body.screen-atendimento .msg{
    max-width:min(660px,70%)!important;
    width:max-content!important;
    min-width:0!important;
    overflow-wrap:anywhere!important;
    border-radius:14px!important;
    font-size:14px!important;
  }
  body.screen-atendimento .msg.out{margin-left:auto!important}
  body.screen-atendimento .msg.in{margin-right:auto!important}
  body.screen-atendimento .msg p{max-width:100%!important;overflow-wrap:anywhere!important}
  body.screen-atendimento .media-preview.bubble{max-width:min(420px,100%)!important;overflow:hidden!important}
  body.screen-atendimento .media-preview.bubble img,
  body.screen-atendimento .media-preview.bubble video{max-width:min(420px,100%)!important;max-height:360px!important;object-fit:contain!important}
  body.screen-atendimento .chat-composer{
    position:relative!important;
    inset:auto!important;
    display:grid!important;
    grid-template-columns:42px 42px 42px minmax(180px,1fr) 50px!important;
    align-items:end!important;
    gap:8px!important;
    min-height:74px!important;
    height:auto!important;
    max-height:112px!important;
    padding:10px 14px 12px!important;
    background:#fff!important;
    border-top:1px solid #dce7e2!important;
    box-shadow:0 -10px 24px rgba(7,36,31,.05)!important;
    overflow:hidden!important;
    z-index:3!important;
  }
  body.screen-atendimento .chat-composer textarea{
    width:100%!important;
    height:46px!important;
    min-height:46px!important;
    max-height:72px!important;
    border:1px solid #d9e8e3!important;
    border-radius:14px!important;
    background:#f8fbfa!important;
    padding:12px 14px!important;
    font-size:14px!important;
    line-height:1.35!important;
    resize:none!important;
    overflow-y:auto!important;
  }
  body.screen-atendimento .composer-icon,
  body.screen-atendimento .send-btn{
    width:42px!important;
    min-width:42px!important;
    height:46px!important;
    min-height:46px!important;
    max-height:46px!important;
    border-radius:12px!important;
  }
  body.screen-atendimento .send-btn{width:50px!important;min-width:50px!important;background:#075e54!important}
  body.screen-atendimento .wa-lead360{
    grid-area:lead!important;
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    flex-direction:column!important;
    gap:12px!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    background:#f9fffc!important;
    border-left:1px solid #cfe4dd!important;
    padding:14px!important;
    scrollbar-gutter:stable!important;
  }
  body.screen-atendimento .wa-lead360:empty::before{
    content:'Lead 360';
    display:grid;
    place-items:center;
    min-height:160px;
    color:#075e54;
    font-weight:950;
    border:1px dashed #b8ddd2;
    border-radius:14px;
    background:#fff;
  }
  body.screen-atendimento .lead360-card{
    background:#fff!important;
    border:1px solid #dcece7!important;
    border-radius:14px!important;
    padding:13px!important;
    box-shadow:0 8px 22px rgba(7,36,31,.045)!important;
  }
  body.screen-atendimento .lead360-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  body.screen-atendimento .lead360-actions button{min-height:36px!important;border-radius:10px!important;font-size:12px!important}
  body.screen-atendimento .danger-zone .danger.full{background:#dc2626!important;color:#fff!important;border-color:#dc2626!important}
}
@media (min-width:1024px) and (max-width:1199px){
  body.screen-atendimento .wa-app{grid-template-columns:minmax(310px,340px) minmax(360px,1fr) minmax(300px,330px)!important}
  body.screen-atendimento .wa-desktop-topbar{grid-template-columns:minmax(180px,220px) minmax(260px,auto) minmax(160px,1fr) minmax(150px,190px)!important;gap:8px!important;padding:0 12px!important}
  body.screen-atendimento .wa-global-search{display:none!important}
  body.screen-atendimento .lead360-actions{grid-template-columns:1fr!important}
  body.screen-atendimento .chat-messages{padding-left:22px!important;padding-right:22px!important}
  body.screen-atendimento .msg{max-width:76%!important}
}
@media (min-width:1536px){
  body.screen-atendimento .wa-app{grid-template-columns:370px minmax(560px,1fr) 400px!important}
  body.screen-atendimento .msg{max-width:min(700px,66%)!important}
}
@media (min-width:1920px){
  body.screen-atendimento .wa-app{grid-template-columns:380px minmax(700px,1fr) 420px!important}
  body.screen-atendimento .chat-messages{padding-left:86px!important;padding-right:86px!important}
}


/* MetaZap 9.3.5 — Header Information Refinement
   Header is a compact summary. Lead 360 keeps full operational detail. */
.chat-title-row{display:flex;align-items:center;gap:8px;min-width:0;max-width:100%}
.chat-contact-name{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:900}
.chat-countdown{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;font-variant-numeric:tabular-nums;font-size:11px;line-height:1;font-weight:850;color:#607973;background:#eef8f4;border:1px solid #d9e8e3;border-radius:999px;padding:4px 7px;white-space:nowrap;letter-spacing:.01em}
.chat-countdown.open{color:#075e54;background:#e9f8f1;border-color:#bfe9d1}.chat-countdown.warn{color:#92400e;background:#fff7ed;border-color:#fed7aa}.chat-countdown.closed{color:#475569;background:#f1f5f9;border-color:#dbe3ea}.chat-countdown.unknown{color:#94a3b8;background:#f8fafc;border-color:#e2e8f0}
.chat-subline{display:flex!important;align-items:center;gap:5px;min-width:0;max-width:100%;height:auto!important;min-height:0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap!important;color:#607973!important;font-size:11px!important;line-height:1.15!important}
.lead-status-badge--compact{display:inline-flex;align-items:center;justify-content:center;max-width:120px;height:18px;border-radius:999px;padding:0 7px;font-size:10px;line-height:18px;font-weight:900;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:1px solid #dbe3ea;background:#eef2f7;color:#475569;text-transform:none}
.lead-status-badge--compact.status-comprador{background:#dcfce7;color:#166534;border-color:#bbf7d0}.lead-status-badge--compact.status-qualificado{background:#e0f2fe;color:#0369a1;border-color:#bae6fd}.lead-status-badge--compact.status-quente,.lead-status-badge--compact.status-checkout_enviado,.lead-status-badge--compact.status-pagamento_pendente{background:#fff7ed;color:#c2410c;border-color:#fed7aa}.lead-status-badge--compact.status-perdido{background:#fee2e2;color:#991b1b;border-color:#fecaca}.lead-status-badge--compact.template-required{background:#f1f5f9;color:#475569;border-color:#cbd5e1}.chat-mode-mini{display:inline-flex;height:18px;align-items:center;border-radius:999px;padding:0 6px;font-size:9.5px;font-weight:900;background:#f8fafc;border:1px solid #e2e8f0;color:#64748b}.chat-mode-mini.syncing{color:#075e54;background:#e9f8f1;border-color:#bfe9d1}
.chat-profile-trigger .chat-person{gap:3px!important;min-width:0!important;overflow:hidden!important}.chat-profile-trigger .chat-person b,.chat-profile-trigger .chat-person span{min-width:0}.chat-profile-trigger .window-badge{display:none!important}
@media(max-width:767px){
  body.screen-atendimento .chat-top{height:54px!important;min-height:54px!important;max-height:54px!important;padding:6px 7px!important;gap:6px!important;align-items:center!important;overflow:hidden!important}
  body.screen-atendimento .mobile-back{width:31px!important;min-width:31px!important;height:38px!important;font-size:24px!important;padding:0!important}
  body.screen-atendimento .chat-top .avatar{width:34px!important;height:34px!important;font-size:14px!important}
  body.screen-atendimento .chat-profile-trigger{gap:8px!important;min-width:0!important;flex:1 1 auto!important;max-width:calc(100vw - 116px)!important;cursor:pointer!important;pointer-events:auto!important}
  body.screen-atendimento .chat-title-row{gap:6px!important;max-width:100%!important}
  body.screen-atendimento .chat-contact-name{font-size:15px!important;line-height:1.1!important;max-width:100%!important}
  body.screen-atendimento .chat-countdown{font-size:9.5px!important;padding:3px 5px!important;height:17px!important;letter-spacing:0!important}
  body.screen-atendimento .chat-subline{font-size:10px!important;line-height:1!important;gap:4px!important;max-width:100%!important}
  body.screen-atendimento .lead-status-badge--compact{height:16px!important;line-height:16px!important;font-size:9px!important;padding:0 6px!important;max-width:86px!important}
  body.screen-atendimento .bot-switch{height:30px!important;width:38px!important;min-width:38px!important;padding:4px!important;border-radius:999px!important}
  body.screen-atendimento .bot-switch i{width:28px!important;height:16px!important}.bot-switch i:after{width:12px;height:12px}.bot-switch.robot i:after{left:14px!important}
  body.screen-atendimento .lead-sheet-btn{display:none!important}.chat-person .lead-badge,.chat-person .window-badge{display:none!important}
}
@media(min-width:1024px){
  body.screen-atendimento .chat-top{height:60px!important;min-height:60px!important;max-height:60px!important;padding:9px 16px!important;gap:12px!important}
  body.screen-atendimento .wa-chat{grid-template-rows:60px minmax(0,1fr) auto!important}
  body.screen-atendimento .chat-profile-trigger{pointer-events:none!important;cursor:default!important;max-width:100%!important}
  body.screen-atendimento .chat-profile-trigger .avatar{width:40px!important;height:40px!important}
  body.screen-atendimento .chat-title-row{gap:8px!important}
  body.screen-atendimento .chat-contact-name{font-size:16px!important;line-height:1.1!important;color:#102d29!important}
  body.screen-atendimento .chat-countdown{font-size:11px!important;padding:4px 8px!important;height:20px!important}
  body.screen-atendimento .chat-subline{font-size:11px!important;gap:6px!important}
  body.screen-atendimento .lead-status-badge--compact{height:18px!important;line-height:18px!important;font-size:10px!important;max-width:130px!important}
  body.screen-atendimento .bot-switch.agent-mode-toggle{height:32px!important;min-width:82px!important;max-width:96px!important;padding:3px 7px!important;gap:6px!important}
  body.screen-atendimento .bot-switch.agent-mode-toggle span{font-size:12px!important;line-height:1!important}
}


/* MetaZap 9.3.6 — Human Robot Toggle Restore
   Restores visual human/robot icons without reintroducing textual header labels. */
.bot-switch.agent-mode-toggle{
  position:relative!important;
  display:grid!important;
  grid-template-columns:22px 38px 22px!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  height:34px!important;
  min-width:96px!important;
  width:96px!important;
  max-width:96px!important;
  padding:3px 6px!important;
  border-radius:999px!important;
  overflow:visible!important;
  background:#edf4f1!important;
  border:1px solid #dcece7!important;
  color:#607973!important;
  box-shadow:none!important;
}
.bot-switch.agent-mode-toggle .toggle-icon{
  display:grid!important;
  place-items:center!important;
  width:22px!important;
  height:22px!important;
  font-size:14px!important;
  line-height:1!important;
  opacity:.48;
  filter:grayscale(.25);
  transition:opacity .18s ease, transform .18s ease, filter .18s ease;
}
.bot-switch.agent-mode-toggle .toggle-track{
  position:relative!important;
  display:block!important;
  width:38px!important;
  min-width:38px!important;
  height:20px!important;
  border-radius:999px!important;
  background:#b7c8c2!important;
  flex:none!important;
  transition:background .18s ease;
}
.bot-switch.agent-mode-toggle .toggle-track:after{
  content:''!important;
  position:absolute!important;
  top:2px!important;
  left:2px!important;
  width:16px!important;
  height:16px!important;
  border-radius:999px!important;
  background:#fff!important;
  box-shadow:0 1px 3px rgba(0,0,0,.22)!important;
  transition:transform .18s ease!important;
}
.bot-switch.agent-mode-toggle.human{background:#fff7ed!important;border-color:#fed7aa!important}
.bot-switch.agent-mode-toggle.human .toggle-track{background:#f59e0b!important}
.bot-switch.agent-mode-toggle.human .toggle-human{opacity:1!important;filter:none!important;transform:scale(1.04)}
.bot-switch.agent-mode-toggle.robot{background:#e8f8ee!important;border-color:#bfe9d1!important}
.bot-switch.agent-mode-toggle.robot .toggle-track{background:#25d366!important}
.bot-switch.agent-mode-toggle.robot .toggle-track:after{left:2px!important;transform:translateX(18px)!important}
.bot-switch.agent-mode-toggle.robot .toggle-robot{opacity:1!important;filter:none!important;transform:scale(1.04)}
.bot-switch.agent-mode-toggle.syncing{opacity:.72!important}
.bot-switch.agent-mode-toggle span{white-space:nowrap!important}
@media(max-width:767px){
  body.screen-atendimento .chat-profile-trigger{max-width:calc(100vw - 162px)!important}
  body.screen-atendimento .bot-switch.agent-mode-toggle{
    grid-template-columns:18px 32px 18px!important;
    gap:3px!important;
    width:78px!important;
    min-width:78px!important;
    max-width:78px!important;
    height:30px!important;
    padding:3px 4px!important;
  }
  body.screen-atendimento .bot-switch.agent-mode-toggle .toggle-icon{width:18px!important;height:18px!important;font-size:12px!important}
  body.screen-atendimento .bot-switch.agent-mode-toggle .toggle-track{width:32px!important;min-width:32px!important;height:16px!important}
  body.screen-atendimento .bot-switch.agent-mode-toggle .toggle-track:after{width:12px!important;height:12px!important;top:2px!important;left:2px!important}
  body.screen-atendimento .bot-switch.agent-mode-toggle.robot .toggle-track:after{left:2px!important;transform:translateX(16px)!important}
}
@media(min-width:1024px){
  body.screen-atendimento .bot-switch.agent-mode-toggle{
    grid-template-columns:22px 38px 22px!important;
    width:96px!important;
    min-width:96px!important;
    max-width:96px!important;
    height:34px!important;
    padding:3px 6px!important;
    gap:5px!important;
  }
  body.screen-atendimento .bot-switch.agent-mode-toggle .toggle-icon{font-size:14px!important}
}

/* MetaZap 9.3.7 - Human Media Atendimento */
.message-media,.media-preview.message-media{display:flex;flex-direction:column;gap:7px;max-width:min(480px,100%);overflow:hidden}
.message-media-image img,.media-preview.bubble.message-media-image img{display:block;width:auto;max-width:min(480px,100%);max-height:420px;border-radius:10px;object-fit:contain;background:#f8fafc}
.message-media-video video,.media-preview.bubble.message-media-video video{display:block;width:100%;max-width:480px;max-height:420px;border-radius:10px;background:#111}
.message-media-audio audio,.media-preview.bubble.message-media-audio audio{width:min(360px,100%);max-width:100%}
.message-media-document{min-width:min(280px,100%);max-width:min(420px,100%);text-decoration:none}
.message-media-document b,.message-media-document span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.media-caption{display:block;color:#48625d;font-size:12px;line-height:1.35;overflow-wrap:anywhere}
.media-fallback-card{border:1px dashed #b8d8cf!important;background:#f8fffc!important;color:#33524c!important;padding:10px!important;border-radius:10px!important}
.media-fallback-card small{display:block;color:#607973;font-size:11px;line-height:1.35;overflow-wrap:anywhere}
.media-upload-progress{font-size:12px;color:#607973}
.attachment-button,.attachment-menu{max-width:100%}
@media(max-width:767px){
  body.screen-atendimento .message-media,
  body.screen-atendimento .media-preview.message-media{max-width:100%!important}
  body.screen-atendimento .message-media-image img,
  body.screen-atendimento .message-media-video video{max-width:100%!important;max-height:320px!important}
  body.screen-atendimento .message-media-audio audio{width:100%!important}
  body.screen-atendimento .message-media-document{min-width:0!important;width:100%!important}
}

/* MetaZap 9.3.9 — Voice Recorder + Video Streaming Fix */
.voice-recording-bar{display:flex;align-items:center;gap:8px;min-width:0;padding:8px 10px;border-radius:999px;background:#fff5f5;border:1px solid #fecaca;color:#991b1b;font-size:12px;font-weight:850;white-space:nowrap}
.voice-recording-bar[hidden]{display:none!important}
.voice-recording-bar .voice-dot{width:9px;height:9px;border-radius:999px;background:#ef4444;box-shadow:0 0 0 0 rgba(239,68,68,.55);animation:mzVoicePulse 1.2s infinite}
.voice-recording-bar b{font-variant-numeric:tabular-nums;color:#7f1d1d}
.voice-recording-bar button{border:0;background:#fff;color:#b91c1c;border-radius:999px;padding:5px 9px;font-weight:900}
@keyframes mzVoicePulse{0%{box-shadow:0 0 0 0 rgba(239,68,68,.55)}70%{box-shadow:0 0 0 8px rgba(239,68,68,0)}100%{box-shadow:0 0 0 0 rgba(239,68,68,0)}}
.send-btn.mic-mode svg{width:20px;height:20px}.send-btn.recording{background:#ef4444!important;color:#fff!important}.send-btn.recording svg{fill:#fff!important}
#replyText.voice-hidden{display:none!important}
@media(max-width:767px){body.screen-atendimento .voice-recording-bar{flex:1 1 auto;max-width:calc(100vw - 154px);height:38px;padding:7px 9px;font-size:11px}body.screen-atendimento .voice-recording-bar span:last-of-type{display:none}}
@media(min-width:1024px){body.screen-atendimento .voice-recording-bar{min-width:220px;justify-content:flex-start}}


/* MetaZap 9.3.9.1 — WhatsApp-like mic/send composer */
.send-btn.mic-mode{background:#075e54!important;opacity:1!important}
.send-btn.mic-mode svg{width:22px!important;height:22px!important;margin-left:0!important}
.send-btn.recording{background:#ef4444!important;opacity:1!important}
.chat-composer.locked .send-btn.mic-mode{opacity:.48!important}
@media(max-width:767px){
  body.screen-atendimento .send-btn.mic-mode{background:#075e54!important}
  body.screen-atendimento .send-btn.ready{opacity:1!important}
}

/* MetaZap 9.4.0 — Voice recording paused, audio library only */
.send-btn.voice-paused{background:#64748b!important;color:#fff!important;cursor:not-allowed!important;opacity:.88!important}
.send-btn.voice-paused svg{width:20px!important;height:20px!important;fill:#fff!important;opacity:.9!important}
.send-btn.voice-paused:hover{filter:none!important;transform:none!important}
.limit-note{display:inline-block;color:#48625d;font-weight:800;margin-top:4px}

/* MetaZap 9.4.2.1 — Contatos CRM UI Fix */
.contacts-crm-shell{display:flex;flex-direction:column;gap:16px;min-width:0}
.contacts-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px;border:1px solid rgba(148,163,184,.22);border-radius:18px;background:linear-gradient(135deg,rgba(9,92,79,.42),rgba(15,23,42,.76));box-shadow:0 18px 44px rgba(0,0,0,.16)}
.contacts-hero span{display:inline-block;color:#7fffd2;font-size:12px;font-weight:950;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px}
.contacts-hero h2{margin:0;color:#f8fafc;font-size:26px;line-height:1.1}
.contacts-hero p{margin:8px 0 0;color:#cce7df;font-weight:800;max-width:820px;line-height:1.45}
.contacts-hero aside{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;min-width:260px}
.contacts-hero button,.contacts-list-head button,.contacts-toolbar button{border:0;border-radius:12px;padding:12px 15px;background:#22c55e;color:#032018;font-weight:950;box-shadow:0 10px 24px rgba(34,197,94,.18);cursor:pointer}
.contacts-hero .ghost-btn,.contacts-toolbar .ghost-btn{background:rgba(255,255,255,.08);color:#e2f8f1;border:1px solid rgba(255,255,255,.14);box-shadow:none}
.contacts-toolbar{display:grid;grid-template-columns:minmax(280px,1fr) auto;gap:12px;align-items:end;padding:16px;border:1px solid rgba(148,163,184,.18);border-radius:16px;background:rgba(15,23,42,.42)}
.contacts-toolbar label{display:flex;flex-direction:column;gap:7px;color:#cce7df;font-weight:900}
.contacts-toolbar input,.contacts-export-modal select{width:100%;border:1px solid rgba(148,163,184,.28);background:#f8fafc;color:#0f2b27;border-radius:13px;padding:13px 14px;font-weight:850;outline:none}
.contacts-segments{display:flex;gap:9px;flex-wrap:wrap;align-items:center}
.contacts-segments button{border:1px solid rgba(148,163,184,.24);background:rgba(255,255,255,.07);color:#d8f7ee;border-radius:999px;padding:9px 13px;font-weight:950;cursor:pointer}
.contacts-segments button.active{background:#22c55e;color:#052016;border-color:#22c55e;box-shadow:0 10px 22px rgba(34,197,94,.2)}
.contacts-summary-grid{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:12px}
.contacts-metric{position:relative;overflow:hidden;border:1px solid rgba(148,163,184,.2);border-radius:16px;padding:16px;background:linear-gradient(135deg,rgba(15,23,42,.58),rgba(17,40,38,.72));min-height:86px}
.contacts-metric:before{content:'';position:absolute;inset:auto 0 0 0;height:3px;background:#38bdf8;opacity:.8}
.contacts-metric.buyer:before{background:#22c55e}.contacts-metric.hot:before{background:#f59e0b}.contacts-metric.remarketing:before{background:#a855f7}.contacts-metric.checkout:before{background:#6366f1}.contacts-metric.optout:before{background:#ef4444}
.contacts-metric b{display:block;color:#fff;font-size:28px;line-height:1}.contacts-metric span{display:block;margin-top:8px;color:#cce7df;font-weight:900;font-size:13px}
.contacts-list-panel{border:1px solid rgba(148,163,184,.22);border-radius:18px;background:linear-gradient(135deg,rgba(13,30,31,.78),rgba(23,25,42,.72));overflow:hidden}
.contacts-list-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 18px;border-bottom:1px solid rgba(148,163,184,.16)}
.contacts-list-head b{display:block;color:#f8fafc;font-size:20px}.contacts-list-head span{display:block;color:#b8d8cf;font-weight:800;margin-top:3px}
.contacts-table-wrap{overflow:auto}.contacts-table{width:100%;border-collapse:collapse;min-width:980px}.contacts-table th{padding:13px 14px;text-align:left;color:#9fead5;font-size:12px;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid rgba(148,163,184,.16);background:rgba(2,6,23,.18)}
.contacts-table td{padding:14px;border-bottom:1px solid rgba(148,163,184,.12);vertical-align:middle;color:#e6fff7;font-weight:800}.contacts-table tr:hover td{background:rgba(255,255,255,.035)}
.contact-person b{display:block;color:#fff;font-size:15px}.contact-person span{display:block;margin-top:3px;color:#a9cfc5;font-size:13px}
.contact-type-badge{display:inline-flex;align-items:center;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:950;white-space:nowrap;background:#15363b;color:#ccfbf1;border:1px solid rgba(255,255,255,.1)}
.contact-type-badge.buyer{background:#063b25;color:#bbf7d0}.contact-type-badge.hot{background:#472b06;color:#fed7aa}.contact-type-badge.remarketing{background:#321358;color:#e9d5ff}.contact-type-badge.checkout{background:#20245b;color:#c7d2fe}.contact-type-badge.nurture{background:#073b46;color:#a5f3fc}.contact-type-badge.lost,.contact-type-badge.optout{background:#4c1111;color:#fecaca}.contact-type-badge.new{background:#0c344d;color:#bae6fd}.contact-type-badge.nonbuyer{background:#3f2f08;color:#fde68a}.contact-type-badge.warm{background:#11392e;color:#bbf7d0}.contact-type-badge.cold,.contact-type-badge.inactive{background:#26313d;color:#cbd5e1}
.contact-tags{display:flex;gap:5px;flex-wrap:wrap;align-items:center;max-width:330px}.contact-tags i{font-style:normal;border-radius:999px;padding:4px 7px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);color:#d5fbf1;font-size:11px;font-weight:900;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-tags b{border-radius:999px;padding:4px 7px;background:#0f766e;color:#ecfeff;font-size:11px}.mini-muted{color:#a9cfc5;font-size:12px;font-weight:850}.payment-badge,.window-mini{display:inline-flex;align-items:center;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:950;margin-right:5px}.payment-badge.paid{background:#dcfce7;color:#166534}.payment-badge.pending{background:#fef3c7;color:#92400e}.payment-badge.none{background:#e2e8f0;color:#334155}.window-mini.open{background:#bbf7d0;color:#166534}.window-mini.warn{background:#fde68a;color:#92400e}.window-mini.closed{background:#fee2e2;color:#991b1b}
.contact-actions{white-space:nowrap;text-align:right}.contact-actions button,.contact-card-actions button{border:0;border-radius:10px;padding:9px 11px;background:#0f766e;color:#ecfeff;font-weight:950;margin-left:5px;cursor:pointer}.contact-actions .icon-btn,.contact-card-actions .icon-btn{min-width:38px;background:rgba(255,255,255,.08);color:#d8f7ee;border:1px solid rgba(255,255,255,.12)}
.contacts-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-top:1px solid rgba(148,163,184,.16);color:#cce7df;font-weight:900}.contacts-pagination div{display:flex;align-items:center;gap:8px}.contacts-pagination select,.contacts-pagination button{border:1px solid rgba(148,163,184,.25);border-radius:10px;background:#f8fafc;color:#0f2b27;padding:8px 10px;font-weight:900}.contacts-pagination button:disabled{opacity:.45;cursor:not-allowed}
.contacts-mobile-list{display:none}.contact-action-menu{display:flex;flex-direction:column;gap:8px}.contact-action-menu button{width:100%;border:1px solid rgba(148,163,184,.18);background:#f8fafc;color:#12332e;border-radius:12px;padding:12px;font-weight:950;text-align:left}.contact-action-menu button.danger{background:#fff1f2;color:#b91c1c}.contact-action-menu hr{width:100%;border:0;border-top:1px solid rgba(148,163,184,.22);margin:4px 0}.contacts-export-modal{display:flex;flex-direction:column;gap:13px}.contacts-export-modal label{display:flex;flex-direction:column;gap:6px;font-weight:900}.export-format-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.export-format-grid button{border:0;border-radius:12px;padding:13px;background:#22c55e;color:#031c13;font-weight:950}
@media(max-width:1100px){.contacts-summary-grid{grid-template-columns:repeat(3,1fr)}.contacts-hero{flex-direction:column}.contacts-hero aside{min-width:0;justify-content:flex-start}}
@media(max-width:767px){.contacts-hero{padding:16px;border-radius:16px}.contacts-hero h2{font-size:20px}.contacts-hero p{font-size:13px}.contacts-hero aside{width:100%}.contacts-hero button{flex:1}.contacts-toolbar{grid-template-columns:1fr;padding:12px}.contacts-segments{flex-wrap:nowrap;overflow:auto;padding-bottom:3px}.contacts-segments button{white-space:nowrap}.contacts-summary-grid{grid-template-columns:repeat(2,1fr);gap:9px}.contacts-metric{min-height:74px;padding:13px}.contacts-metric b{font-size:23px}.contacts-table-wrap{display:none}.contacts-mobile-list{display:grid;gap:10px;padding:12px}.contact-compact-card{border:1px solid rgba(148,163,184,.18);border-radius:15px;background:rgba(15,23,42,.44);padding:13px}.contact-compact-card header{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.contact-compact-card header b{display:block;color:#fff}.contact-compact-card header span{display:block;color:#a9cfc5;font-size:12px;margin-top:3px}.contact-card-tags{margin:10px 0}.contact-compact-card footer{display:flex;justify-content:space-between;color:#b8d8cf;font-weight:850;font-size:12px}.contact-card-actions{display:flex;gap:7px;margin-top:12px}.contact-card-actions button{margin-left:0;flex:1}.contacts-list-head{align-items:flex-start;flex-direction:column}.contacts-list-head button{width:100%}.contacts-pagination{flex-direction:column;align-items:stretch}.contacts-pagination div{justify-content:space-between}.export-format-grid{grid-template-columns:1fr}}
