:root{--bg:#f6f8fc;--panel:#fff;--line:#e7ebf1;--text:#101828;--muted:#667085;--nav:#fff;--nav2:#eff6ff;--primary:#2563eb;--primary2:#1d4ed8;--danger:#dc2626;--warn:#d97706;--ok:#067647;--surface:#fff;--surface-muted:#f8fafc;--surface-tint:#f3f7ff;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--shadow-sm:0 2px 10px rgba(16,24,40,.05);--shadow-md:0 12px 36px rgba(16,24,40,.08);--shadow:var(--shadow-md)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}a{color:inherit}.app-shell{min-height:100vh;display:flex}.sidebar{width:250px;position:fixed;inset:0 auto 0 0;background:var(--nav);color:#fff;padding:22px 16px;display:flex;flex-direction:column;z-index:40}.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:700;padding:4px 4px 20px}.brand strong{font-weight:400}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#fff;color:#111827;font-weight:900}.tenant-chip{background:#1d2939;border:1px solid #344054;border-radius:12px;padding:10px 12px;margin:4px 0 18px}.tenant-chip small{display:block;color:#98a2b3;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.tenant-chip b{font-size:13px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-nav{display:flex;flex-direction:column;gap:4px;overflow:auto}.side-nav a{display:flex;align-items:center;gap:12px;text-decoration:none;color:#d0d5dd;padding:11px 12px;border-radius:10px;font-size:14px}.side-nav a:hover,.side-nav a.active{background:var(--nav2);color:#fff}.side-nav a.active{box-shadow:inset 3px 0 0 #60a5fa}.side-nav a span{width:18px;text-align:center}.nav-sep{height:1px;background:#344054;margin:10px 0}.sidebar-footer{margin-top:auto;padding-top:16px;border-top:1px solid #344054}.user-mini{display:flex;gap:10px;align-items:center}.avatar{width:34px;height:34px;border-radius:50%;background:#344054;display:grid;place-items:center;font-weight:700}.user-mini div:last-child{min-width:0}.user-mini b,.user-mini small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-mini b{font-size:13px}.user-mini small{color:#98a2b3;font-size:11px}.link-btn{background:none;border:0;color:#98a2b3;padding:10px 0;cursor:pointer}.link-btn:hover{color:#fff}.main-content{margin-left:250px;min-width:0;flex:1}.topbar{height:86px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;padding:0 28px;position:sticky;top:0;z-index:20}.topbar h1{font-size:24px;line-height:1.1;margin:0}.topbar p{margin:5px 0 0;color:var(--muted);font-size:12px}.top-actions{margin-left:auto}.menu-btn{display:none;border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 10px}.page-wrap{padding:26px;max-width:1700px;margin:auto}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric-card,.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.metric-card{padding:20px}.metric-card span{font-size:13px;color:var(--muted)}.metric-card strong{display:block;font-size:30px;margin:6px 0}.metric-card small{color:#98a2b3}.card{padding:20px}.card h2,.card h3{margin:0}.card h2{font-size:18px}.card h3{font-size:16px}.card p{color:var(--muted)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.card-head p{font-size:13px;margin:4px 0 0}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.mt-20{margin-top:20px}.mt-12{margin-top:12px}.block{display:block;margin-top:3px}.muted{color:var(--muted);font-size:13px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:9px;border:1px solid transparent;padding:10px 14px;font-weight:650;font-size:13px;cursor:pointer;text-decoration:none;white-space:nowrap}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary2)}.btn-light{background:#fff;border-color:#d0d5dd;color:#344054}.btn-danger{background:#fff;border-color:#fecaca;color:#b42318}.btn-warning{background:#fff7ed;border-color:#fed7aa;color:#9a3412}.btn-xs{padding:7px 9px;font-size:12px}.btn-block{width:100%}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px}.search-form{display:flex;gap:8px;flex:1;max-width:620px}.search-form input{flex:1}.table-card{padding:0;overflow:hidden}.table-card>.card-head{padding:20px 20px 0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}th{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#667085;background:#f9fafb}tbody tr:last-child td{border-bottom:0}.actions-cell{display:flex;gap:7px;align-items:center}.actions-cell form{margin:0}.status{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:700;background:#f2f4f7;color:#475467}.status-open{background:#ecfdf3;color:#067647}.status-pending{background:#fffaeb;color:#b54708}.status-closed{background:#f2f4f7;color:#667085}.status-open,.status-active,.status-trial{background:#ecfdf3;color:#067647}.status-pending{background:#fffaeb;color:#b54708}.empty{padding:28px;text-align:center;color:#98a2b3}.empty-card{grid-column:1/-1}.list-clean{display:flex;flex-direction:column}.list-clean>a,.list-static{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);text-decoration:none}.list-clean>a:last-child,.list-static:last-child{border-bottom:0}.list-clean b,.list-clean small,.list-static b,.list-static small{display:block}.list-clean small,.list-static small{color:#98a2b3;margin-top:3px;font-size:11px}.info-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.info-row div{background:#f9fafb;border:1px solid var(--line);padding:14px;border-radius:12px}.info-row span,.kv span{display:block;color:#98a2b3;font-size:11px}.info-row b,.kv b{display:block;margin-top:5px}.alert{padding:12px 14px;border-radius:10px;margin-bottom:16px;font-size:13px;border:1px solid transparent}.alert-success{background:#ecfdf3;color:#067647;border-color:#abefc6}.alert-error{background:#fef3f2;color:#b42318;border-color:#fecdca}.alert-warning{background:#fffaeb;color:#b54708;border-color:#fedf89}.form-stack{display:flex;flex-direction:column;gap:13px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.form-grid .full{grid-column:1/-1}label{font-size:12px;font-weight:650;color:#344054}input,select,textarea{width:100%;margin-top:6px;border:1px solid #d0d5dd;background:#fff;border-radius:9px;padding:10px 11px;font:inherit;color:var(--text);outline:none}input:focus,select:focus,textarea:focus{border-color:#84adff;box-shadow:0 0 0 3px rgba(37,99,235,.08)}textarea{resize:vertical}.switch-line{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);padding:12px;border-radius:10px}.switch-line input{width:auto;margin:0}.modal{position:fixed;inset:0;background:rgba(16,24,40,.48);display:none;align-items:center;justify-content:center;padding:20px;z-index:100}.modal.open{display:flex}.modal-box{width:min(680px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:16px;padding:20px;box-shadow:0 24px 80px rgba(0,0,0,.2)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.modal-head h2{margin:0;font-size:18px}.modal-head button{border:0;background:none;font-size:26px;cursor:pointer}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.kanban{display:grid;grid-template-columns:repeat(6,minmax(230px,1fr));gap:14px;overflow:auto;padding-bottom:12px}.kanban-col{background:#eef2f7;border-radius:14px;min-height:420px;padding:12px}.kanban-col>header{display:flex;justify-content:space-between;padding:4px 4px 12px}.kanban-col>header span{background:#fff;border:1px solid var(--line);font-size:11px;padding:3px 7px;border-radius:999px}.kanban-list{display:flex;flex-direction:column;gap:10px}.lead-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px;box-shadow:0 3px 10px rgba(16,24,40,.04)}.lead-top{display:flex;gap:8px;justify-content:space-between}.lead-top b{font-size:13px}.lead-top span{font-size:11px;color:var(--primary);font-weight:700}.lead-card p{margin:8px 0 4px;font-size:12px;color:#475467}.lead-card small{color:#98a2b3}.lead-actions{display:flex;gap:8px;align-items:center;margin-top:12px}.lead-actions form:first-child{flex:1}.lead-actions select{margin:0;padding:7px;font-size:11px}.icon-danger{border:0;background:#fee4e2;color:#b42318;width:28px;height:28px;border-radius:8px;cursor:pointer}.unread-row{background:#f8fbff}.unread-badge{margin-left:6px;background:var(--primary);color:#fff;border-radius:999px;padding:2px 6px;font-size:10px}.chat-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px}.chat-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;min-height:calc(100vh - 142px)}.chat-head{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line)}.chat-head h2{margin:4px 0 2px;font-size:18px}.chat-head p{margin:0;color:#98a2b3;font-size:12px}.chat-head select{margin:0}.back-link{font-size:11px;color:var(--primary);text-decoration:none}.messages{padding:18px;overflow:auto;flex:1;max-height:calc(100vh - 330px);background:#f9fafb}.msg-row{display:flex;margin:8px 0}.msg-row.out{justify-content:flex-end}.bubble{max-width:74%;padding:10px 12px;border-radius:12px;background:#fff;border:1px solid var(--line)}.msg-row.out .bubble{background:#eaf2ff;border-color:#c7d7fe}.bubble p{margin:0;white-space:normal}.bubble small{display:block;color:#98a2b3;font-size:10px;margin-top:6px}.composer{display:flex;gap:10px;padding:12px 16px 16px}.composer textarea{margin:0;min-height:48px}.composer-tools{padding:8px 16px 0;border-top:1px solid var(--line)}.ai-suggestion{margin:0 16px;background:#f4f3ff;border:1px solid #d9d6fe;border-radius:10px;padding:10px 12px;display:flex;gap:12px;justify-content:space-between;align-items:center}.ai-suggestion p{margin:4px 0 0;color:#344054;font-size:13px}.contact-side{height:max-content}.kv{padding:11px 0;border-bottom:1px solid var(--line)}.kv:last-child{border-bottom:0}.code-box{margin-top:16px;background:#f9fafb;border:1px solid var(--line);border-radius:10px;padding:12px}.code-box small,.code-box code{display:block}.code-box code{font-size:11px;word-break:break-all;margin:5px 0 9px}.qr-box{text-align:center;padding:16px}.qr-box img{max-width:320px;width:100%}.big-code{font-size:14px;word-break:break-all}.automation-card{display:flex;flex-direction:column}.automation-flow{display:flex;align-items:center;gap:8px;background:#f9fafb;border:1px solid var(--line);padding:10px;border-radius:10px;font-size:11px}.automation-flow span{background:#fff;border:1px solid var(--line);padding:6px 8px;border-radius:8px}.quote{font-size:12px;background:#f9fafb;padding:10px;border-radius:8px}.row-actions{display:flex;gap:8px;margin-top:auto;padding-top:12px}.callout{background:#eff8ff;border:1px solid #b2ddff;padding:14px;border-radius:12px}.callout p{font-size:12px;margin-bottom:0}.guest-body{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top right,#dbeafe 0,transparent 32%),#f5f7fb}.login-shell{width:100%;display:grid;place-items:center}.login-card{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px;box-shadow:0 20px 70px rgba(16,24,40,.12)}.login-brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:700;margin-bottom:26px}.login-brand strong{font-weight:400}.login-card h1{font-size:26px;margin:0 0 8px}.login-card>p{color:var(--muted);font-size:13px;margin:0 0 22px}.login-card>small{display:block;text-align:center;margin-top:18px}
@media(max-width:1200px){.metric-grid{grid-template-columns:repeat(2,1fr)}.card-grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.main-content{margin-left:0}.menu-btn{display:inline-flex}.grid-2,.chat-layout{grid-template-columns:1fr}.contact-side{display:none}.info-row{grid-template-columns:repeat(2,1fr)}.topbar{padding:0 18px}.page-wrap{padding:18px}}@media(max-width:640px){.metric-grid,.card-grid-3,.form-grid,.info-row{grid-template-columns:1fr}.toolbar{align-items:stretch;flex-direction:column}.search-form{width:100%}.actions-cell{min-width:210px}.page-wrap{padding:12px}.topbar h1{font-size:20px}.topbar{height:74px}.card{padding:16px}.table-card{padding:0}.bubble{max-width:90%}}
.compact-metrics{grid-template-columns:repeat(2,minmax(0,300px))}.progress{width:150px;height:7px;background:#eaecf0;border-radius:999px;overflow:hidden;margin-bottom:5px}.progress i{display:block;height:100%;background:#2563eb}.agenda-list{display:flex;flex-direction:column;gap:12px}.agenda-item{display:grid;grid-template-columns:70px 1fr;gap:18px}.agenda-date{display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid var(--line)}.agenda-date b{font-size:28px}.agenda-date span{color:var(--muted);font-size:11px}.agenda-meta{display:flex;gap:24px;font-size:12px;color:var(--muted)}.agenda-meta b{color:var(--text)}.bar-chart{display:flex;flex-direction:column;gap:11px}.bar-row{display:grid;grid-template-columns:42px 1fr 34px;align-items:center;gap:10px;font-size:11px}.bar-track{height:12px;background:#eef2f7;border-radius:999px;overflow:hidden}.bar-track i{display:block;height:100%;background:#2563eb}.big-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px}.big-stat strong{font-size:54px}.big-stat span{color:var(--muted)}.plan-name{font-size:28px;font-weight:800}.price-line{margin-top:8px}.price-line b{font-size:32px}.price-line span{color:var(--muted)}.feature-list{display:flex;flex-direction:column;gap:9px;margin-top:20px}.feature-list span{background:#f9fafb;border:1px solid var(--line);padding:10px;border-radius:10px;font-size:13px}.token-once{background:#fffaeb;border:1px solid #fedf89;padding:14px;border-radius:10px;word-break:break-all}.token-once code{display:block;margin-top:7px;font-size:12px}@media(max-width:640px){.compact-metrics{grid-template-columns:1fr}.agenda-item{grid-template-columns:52px 1fr}.agenda-meta{flex-direction:column;gap:5px}}

/* ===== WabotSaaS 0.3.0 — senior SaaS / omnichannel UI ===== */
.svg-icon{width:1em;height:1em;display:inline-block;vertical-align:-.15em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.brand-symbol,.login-logo-svg{width:35px;height:35px;border-radius:10px;background:#fff;color:#0f172a;display:grid;place-items:center;box-shadow:0 1px 4px #0002}.brand-logo{width:36px;height:36px;object-fit:contain;border-radius:9px;background:#fff}.brand-text{font-size:20px;font-weight:750;letter-spacing:-.02em}.side-nav a>.svg-icon{width:17px;height:17px;color:#b7c2d5}.side-nav a>span{width:auto!important;text-align:left!important}.sidebar-footer{display:flex;align-items:center;justify-content:space-between}.icon-link,.icon-btn{border:1px solid var(--line);background:#fff;color:#475467;width:34px;height:34px;display:inline-grid;place-items:center;border-radius:9px;cursor:pointer;padding:0}.sidebar .icon-link{border-color:#344054;background:#1d2939;color:#d0d5dd}.icon-btn:hover{background:#f8fafc}.icon-btn.tiny{width:28px;height:28px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.page-heading h1{font-size:24px;margin:0;letter-spacing:-.02em}.page-heading p{margin:5px 0 0;color:var(--muted);font-size:13px}.heading-actions,.form-actions{display:flex;gap:9px;align-items:center}.btn-soft{background:#f8fafc;border-color:#d0d5dd;color:#344054}.btn-sm{padding:8px 10px;font-size:12px}.wide-modal{width:min(820px,100%)}.small-modal{width:min(480px,100%)}.modal-head p{margin:4px 0 0;color:var(--muted);font-size:12px}.modal-head>button{display:grid;place-items:center;width:32px;height:32px;border-radius:8px}.modal-head>button:hover{background:#f2f4f7}.switch-line span small{display:block;color:var(--muted);font-weight:400;margin-top:3px}.truncate{max-width:340px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.tabs-bar{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:18px}.tab-pill{text-decoration:none;padding:10px 14px;color:#667085;font-size:13px;font-weight:650;border-bottom:2px solid transparent;margin-bottom:-1px}.tab-pill.active{color:var(--primary);border-color:var(--primary)}
.integration-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.integration-kpi{background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px}.integration-kpi span,.integration-kpi small{display:block;color:var(--muted);font-size:11px}.integration-kpi strong{display:block;font-size:24px;margin:3px 0}.provider-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.provider-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow);min-width:0}.provider-card-top{display:flex;align-items:center;gap:10px}.provider-card-top>div{min-width:0;flex:1}.provider-card-top h3{font-size:15px;margin:0}.provider-card-top p{font-size:11px;color:var(--muted);margin:3px 0 0}.provider-icon{width:38px;height:38px;border-radius:10px;background:#eff6ff;color:var(--primary);display:grid;place-items:center}.provider-icon.tiny{width:30px;height:30px;border-radius:8px}.provider-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.provider-meta>div{border:1px solid var(--line);background:#fafafa;border-radius:9px;padding:9px;min-width:0}.provider-meta span{display:block;color:#98a2b3;font-size:10px}.provider-meta b{display:block;font-size:11px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.webhook-box{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;background:#f8fafc;border:1px solid var(--line);border-radius:10px;padding:8px}.webhook-box span{font-size:10px;color:var(--muted)}.webhook-box code{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.webhook-box .icon-btn{width:27px;height:27px}.test-result{display:grid;grid-template-columns:auto 1fr;gap:7px;align-items:center;margin-top:12px;padding:9px;border-radius:9px;font-size:11px}.test-result.ok{background:#ecfdf3;color:#067647}.test-result.bad{background:#fef3f2;color:#b42318}.test-result small{grid-column:2;color:inherit;opacity:.8}.provider-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}.provider-actions form{margin:0}.primary-badge{display:inline-flex;align-items:center;padding:7px 9px;border-radius:8px;background:#eef4ff;color:#3538cd;font-size:11px;font-weight:700}.flow-strip{display:flex;align-items:center;gap:9px;overflow:auto;padding-bottom:3px}.flow-strip span{white-space:nowrap;padding:9px 12px;background:#f8fafc;border:1px solid var(--line);border-radius:9px;font-size:12px}.flow-strip i{font-style:normal;color:#98a2b3}.empty-state-icon{width:52px;height:52px;border-radius:13px;background:#eff6ff;color:var(--primary);display:grid;place-items:center;margin:10px auto}.empty-card{text-align:center;padding:35px}.empty-card h3{margin:10px 0 4px}.empty-card p{margin:0;font-size:12px}.provider-fields{display:none}.provider-fields.active{display:block}.usage-list{display:flex;flex-direction:column}.usage-list>div{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.usage-list>div:last-child{border-bottom:0}.usage-list b,.usage-list small{display:block}.usage-list small{color:var(--muted);font-size:10px}.usage-list strong{text-align:right;font-size:14px}.form-actions{margin-top:3px}

/* Inbox inspired by mature helpdesk UX, original implementation */
.page-inbox .main-content{height:100vh;overflow:hidden}.page-wrap-inbox{padding:0!important;max-width:none!important;height:100vh}.page-wrap-inbox>.floating-alert{position:fixed;right:20px;top:16px;z-index:120;max-width:520px;box-shadow:0 14px 38px #0002}.inbox-app{height:100vh;display:grid;grid-template-columns:205px 310px minmax(430px,1fr) 300px;background:#fff;overflow:hidden}.inbox-rail{border-right:1px solid var(--line);padding:15px 11px;background:#fbfcfe;overflow:auto}.inbox-title-row{display:flex;align-items:center;justify-content:space-between;padding:0 5px 12px}.inbox-title-row h2{margin:0;font-size:18px}.inbox-search{position:relative;margin-bottom:12px}.inbox-search .svg-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#98a2b3}.inbox-search input{margin:0;padding-left:34px;background:#fff}.rail-section{margin-top:15px}.rail-section-title{font-size:10px;text-transform:uppercase;color:#98a2b3;font-weight:750;letter-spacing:.06em;padding:0 7px 6px}.rail-link{display:flex;align-items:center;gap:8px;border-radius:8px;padding:8px 9px;text-decoration:none;color:#475467;font-size:12px}.rail-link:hover,.rail-link.active{background:#eef2f7;color:#101828}.rail-link .count{margin-left:auto;background:#e9edf3;color:#475467;border-radius:999px;padding:2px 6px;font-size:10px}.rail-link .svg-icon{width:15px}.rail-color{width:8px;height:8px;border-radius:50%;background:var(--rail-color,#98a2b3)}.conversation-column{border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0}.conversation-column-header{padding:14px 14px 10px;border-bottom:1px solid var(--line)}.conversation-column-header h2{margin:0;font-size:17px}.conversation-tabs{display:flex;gap:13px;margin-top:10px}.conversation-tabs a{font-size:11px;text-decoration:none;color:#667085;padding-bottom:8px;border-bottom:2px solid transparent}.conversation-tabs a.active{color:var(--primary);border-color:var(--primary)}.conversation-toolbar{display:flex;gap:7px;padding:9px 12px;border-bottom:1px solid var(--line)}.conversation-toolbar select{margin:0;padding:7px;font-size:11px}.conversation-list{overflow:auto;flex:1}.conversation-item{display:grid;grid-template-columns:auto 1fr auto;gap:9px;padding:12px;border-bottom:1px solid #f0f2f5;text-decoration:none;color:inherit;position:relative}.conversation-item:hover,.conversation-item.active{background:#f8fafc}.conversation-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary)}.contact-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#e9effb;color:#344054;font-weight:750;font-size:12px;flex:none}.contact-avatar.small{width:31px;height:31px;font-size:10px}.contact-avatar.xlarge{width:58px;height:58px;font-size:17px}.conversation-main{min-width:0}.conversation-name{display:flex;gap:7px;align-items:center}.conversation-name b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-preview{font-size:11px;color:#667085;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:4px}.conversation-tags{display:flex;gap:4px;margin-top:6px;flex-wrap:wrap}.conversation-tags span{font-size:9px;background:#f2f4f7;border-radius:4px;padding:2px 5px}.conversation-meta{text-align:right;min-width:40px}.conversation-meta time{display:block;font-size:9px;color:#98a2b3}.unread-circle{display:inline-grid;place-items:center;min-width:18px;height:18px;background:var(--primary);color:#fff;border-radius:999px;font-size:9px;font-weight:700;margin-top:6px}.channel-mini{font-size:9px;color:#667085}.chat-workspace{display:flex;flex-direction:column;min-width:0;background:#fff}.chat-toolbar{height:68px;border-bottom:1px solid var(--line);padding:10px 15px;display:flex;align-items:center;justify-content:space-between;gap:10px}.chat-person{display:flex;align-items:center;gap:10px;min-width:0}.chat-person h2{font-size:14px;margin:0}.chat-person p{font-size:10px;color:#98a2b3;margin:3px 0 0}.chat-actions{display:flex;align-items:center;gap:7px}.chat-actions select{margin:0;padding:7px;font-size:11px}.sla-chip{display:flex;align-items:center;gap:5px;padding:7px 8px;background:#fff7ed;color:#b54708;border-radius:8px;font-size:10px}.page-inbox .messages{flex:1;max-height:none!important;background:#fff;padding:18px 22px;overflow-y:auto}.page-inbox .msg-row{margin:11px 0}.page-inbox .bubble{max-width:70%;border:0;background:#f2f4f7;border-radius:13px;padding:11px 13px;box-shadow:none}.page-inbox .msg-row.out .bubble{background:#e6f0ff}.page-inbox .msg-row.note .bubble{background:#fffaeb;border:1px dashed #f79009}.note-head{font-size:10px;font-weight:700;color:#b54708;display:flex;align-items:center;gap:5px;margin-bottom:6px}.composer-wrap{border-top:1px solid var(--line);padding:0 14px 13px}.composer-tabs{display:flex;gap:5px;padding-top:8px}.composer-tabs button{border:0;background:none;padding:6px 8px;border-radius:7px;font-size:10px;color:#667085;cursor:pointer}.composer-tabs button.active{background:#f2f4f7;color:#101828;font-weight:700}.composer-wrap textarea{border:0;box-shadow:none!important;margin:0;padding:9px 5px;min-height:66px;resize:none}.composer-bottom{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-top:0;border-radius:0 0 10px 10px;padding:7px}.composer-wrap textarea{border:1px solid var(--line);border-bottom:0;border-radius:10px 10px 0 0}.composer-tools{display:flex;align-items:center;gap:6px;padding:0!important;border:0!important}.composer-tools select{margin:0;padding:6px 8px;font-size:10px;max-width:190px}.send-btn{padding:8px 12px}.ai-suggestion-box{margin:8px 14px;background:#f4f3ff;border:1px solid #d9d6fe;border-radius:9px;padding:9px 11px;display:flex;justify-content:space-between;gap:10px}.ai-suggestion-box>div{font-size:11px}.ai-suggestion-box b{display:inline}.ai-suggestion-box p{margin:4px 0 0;color:#475467}.contact-inspector{border-left:1px solid var(--line);overflow:auto;background:#fff}.contact-inspector.empty{background:#fafafa}.inspector-head{height:51px;border-bottom:1px solid var(--line);padding:0 13px;display:flex;align-items:center;justify-content:space-between;font-size:12px}.contact-profile{text-align:center;padding:17px 14px}.contact-profile .contact-avatar{margin:auto}.contact-profile h3{margin:9px 0 2px;font-size:14px}.contact-profile p{margin:0;font-size:10px;color:#667085}.contact-fields{padding:0 14px 10px}.contact-fields>div,.kv-row{padding:8px 0;border-bottom:1px solid #f0f2f5}.contact-fields span,.kv-row span{display:block;color:#98a2b3;font-size:9px}.contact-fields b,.kv-row b{display:block;font-size:10px;margin-top:2px;word-break:break-word}.inspector-section{border-top:1px solid var(--line);padding:12px 14px}.inspector-section>header{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:750;margin-bottom:9px}.inspector-section label{display:block;margin-top:8px;font-size:10px}.inspector-section select{margin-top:4px;padding:7px;font-size:10px}.contact-tags{display:flex;gap:5px;flex-wrap:wrap}.contact-tags span{border:1px solid var(--line);border-radius:6px;padding:4px 6px;font-size:9px;display:flex;align-items:center;gap:4px}.contact-tags i,.label-dot{width:7px;height:7px;border-radius:2px;background:var(--label-color,#64748b)}.check-list{display:flex;flex-direction:column;gap:7px}.check-list label{display:flex;align-items:center;gap:9px;border:1px solid var(--line);padding:9px;border-radius:8px}.check-list input{width:auto;margin:0}.check-list .modal-actions{margin-top:8px}.person-cell{display:flex;align-items:center;gap:9px}.person-cell b,.person-cell small{display:block}.person-cell small{font-size:10px;color:var(--muted)}

/* Settings + Master */
.settings-layout{display:grid;grid-template-columns:205px minmax(0,1fr);gap:18px}.settings-nav{background:#fff;border:1px solid var(--line);border-radius:14px;padding:8px;height:max-content;position:sticky;top:105px}.settings-nav button{width:100%;border:0;background:none;border-radius:8px;padding:10px;display:flex;align-items:center;gap:9px;text-align:left;color:#475467;cursor:pointer;font-size:12px}.settings-nav button.active,.settings-nav button:hover{background:#f2f4f7;color:#101828}.settings-panel{display:none}.settings-panel.active{display:block}.brand-preview{border:1px dashed #cfd6df;border-radius:10px;padding:14px;display:flex;align-items:center;gap:10px}.stack-list{display:flex;flex-direction:column}.stack-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.stack-item:last-child{border-bottom:0}.stack-item>div{flex:1}.stack-item b,.stack-item small{display:block}.stack-item small{font-size:10px;color:var(--muted);margin-top:2px}.label-list>div{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}.label-list i{width:10px;height:10px;border-radius:3px;background:var(--label-color)}.permission-grid,.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.permission-grid label,.check-grid label{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid var(--line);border-radius:8px}.permission-grid input,.check-grid input{width:auto;margin:0}.availability-dot,.health-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px;background:#98a2b3}.availability-dot.online,.health-dot.ok{background:#12b76a}.availability-dot.busy{background:#f79009}.master-metrics{grid-template-columns:repeat(5,1fr)}.table-search input{margin:0;width:220px}.plan-admin-list{display:flex;flex-direction:column}.plan-admin-item{display:grid;grid-template-columns:minmax(130px,1fr) minmax(200px,2fr) auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.plan-admin-item:last-child{border-bottom:0}.plan-admin-item b,.plan-admin-item small{display:block}.plan-admin-item small{font-size:10px;color:var(--muted);margin-top:3px}.plan-feature-chips{display:flex;gap:5px;flex-wrap:wrap}.plan-feature-chips span{font-size:9px;background:#f2f4f7;padding:4px 6px;border-radius:6px}.health-list{display:flex;flex-direction:column}.health-row{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.health-row:last-child{border-bottom:0}.health-row b,.health-row small{display:block}.health-row small{color:var(--muted);font-size:9px}.health-dot.bad{background:#f04438}.login-links{text-align:center;margin-top:16px}.login-links a{font-size:12px;color:var(--primary)}

@media(max-width:1450px){.inbox-app{grid-template-columns:185px 285px minmax(400px,1fr) 270px}.provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.master-metrics{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1150px){.inbox-app{grid-template-columns:180px 290px 1fr}.contact-inspector{display:none}.settings-layout{grid-template-columns:170px 1fr}.integration-overview{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.page-inbox .sidebar{transform:translateX(-100%)}.page-inbox .main-content{margin-left:0}.inbox-app{grid-template-columns:180px 280px 1fr}.master-metrics{grid-template-columns:repeat(2,1fr)}.settings-layout{grid-template-columns:1fr}.settings-nav{position:static;display:flex;overflow:auto}.settings-nav button{width:auto;white-space:nowrap}.provider-grid{grid-template-columns:1fr}}
@media(max-width:720px){.inbox-app{display:block;overflow:auto}.inbox-rail{display:none}.conversation-column{height:42vh}.chat-workspace{height:58vh}.chat-toolbar{height:60px}.page-inbox .messages{padding:12px}.integration-overview,.master-metrics{grid-template-columns:1fr 1fr}.page-heading{align-items:flex-start;flex-direction:column}.heading-actions{width:100%;flex-wrap:wrap}.permission-grid,.check-grid{grid-template-columns:1fr}}
.inbox-rail-head,.conversation-column-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.inbox-rail-head{padding:2px 4px 12px}.inbox-rail-head>div strong,.inbox-rail-head>div span{display:block}.inbox-rail-head>div strong{font-size:16px}.inbox-rail-head>div span{font-size:10px;color:#98a2b3;margin-top:2px}.rail-section>small{display:block;padding:0 7px 6px;font-size:9px;letter-spacing:.07em;font-weight:750;color:#98a2b3}.rail-section>a{display:flex;align-items:center;gap:8px;padding:8px 9px;border-radius:8px;text-decoration:none;color:#475467;font-size:11px}.rail-section>a:hover,.rail-section>a.active{background:#eef2f7;color:#101828}.rail-section>a span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.rail-section>a>b{font-size:9px;background:#e9edf3;padding:2px 6px;border-radius:999px}.status-dot{width:7px;height:7px;border-radius:50%;background:#98a2b3}.status-dot.status-connected{background:#12b76a}.status-dot.status-error{background:#f04438}.conversation-column-head{min-height:51px;padding:0 12px;border-bottom:1px solid var(--line)}.conversation-column-head .conversation-tabs{min-width:0;overflow-x:auto}.conversation-summary{min-width:0}.summary-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.summary-top b{font-size:11px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.summary-top time{font-size:9px;color:#98a2b3;white-space:nowrap}.conversation-summary>p{font-size:10px;color:#667085;margin:4px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.summary-meta{display:flex;gap:3px;align-items:center;color:#98a2b3;font-size:9px}.unread-count{margin-left:auto;background:var(--primary);color:#fff;border-radius:999px;min-width:17px;height:17px;display:grid;place-items:center;padding:0 4px}.inline-labels{display:flex;gap:4px;margin-top:5px}.inline-labels span{background:#f2f4f7;border-radius:4px;padding:2px 4px;font-size:8px}.conversation-item .contact-avatar{position:relative}.channel-badge{position:absolute;right:-2px;bottom:-2px;width:15px;height:15px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid var(--line);color:#667085}.empty-list,.chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#98a2b3;gap:6px;padding:30px}.empty-list b,.chat-empty h2{color:#344054;margin:5px 0 0}.empty-list span,.chat-empty p{font-size:11px;margin:0}.chat-empty{height:100%}.contact-avatar.large{width:40px;height:40px}.channel-whatsapp{color:#12b76a}.channel-instagram{color:#c13584}.channel-facebook{color:#1877f2}

/* v0.3.2 - Inbox demo + Chatwoot-like visual refinement */
.rail-head-actions{display:flex;align-items:center;gap:5px}.rail-head-actions form{margin:0}.chat-title-line{display:flex;align-items:center;gap:7px}.demo-chip,.demo-mini{display:inline-flex;align-items:center;border-radius:999px;font-weight:750;line-height:1}.demo-chip{font-size:9px;padding:4px 7px;background:#eef4ff;color:#3538cd;border:1px solid #c7d7fe;letter-spacing:.04em}.demo-mini{font-size:8px;padding:3px 5px;background:#eef4ff;color:#3538cd}.demo-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 14px;background:#f8f9ff;border-bottom:1px solid #d9d6fe;color:#475467;font-size:10px}.demo-notice>div{display:flex;align-items:center;gap:8px;min-width:0}.demo-notice b{color:#344054}.demo-notice form{margin:0;flex:none}.page-inbox .inbox-rail{background:#fbfcfd}.page-inbox .conversation-column{background:#fff}.page-inbox .conversation-item{padding:13px 12px}.page-inbox .conversation-item.active{background:#f5f8ff}.page-inbox .conversation-item.active:before{width:2px}.page-inbox .messages{background:#fcfcfd}.page-inbox .msg-row.in .bubble{background:#f1f2f4;border-radius:12px 12px 12px 4px}.page-inbox .msg-row.out .bubble{background:#e7f0ff;border-radius:12px 12px 4px 12px}.page-inbox .bubble p{font-size:12px;line-height:1.5}.page-inbox .bubble small{font-size:9px;text-align:right}.page-inbox .contact-inspector{background:#fff}.page-inbox .inbox-search{margin-bottom:14px}.page-inbox .rail-section{margin-bottom:13px}.page-inbox .chat-toolbar{background:#fff}.page-inbox .composer-wrap{background:#fff}.page-inbox .composer-wrap textarea{background:#fff}.page-inbox .conversation-column-head{background:#fff;position:sticky;top:0;z-index:2}
@media(max-width:720px){.demo-notice{align-items:flex-start;flex-direction:column}.demo-notice form{width:100%}.demo-notice .btn{width:100%}}


/* v0.4.0 - IA handoff, transfer history and Evolution test workflow */
.bot-config-box{border:1px solid var(--line);border-radius:12px;padding:14px;background:#fbfcfe;display:flex;flex-direction:column;gap:12px}.bot-config-box>div:first-child b,.bot-config-box>div:first-child small{display:block}.bot-config-box>div:first-child small{margin-top:4px;color:var(--muted);font-size:11px}.bot-chip{display:inline-flex;align-items:center;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:750}.bot-active{background:#ecfdf3;color:#067647;border:1px solid #abefc6}.bot-standby{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.bot-paused{background:#f2f4f7;color:#475467;border:1px solid #d0d5dd}.bot-handoff{background:#fffaeb;color:#b54708;border:1px solid #fedf89}.ai-runtime-note{margin:8px 0;padding:8px 9px;border:1px solid #fedf89;border-radius:8px;background:#fffaeb;color:#92400e;font-size:9px;line-height:1.45}.ai-runtime-note b,.ai-runtime-note span{display:block}.ai-runtime-note span{margin-top:3px}.full-action{width:100%;margin:2px 0 5px}.small-text{font-size:10px!important;line-height:1.45}.transfer-history{display:flex;flex-direction:column;gap:7px}.transfer-history>div{border-left:2px solid #d0d5dd;padding-left:8px}.transfer-history b,.transfer-history small,.transfer-history span{display:block}.transfer-history b{font-size:10px}.transfer-history small,.transfer-history span{font-size:9px;color:var(--muted);margin-top:2px}.msg-row.system{justify-content:center}.msg-row.system .bubble{max-width:88%;background:#f2f4f7;border-style:dashed;color:#475467}.msg-row.system .note-head{justify-content:center}.page-inbox .chat-actions{flex-wrap:wrap}.page-inbox .chat-toolbar{min-height:68px;height:auto}.modal .switch-line small{display:block;margin-top:2px;color:var(--muted);font-weight:400}.provider-actions form{margin:0}
@media(max-width:720px){.page-inbox .chat-toolbar{align-items:flex-start}.page-inbox .chat-actions{justify-content:flex-end}.page-inbox .chat-actions .btn{padding:7px 8px}.bot-config-box .form-grid{grid-template-columns:1fr}.modal{align-items:flex-end;padding:10px}.modal-box{max-height:86vh;border-radius:16px 16px 8px 8px;padding-bottom:max(20px,env(safe-area-inset-bottom))}}

/* v0.5.0 - produtividade, grupos, mídia e analytics operacional */
.error-text{color:#b42318;font-size:11px}.macro-steps{display:flex;flex-direction:column;gap:6px;margin-top:12px}.macro-steps span{display:block;background:#f8fafc;border:1px solid var(--line);border-radius:8px;padding:7px 9px;font-size:10px;color:#475467}.group-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.group-card{display:flex;flex-direction:column;gap:12px}.group-card .card-head{margin-bottom:0}.group-members{max-height:150px;overflow:auto;border:1px solid var(--line);border-radius:9px;padding:8px;background:#fafbfc;font-size:10px}.group-members span{display:block;padding:3px 0;color:#475467}.group-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto}.channel-picker{justify-content:flex-start}.channel-picker label{min-width:min(420px,100%)}.mini-kpis{display:flex;gap:10px;flex-wrap:wrap}.mini-kpis span{background:#f8fafc;border:1px solid var(--line);border-radius:9px;padding:8px 10px;font-size:10px;color:#475467}.mini-kpis b{font-size:13px;color:#101828}.analytics-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.msg-media-link{display:block;margin-bottom:7px}.msg-media{display:block;max-width:min(360px,100%);max-height:320px;border-radius:9px;object-fit:cover}.msg-attachment{display:inline-flex;align-items:center;gap:6px;margin-bottom:7px;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--primary);font-size:10px;text-decoration:none}.composer-tools>a.icon-btn{text-decoration:none}.composer-tools select{max-width:210px}.callout{border:1px solid #dbe5f4;background:#f8fbff;border-radius:12px;padding:14px}.token-once{word-break:break-word}.row-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.automation-action-fields{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fafbfc}.quote{font-size:11px;background:#f8fafc;border-left:3px solid #d0d5dd;padding:8px 10px;border-radius:0 8px 8px 0;color:#475467}.automation-meta{display:flex;gap:8px;flex-wrap:wrap;font-size:10px;color:#667085}.automation-flow{font-size:11px;line-height:1.55;color:#344054}.heading-actions{display:flex;align-items:center;gap:8px}.heading-actions form{margin:0}
@media(max-width:1450px){.group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){.group-grid{grid-template-columns:1fr}.analytics-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.composer-tools{flex-wrap:wrap}.composer-tools select{max-width:100%}.analytics-metrics{grid-template-columns:1fr 1fr}.group-actions .btn{flex:1}.msg-media{max-width:100%}}

/* v0.5.0 - roteamento de filas */
.inline-routing-form{margin-top:8px}.inline-routing-form label{display:flex;align-items:center;gap:8px;font-size:12px}.inline-routing-form select{min-height:34px;padding:5px 28px 5px 9px;font-size:12px}.stack-item .grow{flex:1;min-width:0}

/* v0.5.1 - posse do atendimento, viewport da Inbox e auditoria PT-BR */
.app-footer{min-height:30px;border-top:1px solid var(--line);background:#fff;color:#98a2b3;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 24px;font-size:9px;letter-spacing:.01em;flex:none}
.page-inbox .main-content{height:100dvh;min-height:0;overflow:hidden;display:flex;flex-direction:column}
.page-inbox .page-wrap-inbox{height:auto;flex:1;min-height:0;overflow:hidden}
.page-inbox .inbox-app{height:100%;min-height:0}
.page-inbox .inbox-rail,.page-inbox .conversation-column,.page-inbox .chat-workspace,.page-inbox .contact-inspector{min-height:0}
.page-inbox .conversation-column,.page-inbox .chat-workspace{overflow:hidden}
.page-inbox .messages{min-height:0;overscroll-behavior:contain}
.page-inbox .contact-inspector{overflow-y:auto;overscroll-behavior:contain;padding-bottom:8px}
.page-inbox .chat-toolbar,.page-inbox .demo-notice,.page-inbox .composer-wrap,.page-inbox .ownership-banner{flex:none}
.ownership-banner{border-top:1px solid var(--line);background:#f8fbff;padding:12px 14px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center}
.ownership-banner .ownership-icon{width:34px;height:34px;border-radius:9px;background:#eef4ff;color:var(--primary);display:grid;place-items:center}
.ownership-banner b{display:block;font-size:11px;color:#344054}.ownership-banner p{margin:3px 0 0;font-size:10px;color:#667085;line-height:1.4}.ownership-banner form{margin:0}
.audit-action,.audit-object{font-size:12px;color:#344054}.audit-action{font-weight:650}
.page-inbox .chat-actions form,.inspector-section>form{margin:0}
@media(max-width:720px){.app-footer{padding:0 12px}.app-footer span:last-child{display:none}.ownership-banner{grid-template-columns:auto minmax(0,1fr)}.ownership-banner form{grid-column:1/-1}.ownership-banner .btn{width:100%}.page-inbox .page-wrap-inbox{overflow:auto}.page-inbox .inbox-app{height:auto;min-height:100%}}

/* ===== WabotSaaS 0.5.2 — filtros coerentes + composer multimídia ===== */
.page-inbox .inbox-app.no-selection{grid-template-columns:205px 310px minmax(0,1fr)}
.page-inbox .inbox-app.no-selection .contact-inspector{display:none}
.page-inbox .page-wrap-inbox{width:100%;margin:0!important}
.page-inbox .inbox-app{width:100%}
.inbox-mobile-nav{display:none;position:fixed;top:10px;left:10px;z-index:75;background:#fff;box-shadow:0 4px 14px #1018281a}
.icon-btn.passive{opacity:.55;pointer-events:none}
.active-filters{display:flex;align-items:center;gap:5px;flex-wrap:wrap;padding:7px 10px;border-bottom:1px solid var(--line);background:#fbfcfe;min-height:34px}
.active-filters span{display:inline-flex;gap:3px;align-items:center;max-width:100%;padding:3px 6px;border:1px solid #e4e7ec;border-radius:999px;background:#fff;color:#667085;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.active-filters span b{font-weight:700;color:#344054;overflow:hidden;text-overflow:ellipsis}
.active-filters>a{margin-left:auto;color:var(--primary);font-size:9px;font-weight:700;text-decoration:none}
.empty-list .btn{margin-top:10px}
.rail-section>a>b{flex:none}

.msg-video{display:block;width:min(420px,100%);max-height:360px;border-radius:9px;background:#0b1220;margin-bottom:7px}
.msg-audio{display:block;width:min(360px,100%);max-width:100%;margin:3px 0 7px}
.msg-attachment{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.attachment-tools{display:flex;align-items:center;gap:4px}
.attachment-tools[hidden],.attachment-hint[hidden]{display:none!important}
.attachment-preview{display:flex;flex-direction:column;gap:5px;max-height:132px;overflow:auto;padding:7px;border-left:1px solid var(--line);border-right:1px solid var(--line);background:#fbfcfe}
.attachment-preview[hidden]{display:none}
.attachment-chip{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 7px;border:1px solid #e4e7ec;border-radius:8px;background:#fff}
.attachment-chip-meta{display:flex;align-items:center;gap:7px;min-width:0}
.attachment-kind{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:46px;border-radius:6px;padding:4px 5px;background:#eef4ff;color:#3538cd;font-size:8px;font-weight:750}
.attachment-chip-meta>div{min-width:0}
.attachment-chip b,.attachment-chip small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.attachment-chip b{font-size:9px;color:#344054}.attachment-chip small{font-size:8px;color:#98a2b3;margin-top:1px}
.attachment-remove{border:0;background:#f2f4f7;color:#667085;width:24px;height:24px;border-radius:6px;font-size:18px;line-height:1;cursor:pointer;flex:none}
.attachment-remove:hover{background:#fee4e2;color:#b42318}
.composer-submit{display:flex;align-items:center;gap:8px;margin-left:auto}
.attachment-hint{font-size:8px;color:#98a2b3;white-space:nowrap}
.composer-wrap:has(.attachment-preview:not([hidden])) textarea{border-radius:10px 10px 0 0}
.composer-wrap:has(.attachment-preview:not([hidden])) .attachment-preview{border-top:0}

@media(max-width:1450px){.page-inbox .inbox-app.no-selection{grid-template-columns:185px 285px minmax(0,1fr)}}
@media(max-width:1150px){.page-inbox .inbox-app.no-selection{grid-template-columns:180px 290px minmax(0,1fr)}}
@media(max-width:900px){
  body.page-inbox .main-content{margin-left:0!important;width:100vw!important;max-width:100vw!important}
  body.page-inbox .page-wrap-inbox{width:100vw!important;max-width:100vw!important}
  .page-inbox .inbox-app.no-selection{grid-template-columns:180px 280px minmax(0,1fr)}
  .inbox-mobile-nav{display:grid;place-items:center}
  .page-inbox .sidebar.open{transform:translateX(0);box-shadow:12px 0 32px #10182833}
}
@media(max-width:720px){
  .page-inbox .inbox-app.no-selection{display:block}
  .attachment-hint{display:none}
  .composer-bottom{align-items:flex-end;gap:6px}
  .composer-tools{min-width:0}
  .attachment-tools{width:100%;order:-1}
  .attachment-tools .icon-btn{flex:1}
  .composer-submit{margin-left:0}
  .msg-video,.msg-audio{width:100%}
}
.attachment-tools .icon-btn.recording{background:#fef3f2;border-color:#fda29b;color:#b42318;animation:wabot-recording-pulse 1.2s ease-in-out infinite}
@keyframes wabot-recording-pulse{0%,100%{box-shadow:0 0 0 0 rgba(217,45,32,.08)}50%{box-shadow:0 0 0 5px rgba(217,45,32,.12)}}

/* v0.5.3 - Evolution: IP manual, troca de chave e pareamento por número */
.field-help{display:block;margin-top:6px;color:var(--muted);font-size:10px;font-weight:500;line-height:1.45}.secret-input-row{display:grid;grid-template-columns:1fr 42px;gap:8px;align-items:end}.secret-input-row input{min-width:0}.secret-toggle{height:40px;margin-top:6px;border:1px solid #d0d5dd;border-radius:9px;background:#fff;color:#475467;display:grid;place-items:center;cursor:pointer}.secret-toggle:hover,.secret-toggle.active{border-color:#84adff;color:var(--primary);background:#eff6ff}.pairing-code-box{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:18px 8px 8px}.pairing-code-box>span{font-size:12px;color:var(--muted)}.pairing-code-box>strong{font-size:34px;letter-spacing:.14em;font-variant-numeric:tabular-nums;padding:15px 20px;border-radius:12px;background:#f8fafc;border:1px dashed #98a2b3;word-break:break-all}.pairing-code-box>small{color:var(--muted);font-size:11px}.provider-meta>div b{word-break:break-word}

/* ===== WabotSaaS 0.6.0 — redesign Manta-like, CRM interativo e listagens maduras ===== */
html,body{background:var(--bg)}
body{letter-spacing:-.005em}
.card,.metric-card,.provider-card,.integration-kpi{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}
.btn{border-radius:var(--radius-md)}
.icon-chip,.nav-icon-chip{display:inline-grid;place-items:center;flex:none;background:var(--surface-tint);color:var(--primary);border-radius:10px}
.icon-chip{width:34px;height:34px}.icon-chip.small{width:28px;height:28px;border-radius:8px}

/* Sidebar clara, agrupada e com chips de ícone */
.sidebar{width:252px;background:var(--nav);color:var(--text);border-right:1px solid var(--line);padding:18px 14px 14px;box-shadow:4px 0 24px rgba(16,24,40,.025)}
.brand{color:var(--text);padding:2px 6px 16px}.brand-symbol{background:var(--primary);color:#fff;box-shadow:none}.brand-text{font-size:19px}
.tenant-chip{background:var(--surface-muted);border:1px solid var(--line);border-radius:var(--radius-md);margin:0 2px 14px;padding:10px 12px;color:var(--text)}
.tenant-chip small{color:#98a2b3}.tenant-chip b{font-size:12px}.tenant-chip>span{display:block;margin-top:4px;color:var(--muted);font-size:10px}
.side-nav{gap:0;padding-right:2px}.nav-group{display:flex;flex-direction:column;gap:3px;margin-bottom:13px}.nav-group-label{padding:0 10px 6px;color:#98a2b3;text-transform:uppercase;font-size:9px;font-weight:800;letter-spacing:.09em}
.side-nav a{padding:8px 9px;border-radius:var(--radius-md);color:#475467;gap:9px;font-size:12px;font-weight:600}
.side-nav a .nav-icon-chip{width:29px;height:29px;background:#f5f7fa;color:#667085;border:1px solid #edf0f4}
.side-nav a:hover{background:#f8fafc;color:#1d2939}.side-nav a:hover .nav-icon-chip{background:#eef4ff;color:var(--primary)}
.side-nav a.active{background:#eef4ff;color:#1849a9;box-shadow:none}.side-nav a.active .nav-icon-chip{background:#dbeafe;color:var(--primary);border-color:#bfdbfe}
.nav-sep{background:var(--line);margin:2px 4px 13px}.sidebar-footer{border-top:1px solid var(--line);padding:12px 4px 0}.sidebar .icon-link{background:#f8fafc;color:#667085;border-color:var(--line)}
.avatar{background:#eaf2ff;color:#344054}.user-mini small{color:#98a2b3}.user-mini b{color:#1d2939}
.upgrade-card{margin:2px 2px 12px;padding:12px;border-radius:var(--radius-lg);background:linear-gradient(145deg,#eef4ff,#f8fbff);border:1px solid #c7d7fe;box-shadow:var(--shadow-sm)}
.upgrade-card .upgrade-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#fff;color:var(--primary);margin-bottom:8px}.upgrade-card b,.upgrade-card small{display:block}.upgrade-card b{font-size:11px}.upgrade-card small{font-size:9px;color:#667085;line-height:1.45;margin-top:3px}.upgrade-card a{display:flex;align-items:center;justify-content:space-between;margin-top:9px;color:#1849a9;font-size:10px;font-weight:750;text-decoration:none}
.main-content{margin-left:252px}.topbar{background:rgba(255,255,255,.94);backdrop-filter:blur(12px);height:78px;padding:0 26px}.topbar h1{font-size:22px}.page-wrap{padding:24px}
.app-footer{background:#fff}

/* Pílulas, chips e tabelas */
.status,.count-pill,.stage-badge{border-radius:999px}.count-pill{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 7px;background:#fff;border:1px solid var(--line);font-size:10px;color:#667085}
.modern-table tbody tr{transition:background .15s ease}.modern-table tbody tr:hover{background:#fbfcfe}.select-col{width:42px;text-align:center}.select-col input{width:16px;height:16px;margin:0;accent-color:var(--primary)}
.list-toolbar{background:var(--surface);border:1px solid var(--line);padding:12px;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}
.search-box{position:relative;flex:1}.search-box>.svg-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#98a2b3}.search-box input{padding-left:36px;margin:0}
.selection-scope{position:relative}.bulk-action-bar{position:sticky;bottom:14px;z-index:15;margin:12px 16px 16px;background:#101828;color:#fff;border-radius:14px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 16px 36px rgba(16,24,40,.25)}.bulk-action-bar[hidden]{display:none!important}.bulk-action-bar b{font-size:14px}.bulk-action-bar .btn-danger{background:#fff;color:#b42318;border-color:#fff}
.pagination{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:14px;padding:14px 16px;border-top:1px solid var(--line);background:#fff}.pagination-summary{font-size:11px;color:var(--muted)}.pagination-size label{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:10px}.pagination-size select{width:auto;margin:0;padding:6px 24px 6px 8px;font-size:10px}.pagination-pages{display:flex;justify-content:flex-end;align-items:center;gap:4px}.page-btn{height:32px;min-width:32px;padding:0 9px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid var(--line);border-radius:9px;text-decoration:none;background:#fff;color:#475467;font-size:10px;font-weight:650}.page-btn:hover{border-color:#b2ccff;background:#f8fbff}.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.page-btn.disabled{pointer-events:none;opacity:.45}.page-gap{color:#98a2b3;padding:0 3px}

/* CRM */
.crm-heading{margin-bottom:14px}.view-switch{display:inline-flex;align-items:center;padding:3px;border:1px solid var(--line);background:#fff;border-radius:12px;box-shadow:var(--shadow-sm)}.view-switch a{display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:9px;text-decoration:none;color:#667085;font-size:11px;font-weight:650}.view-switch a.active{background:#eef4ff;color:#1849a9}
.kanban{display:grid;grid-template-columns:repeat(6,minmax(255px,1fr));gap:12px;padding:2px 2px 18px;scrollbar-width:thin}.kanban-col{background:#f1f4f8;border:1px solid #e7ebf1;border-radius:var(--radius-lg);padding:10px;min-height:520px;transition:border-color .16s,background .16s,box-shadow .16s}.kanban-col.drag-over{background:#eef4ff;border-color:#84adff;box-shadow:0 0 0 3px rgba(37,99,235,.08)}
.kanban-col-head{display:block!important;padding:3px 4px 10px!important}.kanban-col-head>div{display:flex;align-items:center;gap:7px}.kanban-col-head>strong{display:block;margin-top:7px;font-size:11px;color:#667085;font-weight:650}.stage-dot{width:8px;height:8px;border-radius:50%;background:#60a5fa}.stage-won .stage-dot{background:#12b76a}.stage-lost .stage-dot{background:#f04438}.stage-proposal .stage-dot{background:#7f56d9}.stage-negotiation .stage-dot{background:#f79009}.stage-qualified .stage-dot{background:#2e90fa}
.kanban-list{min-height:445px;gap:9px}.kanban-empty{padding:20px 10px;text-align:center;border:1px dashed #d0d5dd;border-radius:12px;color:#98a2b3;font-size:10px}.kanban-list:has(.lead-card) .kanban-empty{display:none}
.lead-card{position:relative;border:1px solid #e7ebf1;border-radius:var(--radius-lg);padding:12px;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .15s,box-shadow .15s,opacity .15s}.lead-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.lead-card.dragging{opacity:.48;transform:rotate(1.5deg) scale(.99);box-shadow:0 18px 45px rgba(16,24,40,.16)}.lead-card-drag{position:absolute;top:8px;right:8px;color:#c0c7d2;cursor:grab}.lead-card-drag:active{cursor:grabbing}.lead-top{padding-right:24px;align-items:flex-start}.lead-top>div{min-width:0}.lead-top b{display:block;margin-top:7px;font-size:12px;line-height:1.35}.lead-top strong{font-size:11px;color:#344054;white-space:nowrap}.lead-stage-badge{display:inline-flex;padding:3px 6px;border-radius:999px;background:#eff6ff;color:#175cd3;font-size:8px;font-weight:800}.stage-won .lead-stage-badge,.stage-badge.stage-won{background:#ecfdf3;color:#067647}.stage-lost .lead-stage-badge,.stage-badge.stage-lost{background:#fef3f2;color:#b42318}.stage-proposal .lead-stage-badge,.stage-badge.stage-proposal{background:#f4f3ff;color:#5925dc}.stage-negotiation .lead-stage-badge,.stage-badge.stage-negotiation{background:#fffaeb;color:#b54708}.stage-qualified .lead-stage-badge,.stage-badge.stage-qualified{background:#eff8ff;color:#026aa2}.stage-badge.stage-new{background:#eef4ff;color:#1849a9}.stage-badge{display:inline-flex;padding:5px 8px;font-size:9px;font-weight:750}
.lead-person{display:flex;align-items:center;gap:8px;margin-top:12px;padding:9px;background:#fafbfc;border-radius:11px}.lead-person>div{min-width:0}.lead-person b,.lead-person small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lead-person b{font-size:10px}.lead-person small{font-size:9px;color:#98a2b3;margin-top:2px}.lead-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;color:#98a2b3;font-size:9px}.lead-footer span{display:flex;align-items:center;gap:4px}.lead-actions{padding-top:9px;border-top:1px solid #f0f2f5}.lead-actions form:first-child{min-width:0}.lead-actions select{width:100%}.danger-icon{color:#b42318;background:#fff6f5;border-color:#fee4e2}
.modal-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:-4px 0 18px}.modal-tabs button{border:0;background:transparent;color:#667085;padding:9px 11px;border-bottom:2px solid transparent;margin-bottom:-1px;display:flex;align-items:center;gap:6px;font-size:11px;font-weight:650;cursor:pointer}.modal-tabs button.active{color:var(--primary);border-color:var(--primary)}.lead-modal-box{overflow:hidden}.lead-modal-box form>.settings-panel{max-height:55vh;overflow:auto;padding:2px 2px 8px}.lead-modal-actions{padding-top:14px;border-top:1px solid var(--line);margin-top:8px}.activity-timeline{display:flex;flex-direction:column;gap:0}.activity-item{position:relative;padding:0 0 18px 28px}.activity-item:before{content:"";position:absolute;left:8px;top:14px;bottom:0;width:1px;background:#e4e7ec}.activity-item:last-child:before{display:none}.activity-dot{position:absolute;left:1px;top:2px;width:15px;height:15px;border-radius:50%;background:#eef4ff;border:3px solid #fff;box-shadow:0 0 0 1px #b2ccff}.activity-item b{font-size:11px}.activity-item p{margin:3px 0;color:#667085;font-size:9px}.activity-item small{color:#98a2b3;font-size:9px}.empty.compact{padding:18px}

/* Inbox com painéis mais limpos e inspector em abas */
.page-inbox .inbox-app{background:var(--surface-muted)}.page-inbox .inbox-rail,.page-inbox .conversation-column,.page-inbox .chat-workspace,.page-inbox .contact-inspector{background:#fff}.page-inbox .conversation-item{margin:5px 7px;border:1px solid transparent;border-radius:14px}.page-inbox .conversation-item.active{border-color:#c7d7fe;background:#f5f8ff}.page-inbox .conversation-item.active:before{display:none}.page-inbox .contact-avatar{background:#eef4ff}.page-inbox .bubble{border-radius:14px}.page-inbox .composer-wrap{padding:8px 14px 12px}.page-inbox .composer-wrap textarea{min-height:54px;border-radius:14px 14px 0 0}.page-inbox .composer-bottom{border-radius:0 0 14px 14px}.page-inbox .icon-btn{border-radius:10px}.inspector-tabs{display:flex;gap:3px;padding:7px 9px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:2}.inspector-tabs button{flex:1;border:0;background:transparent;border-radius:9px;padding:7px 5px;color:#667085;font-size:9px;font-weight:700;cursor:pointer}.inspector-tabs button.active{background:#eef4ff;color:#1849a9}.inspector-panel{display:none}.inspector-panel.active{display:block}.contact-profile{padding-top:14px}.inspector-section{padding:11px 13px}.attachment-progress{display:inline-flex;align-items:center;gap:6px;color:#475467;font-size:9px}.attachment-progress[hidden]{display:none}

/* Ajustes responsivos / touch */
@media(max-width:1200px){.pagination{grid-template-columns:1fr auto}.pagination-pages{grid-column:1/-1;justify-content:flex-start;overflow:auto}.kanban{grid-template-columns:repeat(6,minmax(245px,1fr))}}
@media(max-width:900px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0);box-shadow:20px 0 40px rgba(16,24,40,.15)}.main-content{margin-left:0}.page-wrap{padding:16px}.pagination{grid-template-columns:1fr}.pagination-size{justify-self:start}.pagination-pages{grid-column:auto}.page-btn span{display:none}.crm-heading{align-items:flex-start;flex-direction:column}.crm-heading .heading-actions{width:100%;justify-content:space-between}.kanban{scroll-snap-type:x proximity}.kanban-col{scroll-snap-align:start}}
@media(max-width:640px){.sidebar{width:min(86vw,300px)}.page-wrap{padding:12px}.page-heading{gap:12px}.heading-actions{overflow-x:auto;padding-bottom:2px}.view-switch{flex:none}.modern-table th,.modern-table td{white-space:nowrap}.pagination-summary{font-size:10px}.pagination{padding:12px}.bulk-action-bar{bottom:8px;margin:8px}.lead-card{cursor:default}.lead-actions{display:flex}.lead-actions form:first-child{display:block}.modal-tabs{overflow-x:auto}.modal-tabs button{white-space:nowrap}.upgrade-card{display:none}}

/* Listagens v0.6.1 */
.list-toolbar-row{display:flex;align-items:center;gap:8px;margin-bottom:14px}.list-toolbar-row .search-box{min-width:220px}.list-toolbar-row>select{width:auto;min-width:170px;margin:0}.list-toolbar-inline{display:flex;align-items:center;gap:7px;min-width:min(420px,48vw)}.list-toolbar-inline .search-box{min-width:180px}.list-toolbar-inline input{margin:0}.bulk-list-head{display:flex;align-items:center;justify-content:flex-end;margin:0 0 10px}.bulk-list-head label,.bulk-inline-select{display:flex;align-items:center;gap:7px;font-size:10px;color:#667085;white-space:nowrap}.bulk-list-head input,.bulk-inline-select input,.bulk-stack-item>input,.label-list input[data-bulk-item]{width:16px;height:16px;margin:0;accent-color:var(--primary)}.bulk-card{position:relative;padding-top:38px!important}.bulk-card-check{position:absolute;top:12px;left:12px;width:28px;height:28px;border:1px solid var(--line);border-radius:9px;background:#fff;display:grid;place-items:center;z-index:3;box-shadow:var(--shadow-sm)}.bulk-card-check input{width:15px;height:15px;margin:0;accent-color:var(--primary)}.bulk-stack-item{align-items:flex-start}.bulk-stack-item>input{margin-top:7px}.label-list>div:has(input[data-bulk-item]){grid-template-columns:auto auto 1fr auto}.bulk-action-bar-multi .bulk-action-buttons{display:flex;align-items:center;gap:7px}.bulk-action-bar-multi .btn-light{background:#fff;color:#344054;border-color:#fff}.settings-nav .count-pill{margin-left:auto;min-width:19px;height:19px;padding:0 5px;font-size:8px}.selection-scope>.pagination{margin-top:12px;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}.table-card.selection-scope>.pagination{border-width:1px 0 0;border-radius:0;margin-top:0}
@media(max-width:820px){.list-toolbar-row,.list-toolbar-inline{align-items:stretch;flex-wrap:wrap;min-width:0}.list-toolbar-row .search-box,.list-toolbar-inline .search-box{min-width:100%;flex-basis:100%}.list-toolbar-row>select{flex:1;min-width:145px}.bulk-list-head{justify-content:flex-start}.bulk-action-bar-multi{align-items:flex-start;flex-direction:column}.bulk-action-bar-multi .bulk-action-buttons{width:100%}.bulk-action-bar-multi .bulk-action-buttons .btn{flex:1}}

.plan-admin-item.bulk-stack-item{grid-template-columns:auto minmax(130px,1fr) minmax(200px,2fr) auto}
@media(max-width:820px){.plan-admin-item.bulk-stack-item{grid-template-columns:auto 1fr auto}.plan-admin-item.bulk-stack-item .plan-feature-chips{grid-column:2/-1}}

/* Master Admin v0.6.2 — workspace compacta e hierárquica */
.master-admin{display:flex;flex-direction:column;gap:18px}.master-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:22px 24px;border:1px solid #dbe5f3;border-radius:var(--radius-xl);background:linear-gradient(135deg,#ffffff 0%,#f6f9ff 62%,#eef4ff 100%);box-shadow:var(--shadow-sm)}.master-hero-copy{max-width:760px}.eyebrow{display:block;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:#667085;margin-bottom:6px}.master-hero h1{margin:0;font-size:25px;letter-spacing:-.025em}.master-hero p{margin:8px 0 0;color:#667085;font-size:12px;line-height:1.55}.master-hero-actions{display:flex;gap:8px;flex-wrap:wrap}
.master-metric-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.master-metric-card{display:flex;align-items:center;gap:13px;min-width:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:15px 16px;box-shadow:var(--shadow-sm)}.master-metric-card>div{min-width:0}.master-metric-card small,.master-metric-card span{display:block}.master-metric-card small{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:#98a2b3;font-weight:750}.master-metric-card strong{display:block;font-size:24px;line-height:1;margin:5px 0 4px;letter-spacing:-.035em}.master-metric-card>div>span{font-size:9px;color:#667085;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.master-metric-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex:0 0 auto;background:#eef4ff;color:#175cd3}.master-metric-icon.tone-indigo{background:#f4f3ff;color:#6938ef}.master-metric-icon.tone-green{background:#ecfdf3;color:#067647}.master-metric-icon.tone-cyan{background:#ecfdff;color:#0e7090}.master-metric-icon.tone-purple{background:#fdf2fa;color:#c11574}
.master-admin-layout.settings-layout{display:block}.master-tabbar.settings-nav{position:sticky;top:102px;z-index:8;height:auto;display:flex;align-items:center;gap:5px;padding:6px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-radius:14px;overflow-x:auto;box-shadow:var(--shadow-sm)}.master-tabbar.settings-nav button{width:auto;min-width:max-content;padding:9px 12px;border-radius:10px;font-weight:700}.master-tabbar.settings-nav button.active{background:#eef4ff;color:#1849a9}.master-tabbar .count-pill{background:#f2f4f7;color:#475467}.master-tabbar button.active .count-pill{background:#dbeafe;color:#1d4ed8}.master-tabbar .count-danger{background:#fef3f2;color:#b42318}.master-panel-stack{margin-top:14px}.master-panel-stack>.settings-panel{animation:masterFade .14s ease}@keyframes masterFade{from{opacity:.45;transform:translateY(2px)}to{opacity:1;transform:none}}
.master-overview-grid{display:grid;grid-template-columns:minmax(0,1.8fr) repeat(2,minmax(220px,.8fr));gap:14px}.master-summary-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:18px;box-shadow:var(--shadow-sm);min-width:0}.master-summary-wide{background:linear-gradient(145deg,#fff 0%,#f8fbff 100%)}.master-summary-head{display:flex;align-items:center;gap:11px}.master-summary-head>div{min-width:0;flex:1}.master-summary-head small{display:block;color:#98a2b3;font-size:9px;text-transform:uppercase;letter-spacing:.06em;font-weight:750}.master-summary-head h2{margin:2px 0 0;font-size:15px}.master-summary-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#f2f4f7;color:#667085;flex:none}.master-summary-icon.success{background:#ecfdf3;color:#067647}.master-summary-icon.warning{background:#fffaeb;color:#b54708}.master-summary-icon.info{background:#eef4ff;color:#175cd3}.master-summary-card>p{color:#667085;font-size:11px;line-height:1.5;margin:14px 0}.master-kv-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px;margin:12px 0}.master-kv-grid>div{min-width:0;background:#fff;border:1px solid #e9edf3;border-radius:10px;padding:9px 10px}.master-kv-grid span{display:block;color:#98a2b3;font-size:8px;text-transform:uppercase;letter-spacing:.05em}.master-kv-grid b{display:block;margin-top:4px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.master-health-number{display:flex;align-items:baseline;gap:7px;margin:18px 0 6px}.master-health-number strong{font-size:30px;letter-spacing:-.04em}.master-health-number span{font-size:10px;color:#667085}.text-action{border:0;background:none;color:var(--primary);font-size:10px;font-weight:750;cursor:pointer}.compact-card{padding:17px}.compact-card .card-head{margin-bottom:8px}.master-tenant-list{display:flex;flex-direction:column}.master-tenant-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #eef1f4}.master-tenant-row:last-child{border-bottom:0}.master-tenant-row>div{min-width:0}.master-tenant-row b,.master-tenant-row small{display:block}.master-tenant-row b{font-size:11px}.master-tenant-row small{font-size:9px;color:#98a2b3;margin-top:2px}.master-company-avatar{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#eef4ff;color:#1849a9;font-size:10px;font-weight:800}.master-company-avatar.small{width:28px;height:28px;border-radius:9px}.compact-health-list .health-row{padding:8px 0}.compact-health-list .health-row b{font-size:10px}.compact-health-list .health-row small{font-size:8px}
.master-section-card{overflow:visible}.master-section-head{padding:0!important;margin-bottom:14px!important}.table-card.master-section-card>.master-section-head{padding:18px 18px 0!important}.master-section-head h2{font-size:17px}.master-table-scroll{border-top:1px solid var(--line);max-height:calc(100vh - 330px);overflow:auto}.master-table-scroll thead th,.master-audit-scroll thead th{position:sticky;top:0;z-index:2}.table-entity{display:flex;align-items:center;gap:9px;min-width:180px}.table-entity>div{min-width:0}.table-entity b,.table-entity small{display:block}.table-entity small{color:#98a2b3;font-size:9px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.soft-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;background:#f2f4f7;color:#475467;font-size:9px;font-weight:700}.nowrap{white-space:nowrap}
.master-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.master-plan-card{display:flex;flex-direction:column;gap:14px;padding:16px;border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%);box-shadow:var(--shadow-sm);min-width:0}.master-plan-card.is-disabled{opacity:.68}.master-plan-top{display:flex;align-items:center;gap:8px}.master-plan-top>input{width:15px;height:15px;margin:0;accent-color:var(--primary)}.master-plan-top .status{margin-left:auto}.master-plan-icon{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:#eef4ff;color:#175cd3}.master-plan-title h3{margin:0;font-size:15px}.master-plan-title p{margin:9px 0 0;font-size:23px;font-weight:800;color:#101828;letter-spacing:-.03em}.master-plan-title p small{font-size:10px;color:#98a2b3;font-weight:600}.master-plan-title>span{display:block;font-size:9px;color:#667085;margin-top:3px}.master-plan-features{min-height:54px;align-content:flex-start}.master-plan-features span{font-size:8px;border:1px solid #e7ebf1;background:#fff}.master-plan-card .btn-block{margin-top:auto}
.master-infra-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.8fr);gap:14px}.master-evolution-card,.master-health-card{min-width:0}.master-evolution-form .switch-line{background:#f8fafc}.master-evolution-form .switch-line small{display:block;font-size:9px;color:#667085;margin-top:3px;font-weight:500}.master-form-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding-top:4px}.master-health-scroll{max-height:520px;overflow:auto;padding-right:4px}.master-health-card .health-row{padding:10px 2px}.master-health-card .health-row b{font-size:10px}
.master-audit-card{overflow:hidden}.master-audit-scroll{max-height:calc(100vh - 280px);overflow:auto}.master-audit-scroll table{min-width:760px}.master-audit-scroll tbody tr:hover,.master-table-scroll tbody tr:hover{background:#fafcff}
@media(max-width:1350px){.master-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.master-overview-grid{grid-template-columns:1fr 1fr}.master-summary-wide{grid-column:1/-1}.master-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.master-infra-grid{grid-template-columns:1fr}}
@media(max-width:900px){.master-hero{flex-direction:column}.master-hero-actions{width:100%}.master-tabbar.settings-nav{top:82px}.master-overview-grid{grid-template-columns:1fr}.master-summary-wide{grid-column:auto}.master-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.master-kv-grid{grid-template-columns:1fr}.master-plan-grid{grid-template-columns:1fr}.master-table-scroll{max-height:none}.master-audit-scroll{max-height:65vh}}
@media(max-width:640px){.master-metric-grid{grid-template-columns:1fr}.master-hero{padding:18px}.master-hero-actions .btn{flex:1}.master-tabbar.settings-nav{margin:0 -2px}.master-tabbar.settings-nav button{padding:9px 10px}.master-overview-bottom{grid-template-columns:1fr}.master-section-head{align-items:flex-start!important;flex-direction:column}.master-section-head .list-toolbar-inline{width:100%}.master-form-actions{align-items:stretch;flex-direction:column}.master-form-actions .btn{width:100%}}

/* === WabotSaaS 0.6.3 — UX/UI polish inspired by the provided reference === */
:root{
  --bg:#f4f7fb;
  --panel:#ffffff;
  --line:#e6ecf5;
  --line-strong:#d7e0ec;
  --text:#0f172a;
  --muted:#64748b;
  --surface-muted:#f7f9fc;
  --surface-tint:#eef4ff;
  --shadow-soft:0 10px 32px rgba(15,23,42,.06);
  --shadow-card:0 12px 30px rgba(15,23,42,.05);
}
body{background:linear-gradient(180deg,#f8fbff 0%,#f4f7fb 100%)}
.app-shell{background:transparent}
.sidebar{width:268px;padding:18px 14px 16px;background:#fff;border-right:1px solid var(--line);box-shadow:0 0 0 1px rgba(255,255,255,.5),0 22px 40px rgba(15,23,42,.04);color:var(--text)}
.brand{padding:2px 6px 18px;gap:12px;font-size:20px}
.brand-symbol{width:38px;height:38px;border-radius:12px;background:linear-gradient(180deg,#2563eb 0%,#1d4ed8 100%);color:#fff;box-shadow:0 10px 20px rgba(37,99,235,.22)}
.brand-symbol .svg-icon{width:20px;height:20px}
.brand-text{font-size:18px;font-weight:800;letter-spacing:-.03em;color:#0f172a}
.tenant-chip{background:linear-gradient(180deg,#f8fbff 0%,#f1f5f9 100%);border:1px solid var(--line);border-radius:16px;padding:12px 13px;margin:2px 0 16px}
.tenant-chip small{font-size:10px;color:#94a3b8}
.tenant-chip b{font-size:14px;color:#0f172a;margin-top:3px}
.tenant-chip span{display:block;color:#64748b;font-size:11px;margin-top:4px}
.side-nav{gap:14px;padding-right:2px}
.nav-group{display:flex;flex-direction:column;gap:5px}
.nav-group-label{display:block;padding:0 10px 4px;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#94a3b8}
.side-nav a{display:flex;align-items:center;gap:11px;min-height:46px;padding:9px 10px;border-radius:14px;border:1px solid transparent;color:#334155;font-size:13px;font-weight:700;transition:background .18s ease,border-color .18s ease,transform .18s ease,color .18s ease}
.side-nav a .nav-icon-chip{width:36px;height:36px;flex:0 0 36px;border-radius:12px;background:#f8fafc;border:1px solid #e8edf3;color:#64748b;display:grid;place-items:center}
.side-nav a .nav-icon-chip .svg-icon{width:17px;height:17px}
.side-nav a:hover{background:#f8fbff;border-color:#e2e8f0;color:#0f172a;transform:translateX(1px)}
.side-nav a:hover .nav-icon-chip{background:#eef4ff;border-color:#dbeafe;color:#2563eb}
.side-nav a.active{background:linear-gradient(180deg,#eff6ff 0%,#edf4ff 100%);border-color:#d7e7ff;color:#1849a9;box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}
.side-nav a.active .nav-icon-chip{background:linear-gradient(180deg,#dbeafe 0%,#eff6ff 100%);border-color:#bfdbfe;color:#2563eb}
.nav-sep{margin:2px 6px 0;height:1px;background:var(--line)}
.upgrade-card{margin-top:2px;border-radius:18px;border:1px solid #dbeafe;background:linear-gradient(180deg,#f8fbff 0%,#eef4ff 100%);box-shadow:none}
.sidebar-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:16px;padding:14px 8px 0;border-top:1px solid var(--line)}
.user-mini{gap:11px;min-width:0}
.avatar{width:38px;height:38px;background:#dbeafe;color:#1849a9}
.user-mini b{font-size:13px;color:#0f172a}
.user-mini small{font-size:11px;color:#64748b}
.sidebar .icon-link{width:36px;height:36px;border-radius:12px;background:#f8fafc;color:#64748b;border-color:var(--line)}
.main-content{margin-left:268px;min-width:0}
.topbar{height:76px;padding:0 24px;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(230,236,245,.8);box-shadow:0 6px 18px rgba(15,23,42,.03)}
.topbar h1{font-size:22px;font-weight:800;letter-spacing:-.03em;color:#0f172a}
.topbar p{font-size:12px;color:#64748b}
.page-wrap{padding:22px}
.card,.metric-card,.master-hero,.master-metric-card,.master-summary-card,.master-plan-card,.table-card,.compact-card{box-shadow:var(--shadow-card)}
.card,.metric-card{border-color:var(--line)}

/* Master admin */
.master-admin{gap:16px}
.master-hero{padding:24px 26px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)}
.master-hero h1{font-size:30px;font-weight:800}
.master-hero p{font-size:13px;max-width:720px}
.master-hero-actions{gap:10px}
.master-hero-actions .btn{min-height:42px;padding:0 15px;border-radius:12px}
.master-metric-grid{gap:14px}
.master-metric-card{padding:17px 18px;border-radius:18px}
.master-metric-icon{width:46px;height:46px;border-radius:14px}
.master-metric-icon .svg-icon{width:20px;height:20px}
.master-metric-card small{font-size:10px}
.master-metric-card strong{font-size:28px;margin:6px 0 5px}
.master-metric-card>div>span{font-size:11px;white-space:normal}
.master-tabbar.settings-nav{padding:8px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-sm);gap:8px}
.master-tabbar.settings-nav button{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;font-size:13px;font-weight:700;color:#64748b;background:transparent;border:0;cursor:pointer}
.master-tabbar.settings-nav button .svg-icon{width:15px;height:15px}
.master-tabbar.settings-nav button.active{background:#eef4ff;color:#1849a9;box-shadow:inset 0 0 0 1px #dbeafe}
.count-pill{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#eef2ff;color:#4338ca;font-size:11px;font-weight:800}
.count-pill.count-danger{background:#fef3f2;color:#b42318}
.master-overview-grid,.master-infra-grid{gap:14px}
.master-summary-card,.master-evolution-card,.master-health-card,.master-section-card{border-radius:20px;border:1px solid var(--line)}
.master-summary-card{padding:20px}
.master-summary-head{gap:12px;align-items:flex-start}
.master-summary-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;flex:none}
.master-summary-icon .svg-icon{width:18px;height:18px}
.master-summary-head h2{font-size:24px;margin:3px 0 0;letter-spacing:-.03em}
.master-summary-head small{font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:#94a3b8}
.master-summary-card p{font-size:13px;line-height:1.6}
.master-kv-grid{gap:10px;margin:16px 0}
.master-kv-grid>div{padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#f8fafc}
.master-kv-grid span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8}
.master-kv-grid b{font-size:13px;color:#0f172a;word-break:break-word}
.master-health-number strong{font-size:38px;line-height:1}
.master-health-number span{font-size:12px;color:#64748b}
.compact-card,.master-health-card,.master-evolution-card,.master-audit-card{border-radius:20px}
.master-section-head h2,.card-head h2{font-size:22px;letter-spacing:-.03em}
.master-section-head p,.card-head p{font-size:13px;line-height:1.5}
.modern-table thead th{position:sticky;top:0;z-index:1;background:#f8fafc}
.modern-table th{font-size:11px}
.modern-table td{font-size:13px;color:#334155}
.soft-chip{background:#eef4ff;color:#1849a9;border:1px solid #dbeafe;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}

/* Inbox / CRM visual cleanup */
.page-inbox .page-wrap-inbox{background:var(--bg);padding:0!important}
.page-inbox .inbox-app{background:var(--bg);padding:16px;gap:14px;height:100vh;grid-template-columns:250px 340px minmax(0,1fr) 320px}
.page-inbox .inbox-rail,
.page-inbox .conversation-column,
.page-inbox .chat-workspace,
.page-inbox .contact-inspector{border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow-soft)}
.page-inbox .inbox-rail{padding:16px 12px;background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)}
.page-inbox .inbox-rail-head{padding:2px 6px 14px}
.page-inbox .inbox-rail-head>div strong{font-size:20px;letter-spacing:-.03em;color:#0f172a}
.page-inbox .inbox-rail-head>div span{font-size:11px;color:#64748b}
.page-inbox .inbox-search input{height:44px;border-radius:14px;background:#f8fafc;border-color:var(--line)}
.page-inbox .rail-section>small{padding:0 8px 7px;font-size:10px;color:#94a3b8}
.page-inbox .rail-section>a{padding:10px 10px;border-radius:12px;font-size:12px;font-weight:650}
.page-inbox .rail-section>a .svg-icon{width:16px;height:16px;color:#64748b}
.page-inbox .rail-section>a>b{font-size:10px;background:#eef2f7;color:#475467;padding:3px 7px}
.page-inbox .rail-section>a:hover,.page-inbox .rail-section>a.active{background:#eef4ff;color:#1849a9}
.page-inbox .conversation-column{overflow:hidden}
.page-inbox .conversation-column-head{min-height:64px;padding:0 16px;background:#fff}
.page-inbox .conversation-tabs{gap:16px}
.page-inbox .conversation-tabs a{font-size:13px;font-weight:700;padding:18px 0 14px}
.page-inbox .conversation-tabs a b{font-size:11px;color:inherit}
.page-inbox .conversation-list{padding:8px}
.page-inbox .conversation-item{margin:0 0 8px;padding:14px 12px;border:1px solid transparent;border-radius:16px;gap:10px}
.page-inbox .conversation-item:hover{background:#f8fbff;border-color:#ecf0f6}
.page-inbox .conversation-item.active{background:#eff6ff;border-color:#dbeafe;box-shadow:0 8px 18px rgba(37,99,235,.07)}
.page-inbox .contact-avatar{width:44px;height:44px;font-size:13px;border-radius:16px;background:#edf4ff;color:#1849a9}
.page-inbox .channel-badge{width:18px;height:18px;right:-3px;bottom:-3px;border-radius:999px}
.page-inbox .summary-top b{font-size:13px;color:#0f172a}
.page-inbox .summary-top time,.page-inbox .summary-meta{font-size:10px}
.page-inbox .conversation-summary>p{font-size:12px;color:#475467;line-height:1.45;white-space:nowrap}
.page-inbox .inline-labels span{font-size:9px;padding:3px 6px;border-radius:999px;background:#f2f4f7}
.page-inbox .chat-toolbar{height:76px;padding:14px 18px;background:#fff}
.page-inbox .chat-person h2{font-size:16px;font-weight:800;color:#0f172a}
.page-inbox .chat-person p{font-size:11px;color:#64748b}
.page-inbox .chat-actions{gap:8px}
.page-inbox .messages{background:radial-gradient(circle at top right,#f8fbff 0,#ffffff 35%),#ffffff;padding:22px 24px}
.page-inbox .bubble{max-width:76%;padding:12px 14px;border-radius:18px;box-shadow:0 4px 16px rgba(15,23,42,.05)}
.page-inbox .msg-row.in .bubble{background:#f3f5f8;border-radius:18px 18px 18px 6px}
.page-inbox .msg-row.out .bubble{background:#e8f0ff;border-radius:18px 18px 6px 18px}
.page-inbox .bubble p{font-size:13px;line-height:1.55;color:#0f172a}
.page-inbox .bubble small{font-size:10px;color:#64748b}
.page-inbox .composer-wrap{padding:10px 16px 16px;background:#fff}
.page-inbox .composer-tabs{padding-top:0;margin-bottom:8px}
.page-inbox .composer-tabs button{font-size:11px;padding:8px 10px;border-radius:10px}
.page-inbox .composer-tabs button.active{background:#eef4ff;color:#1849a9}
.page-inbox .composer-wrap textarea{min-height:86px;padding:14px 14px 12px;border:1px solid var(--line);border-bottom:0;border-radius:18px 18px 0 0;background:#fff}
.page-inbox .composer-bottom{padding:10px 12px;border-color:var(--line);border-radius:0 0 18px 18px;background:#fff}
.page-inbox .composer-tools .icon-btn{width:36px;height:36px;border-radius:12px}
.page-inbox .send-btn{height:40px;padding:0 16px;border-radius:12px}
.page-inbox .contact-inspector{overflow:hidden;display:flex;flex-direction:column}
.page-inbox .inspector-head{height:64px;padding:0 16px;font-size:13px}
.page-inbox .inspector-tabs{padding:10px;border-bottom:1px solid var(--line);gap:6px}
.page-inbox .inspector-tabs button{font-size:10px;padding:8px 6px;border-radius:10px}
.page-inbox .inspector-tabs button.active{background:#eef4ff;color:#1849a9}
.page-inbox .contact-profile{padding:18px 16px 12px}
.page-inbox .contact-profile .contact-avatar{width:68px;height:68px;border-radius:22px;font-size:18px}
.page-inbox .contact-profile h3{font-size:18px;font-weight:800;color:#0f172a}
.page-inbox .contact-profile p{font-size:12px;color:#64748b}
.page-inbox .contact-fields span,.page-inbox .kv-row span{font-size:10px;color:#94a3b8}
.page-inbox .contact-fields b,.page-inbox .kv-row b{font-size:12px;color:#0f172a}
.page-inbox .inspector-section{padding:14px 16px}
.page-inbox .inspector-section>header{font-size:12px;color:#0f172a;margin-bottom:10px}
.page-inbox .contact-tags span{padding:5px 8px;border-radius:999px;font-size:10px;background:#f8fafc}
.page-inbox .full-action{width:100%}
.page-inbox .danger-zone{background:#fffafa}

/* Better responsiveness */
@media(max-width:1450px){
  .page-inbox .inbox-app{grid-template-columns:230px 320px minmax(0,1fr) 300px}
}
@media(max-width:1200px){
  .page-inbox .inbox-app{grid-template-columns:220px 320px minmax(0,1fr)}
  .page-inbox .contact-inspector{display:none}
  .master-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
  .sidebar{transform:translateX(-100%);transition:.24s ease}
  .sidebar.open{transform:translateX(0)}
  .main-content{margin-left:0}
  .page-wrap{padding:16px}
  .master-hero{padding:20px}
  .master-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .page-inbox .inbox-app{display:grid;grid-template-columns:1fr;gap:12px;height:auto;min-height:100%;padding:12px}
  .page-inbox .inbox-rail{display:none}
  .page-inbox .conversation-column,.page-inbox .chat-workspace,.page-inbox .contact-inspector{min-height:0}
  .page-inbox .conversation-column{height:46vh}
  .page-inbox .chat-workspace{height:56vh}
}
@media(max-width:640px){
  .master-metric-grid{grid-template-columns:1fr}
  .master-tabbar.settings-nav{overflow:auto}
  .master-tabbar.settings-nav button{white-space:nowrap}
  .page-wrap{padding:12px}
  .page-inbox .messages{padding:16px}
  .page-inbox .bubble{max-width:88%}
  .page-inbox .composer-wrap textarea{min-height:72px}
}

/* === WabotSaaS 0.6.4 — white-label, SMTP, icon geometry, admin ergonomics === */
.svg-icon{display:block!important;flex:0 0 auto;max-width:100%;max-height:100%}
.master-metric-card>.master-metric-icon,
.master-summary-head>.master-summary-icon,
.icon-heading-chip,
.settings-hero-icon,
.provider-icon,
.master-plan-icon,
.nav-icon-chip{display:grid!important;place-items:center!important;line-height:0;overflow:hidden}
.master-metric-card>.master-metric-icon .svg-icon,
.master-summary-head>.master-summary-icon .svg-icon,
.icon-heading-chip .svg-icon,
.settings-hero-icon .svg-icon,
.provider-icon .svg-icon,
.master-plan-icon .svg-icon,
.nav-icon-chip .svg-icon{position:static!important;transform:none!important;margin:0!important}
.master-metric-card>.master-metric-icon{width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;border-radius:14px!important}
.master-summary-head>.master-summary-icon{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important}
.brand-symbol.has-logo{padding:4px;background:#fff;border:1px solid var(--line);box-shadow:0 8px 18px rgba(15,23,42,.08)}
.brand-symbol.has-logo img,.login-logo-custom img{display:block;width:100%;height:100%;object-fit:contain;border-radius:8px}
.login-logo-custom{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;padding:4px;background:#fff}
.icon-heading-chip{width:38px;height:38px;border-radius:12px;background:var(--surface-tint);color:var(--primary);margin-bottom:12px}
.settings-hero-icon{width:52px;height:52px;border-radius:16px;background:var(--surface-tint);color:var(--primary);margin-bottom:18px}
.settings-feature-grid{align-items:stretch}.settings-feature-grid>.card{min-height:100%}.settings-help-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.settings-help-card>p{line-height:1.65;max-width:620px}.settings-quick-links{display:flex;gap:9px;flex-wrap:wrap;margin-top:10px}
.branding-color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.branding-color-grid input[type=color]{height:48px;padding:5px;cursor:pointer}.branding-preview{min-height:170px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#fff,#f8fbff);display:flex;align-items:center;gap:14px;padding:24px}.branding-preview-logo{width:62px;height:62px;display:grid;place-items:center;border-radius:18px;background:var(--preview-primary,#2563eb);color:#fff;overflow:hidden;box-shadow:0 12px 26px color-mix(in srgb,var(--preview-primary,#2563eb) 25%,transparent)}.branding-preview-logo img{width:100%;height:100%;object-fit:contain;background:#fff;padding:5px}.branding-preview strong,.branding-preview small{display:block}.branding-preview strong{font-size:22px;letter-spacing:-.03em}.branding-preview small{font-size:12px;color:var(--muted);margin-top:4px}.branding-preview-actions{display:flex;align-items:center;gap:10px;margin-top:14px}.preview-button{display:inline-flex;align-items:center;gap:7px;background:var(--preview-primary,#2563eb);color:#fff;border-radius:12px;padding:10px 14px;font-size:12px;font-weight:750}.preview-badge{display:inline-flex;border-radius:999px;background:color-mix(in srgb,var(--preview-accent,#10b981) 13%,white);color:var(--preview-accent,#10b981);padding:7px 10px;font-size:11px;font-weight:750}
.infra-help-box{display:flex;align-items:center;gap:10px;margin-top:16px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#f8fafc}.infra-help-box .icon-heading-chip{width:34px;height:34px;margin:0}.infra-help-box b,.infra-help-box small{display:block}.infra-help-box b{font-size:12px}.infra-help-box small{font-size:10px;color:var(--muted);margin-top:2px;line-height:1.5}
.master-actions-cell{flex-wrap:wrap;min-width:330px}.master-company-avatar.tiny{width:27px;height:27px;font-size:9px}.table-entity.compact{gap:7px}.master-audit-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.master-audit-actions form{margin:0}.master-audit-card .pagination{border-top:1px solid var(--line)}
.brand .brand-text{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar:not(:has(.tenant-chip)) .side-nav{margin-top:4px}

@media(max-width:760px){.branding-color-grid{grid-template-columns:1fr}.settings-quick-links{width:100%}.settings-quick-links .btn{flex:1}.master-actions-cell{min-width:260px}.master-audit-actions{width:100%;justify-content:space-between}}
/* White-label color propagation */
.brand-symbol:not(.has-logo){background:linear-gradient(180deg,var(--primary) 0%,var(--primary2) 100%)}
.side-nav a.active{background:var(--surface-tint);border-color:color-mix(in srgb,var(--primary) 20%,#ffffff);color:var(--primary2)}
.side-nav a.active .nav-icon-chip,.side-nav a:hover .nav-icon-chip{background:var(--surface-tint);border-color:color-mix(in srgb,var(--primary) 18%,#ffffff);color:var(--primary)}
.master-tabbar.settings-nav button.active,.inspector-tabs button.active,.composer-tabs button.active{background:var(--surface-tint);color:var(--primary2)}
.preview-badge{background:var(--brand-accent-soft);color:var(--brand-accent)}

/* === WabotSaaS 0.6.5 — Inbox contínua + footer fixado no rodapé === */
/* Shell: o conteúdo ocupa toda a altura e o footer permanece no rodapé. */
.main-content{display:flex;flex-direction:column;min-height:100vh}
.main-content>.page-wrap:not(.page-wrap-inbox){flex:1 0 auto;width:100%}
.app-footer{margin-top:auto;position:sticky;bottom:0;z-index:18;min-height:32px;border-top:1px solid var(--line);background:rgba(255,255,255,.96);backdrop-filter:blur(10px);box-shadow:0 -4px 14px rgba(15,23,42,.035)}

/* Inbox: volta ao modelo antigo, contínuo, sem cards separados entre as colunas. */
.page-inbox .main-content{height:100dvh;min-height:100dvh;overflow:hidden;display:flex;flex-direction:column}
.page-inbox .page-wrap-inbox{flex:1 1 auto;min-height:0;height:auto!important;width:100%;margin:0!important;padding:0!important;overflow:hidden;background:#fff!important}
.page-inbox .inbox-app,
.page-inbox .inbox-app.no-selection{height:100%;min-height:0;width:100%;padding:0!important;gap:0!important;background:#fff!important;grid-template-columns:205px 310px minmax(0,1fr) 300px}
.page-inbox .inbox-app.no-selection{grid-template-columns:205px 310px minmax(0,1fr)}
.page-inbox .inbox-rail,
.page-inbox .conversation-column,
.page-inbox .chat-workspace,
.page-inbox .contact-inspector{margin:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;border-top:0!important;border-bottom:0!important}
.page-inbox .inbox-rail{border-left:0!important;border-right:1px solid var(--line)!important;padding:15px 11px!important}
.page-inbox .conversation-column{border-left:0!important;border-right:1px solid var(--line)!important}
.page-inbox .chat-workspace{border:0!important;border-right:1px solid var(--line)!important}
.page-inbox .contact-inspector{border:0!important;border-left:0!important}
.page-inbox .conversation-list{padding:0!important}
.page-inbox .conversation-item{margin:0!important;padding:12px!important;border:0!important;border-bottom:1px solid #f0f2f5!important;border-radius:0!important;box-shadow:none!important}
.page-inbox .conversation-item:hover{background:#f8fafc!important}
.page-inbox .conversation-item.active{background:#f5f8ff!important;border-bottom-color:#e7edf7!important;box-shadow:inset 3px 0 0 var(--primary)!important}
.page-inbox .conversation-column-head{border-radius:0!important;min-height:51px!important;padding:0 12px!important}
.page-inbox .chat-toolbar{height:68px!important;padding:10px 15px!important;border-radius:0!important}
.page-inbox .messages{padding:18px 22px!important;background:#fcfcfd!important}
.page-inbox .composer-wrap{padding:8px 14px 12px!important;border-radius:0!important}
.page-inbox .contact-inspector{overflow:auto!important}
.page-inbox .inspector-head{height:51px!important;padding:0 13px!important;border-radius:0!important}
.page-inbox .inspector-tabs{border-radius:0!important}
.page-inbox .contact-profile .contact-avatar{width:58px!important;height:58px!important;border-radius:50%!important;font-size:17px!important}
.page-inbox .contact-profile h3{font-size:14px!important}
.page-inbox .contact-profile p{font-size:10px!important}
.page-inbox .contact-fields b,.page-inbox .kv-row b{font-size:10px!important}
.page-inbox .contact-fields span,.page-inbox .kv-row span{font-size:9px!important}

/* O footer da Inbox fica no rodapé e não rouba altura do grid. */
.page-inbox .app-footer{position:relative;bottom:auto;z-index:5;min-height:30px;flex:0 0 30px;box-shadow:none}

@media(max-width:1450px){
  .page-inbox .inbox-app{grid-template-columns:185px 285px minmax(400px,1fr) 270px}
  .page-inbox .inbox-app.no-selection{grid-template-columns:185px 285px minmax(0,1fr)}
}
@media(max-width:1150px){
  .page-inbox .inbox-app{grid-template-columns:180px 290px minmax(0,1fr)}
  .page-inbox .inbox-app.no-selection{grid-template-columns:180px 290px minmax(0,1fr)}
  .page-inbox .contact-inspector{display:none!important}
}
@media(max-width:720px){
  .page-inbox .page-wrap-inbox{overflow:auto!important}
  .page-inbox .inbox-app,.page-inbox .inbox-app.no-selection{display:block;height:auto;min-height:100%}
  .page-inbox .inbox-rail{display:none!important}
  .page-inbox .conversation-column{height:42vh;border-right:0!important;border-bottom:1px solid var(--line)!important}
  .page-inbox .chat-workspace{height:58vh;border-right:0!important}
  .app-footer{position:relative;bottom:auto}
}

/* === WabotSaaS 0.6.6 — scrollbars discretas e Inbox mais compacta === */
/* Chrome/Edge/Safari: a barra praticamente desaparece e surge discretamente no hover. */
.side-nav,
.inbox-rail,
.conversation-list,
.messages,
.contact-inspector,
.table-wrap,
.master-audit-scroll,
.settings-nav,
.modal-box{
  scrollbar-width:thin;
  scrollbar-color:rgba(100,116,139,.24) transparent;
}
.side-nav::-webkit-scrollbar,
.inbox-rail::-webkit-scrollbar,
.conversation-list::-webkit-scrollbar,
.messages::-webkit-scrollbar,
.contact-inspector::-webkit-scrollbar,
.table-wrap::-webkit-scrollbar,
.master-audit-scroll::-webkit-scrollbar,
.settings-nav::-webkit-scrollbar,
.modal-box::-webkit-scrollbar{width:4px;height:4px}
.side-nav::-webkit-scrollbar-track,
.inbox-rail::-webkit-scrollbar-track,
.conversation-list::-webkit-scrollbar-track,
.messages::-webkit-scrollbar-track,
.contact-inspector::-webkit-scrollbar-track,
.table-wrap::-webkit-scrollbar-track,
.master-audit-scroll::-webkit-scrollbar-track,
.settings-nav::-webkit-scrollbar-track,
.modal-box::-webkit-scrollbar-track{background:transparent}
.side-nav::-webkit-scrollbar-thumb,
.inbox-rail::-webkit-scrollbar-thumb,
.conversation-list::-webkit-scrollbar-thumb,
.messages::-webkit-scrollbar-thumb,
.contact-inspector::-webkit-scrollbar-thumb,
.table-wrap::-webkit-scrollbar-thumb,
.master-audit-scroll::-webkit-scrollbar-thumb,
.settings-nav::-webkit-scrollbar-thumb,
.modal-box::-webkit-scrollbar-thumb{background:transparent;border-radius:999px}
.side-nav:hover::-webkit-scrollbar-thumb,
.inbox-rail:hover::-webkit-scrollbar-thumb,
.conversation-list:hover::-webkit-scrollbar-thumb,
.messages:hover::-webkit-scrollbar-thumb,
.contact-inspector:hover::-webkit-scrollbar-thumb,
.table-wrap:hover::-webkit-scrollbar-thumb,
.master-audit-scroll:hover::-webkit-scrollbar-thumb,
.settings-nav:hover::-webkit-scrollbar-thumb,
.modal-box:hover::-webkit-scrollbar-thumb{background:rgba(100,116,139,.30)}
.side-nav::-webkit-scrollbar-thumb:hover,
.inbox-rail::-webkit-scrollbar-thumb:hover,
.conversation-list::-webkit-scrollbar-thumb:hover,
.messages::-webkit-scrollbar-thumb:hover,
.contact-inspector::-webkit-scrollbar-thumb:hover{background:rgba(71,85,105,.48)}

/* A coluna de filtros da Inbox usa menos altura para evitar scrollbar quando couber. */
.page-inbox .inbox-rail{padding:11px 8px!important;overflow-y:auto;overflow-x:hidden}
.page-inbox .inbox-rail-head{padding:0 4px 9px!important}
.page-inbox .inbox-rail-head>div strong{font-size:17px!important}
.page-inbox .inbox-rail-head>div span{font-size:9px!important;margin-top:1px!important}
.page-inbox .rail-head-actions{gap:4px}
.page-inbox .rail-head-actions .icon-btn{width:31px;height:31px;border-radius:9px}
.page-inbox .inbox-search{margin-bottom:8px!important}
.page-inbox .inbox-search input{height:37px!important;min-height:37px!important;padding-top:7px!important;padding-bottom:7px!important;padding-left:31px!important;border-radius:10px!important;font-size:12px!important}
.page-inbox .inbox-search .svg-icon{left:9px!important;width:14px!important;height:14px!important}
.page-inbox .rail-section{margin-top:10px!important;margin-bottom:7px!important}
.page-inbox .rail-section>small{padding:0 6px 4px!important;font-size:8px!important;line-height:1.2}
.page-inbox .rail-section>a{min-height:31px;padding:6px 7px!important;border-radius:8px!important;gap:7px!important;font-size:10.5px!important;line-height:1.2}
.page-inbox .rail-section>a .svg-icon{width:14px!important;height:14px!important}
.page-inbox .rail-section>a>b{font-size:8px!important;padding:2px 5px!important;min-width:18px;text-align:center}
.page-inbox .label-dot{width:6px;height:6px}
.page-inbox .status-dot{width:6px;height:6px}

/* As outras áreas roláveis da Inbox também usam barras quase invisíveis. */
.page-inbox .conversation-list,
.page-inbox .messages,
.page-inbox .contact-inspector{scrollbar-gutter:auto}

@media(max-height:760px) and (min-width:721px){
  .page-inbox .inbox-rail{padding-top:8px!important;padding-bottom:8px!important}
  .page-inbox .inbox-rail-head{padding-bottom:7px!important}
  .page-inbox .inbox-search input{height:34px!important;min-height:34px!important}
  .page-inbox .rail-section{margin-top:7px!important;margin-bottom:4px!important}
  .page-inbox .rail-section>a{min-height:28px;padding:5px 6px!important}
  .page-inbox .rail-section>small{padding-bottom:3px!important}
}

/* === WabotSaaS 0.6.7 — responsividade completa === */
/* Regras-base: nenhum filho flex/grid pode obrigar a página a extrapolar a viewport. */
html,body{width:100%;max-width:100%;overflow-x:hidden}
.app-shell,.main-content,.page-wrap,.page-heading,.toolbar,.card,.table-card,.settings-layout,.settings-panel,.form-grid,.grid-2,.card-grid-3,.metric-grid{min-width:0;max-width:100%}
img,video,canvas{max-width:100%;height:auto}
input,select,textarea,button{min-width:0;max-width:100%}
.card-head,.page-heading,.toolbar,.heading-actions,.form-actions,.modal-actions{min-width:0}
.table-wrap{width:100%;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch}
.modal-box{max-width:calc(100vw - 24px)}

/* Inbox: o composer nunca pode empurrar o botão de envio para fora. */
.page-inbox .inbox-app,.page-inbox .inbox-app>*{min-width:0}
.page-inbox .chat-workspace{min-width:0;width:auto;max-width:100%;overflow:hidden}
.page-inbox .chat-toolbar{min-width:0;max-width:100%}
.page-inbox .chat-person{min-width:0;flex:1 1 auto}
.page-inbox .chat-person-copy{min-width:0;overflow:hidden}
.page-inbox .chat-title-line{min-width:0;flex-wrap:wrap}
.page-inbox .chat-title-line h2{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.page-inbox .chat-person p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.page-inbox .chat-actions{flex:0 1 auto;min-width:0;justify-content:flex-end}
.page-inbox .chat-actions form{min-width:0}
.page-inbox .chat-actions select{width:auto;max-width:130px}
.page-inbox .composer-wrap,.page-inbox #composerForm{min-width:0;max-width:100%;overflow:hidden}
.page-inbox .composer-wrap textarea{width:100%;max-width:100%}
.page-inbox .composer-bottom{min-width:0;max-width:100%;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.page-inbox .composer-tools{min-width:0;flex:1 1 300px;display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.page-inbox .attachment-tools{display:flex;flex:0 0 auto;gap:4px}
.page-inbox .composer-tools select{flex:1 1 145px;min-width:110px;max-width:190px}
.page-inbox .composer-submit{flex:0 0 auto;min-width:0;margin-left:auto;display:flex;align-items:center;gap:7px}
.page-inbox .send-btn{flex:0 0 auto;min-width:86px}
.page-inbox .attachment-progress{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inbox-back-button,.inbox-inspector-toggle,.inbox-inspector-close{display:none!important}
.inspector-head-actions{display:flex;align-items:center;gap:6px}

/* Notebook: detalhes viram drawer e o chat ganha largura útil. */
@media(max-width:1680px){
  .page-inbox .inbox-app{grid-template-columns:185px 285px minmax(0,1fr)!important}
  .page-inbox .inbox-app.no-selection{grid-template-columns:185px 285px minmax(0,1fr)!important}
  .page-inbox .contact-inspector{display:none!important}
  .page-inbox .inbox-inspector-toggle{display:inline-grid!important}
  .page-inbox .attachment-hint{display:none!important}
  body.page-inbox.inbox-inspector-open:after{content:"";position:fixed;inset:0;background:rgba(15,23,42,.22);z-index:68;pointer-events:none}
  body.page-inbox.inbox-inspector-open .contact-inspector{display:block!important;position:fixed!important;z-index:70!important;top:0!important;right:0!important;bottom:0!important;width:min(360px,92vw)!important;max-width:92vw!important;height:100dvh!important;background:#fff!important;border-left:1px solid var(--line)!important;box-shadow:-18px 0 46px rgba(15,23,42,.18)!important;overflow:auto!important}
  body.page-inbox.inbox-inspector-open .inbox-inspector-close{display:inline-grid!important}
}

@media(max-width:1380px){
  .page-inbox .inbox-app{grid-template-columns:170px 270px minmax(0,1fr)!important}
  .page-inbox .inbox-app.no-selection{grid-template-columns:170px 270px minmax(0,1fr)!important}
  .page-inbox .chat-toolbar{padding:8px 11px!important;gap:7px}
  .page-inbox .chat-actions{gap:5px}
  .page-inbox .chat-actions .btn{padding:7px 8px}
  .page-inbox .sla-chip{padding:6px 7px}
  .page-inbox .composer-wrap{padding-left:10px!important;padding-right:10px!important}
  .page-inbox .composer-tools{flex-basis:230px}
}

/* O menu principal vira overlay antes de começar a comprimir o conteúdo. */
@media(max-width:1100px){
  .sidebar{transform:translateX(-100%);transition:transform .22s ease;box-shadow:12px 0 36px transparent}
  .sidebar.open{transform:translateX(0);box-shadow:12px 0 36px rgba(15,23,42,.18)}
  .main-content{margin-left:0!important;width:100%!important;max-width:100%!important}
  .menu-btn{display:inline-grid;place-items:center}
  .page-inbox .inbox-mobile-nav{display:grid!important;place-items:center}
  .page-wrap{padding:18px}
  .page-heading,.toolbar,.card-head{flex-wrap:wrap}
  .heading-actions,.form-actions{flex-wrap:wrap}
  .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .card-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .master-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .master-overview-grid,.master-infra-grid{grid-template-columns:1fr!important}
  .master-hero{flex-direction:column}
  .master-hero-actions{width:100%}
}

/* Tablet: filtros avançados saem da grade; lista + chat continuam lado a lado. */
@media(max-width:960px){
  .page-inbox .inbox-app,.page-inbox .inbox-app.no-selection{grid-template-columns:300px minmax(0,1fr)!important}
  .page-inbox .inbox-rail{display:none!important}
  .page-inbox .conversation-column{grid-column:1}
  .page-inbox .chat-workspace{grid-column:2}
  .page-inbox .chat-toolbar{min-height:64px!important;height:auto!important;align-items:flex-start}
  .page-inbox .chat-actions{max-width:48%;flex-wrap:wrap}
  .page-inbox .composer-tools{flex-basis:100%;width:100%}
  .page-inbox .composer-submit{width:100%;justify-content:flex-end}
  .page-inbox .composer-submit .attachment-progress{margin-right:auto}
  .settings-layout{grid-template-columns:1fr!important}
  .settings-nav{position:static!important;display:flex!important;overflow:auto;gap:6px}
  .settings-nav button{width:auto!important;white-space:nowrap;flex:0 0 auto}
  .grid-2{grid-template-columns:1fr}
  .info-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .master-tabbar.settings-nav{position:static!important}
}

/* Celular: uma etapa por vez na Inbox. */
@media(max-width:760px){
  .page-inbox .main-content{height:100dvh;min-height:100dvh}
  .page-inbox .page-wrap-inbox{overflow:hidden!important}
  .page-inbox .inbox-app,.page-inbox .inbox-app.no-selection{display:block!important;height:100%!important;min-height:0!important}
  .page-inbox .inbox-rail{display:none!important}
  .page-inbox .conversation-column,.page-inbox .chat-workspace{width:100%;height:100%!important;border:0!important}
  .page-inbox .inbox-app.has-selection .conversation-column{display:none!important}
  .page-inbox .inbox-app.has-selection .chat-workspace{display:flex!important}
  .page-inbox .inbox-app.no-selection .conversation-column{display:flex!important}
  .page-inbox .inbox-app.no-selection .chat-workspace{display:none!important}
  .page-inbox .inbox-back-button{display:inline-grid!important;flex:0 0 34px;width:34px;height:34px}
  .page-inbox .chat-toolbar{padding:8px 10px!important;align-items:center!important;gap:6px;flex-wrap:wrap}
  .page-inbox .chat-person{width:calc(100% - 44px);gap:7px}
  .page-inbox .chat-person .contact-avatar{width:34px;height:34px;flex:0 0 34px;font-size:10px}
  .page-inbox .chat-person-copy{flex:1}
  .page-inbox .chat-title-line h2{font-size:13px}
  .page-inbox .chat-person p{font-size:9px}
  .page-inbox .chat-actions{width:100%;max-width:none;justify-content:flex-start;padding-left:42px;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}
  .page-inbox .chat-actions::-webkit-scrollbar{display:none}
  .page-inbox .chat-actions>*{flex:0 0 auto}
  .page-inbox .messages{padding:12px 10px!important}
  .page-inbox .bubble{max-width:90%!important}
  .page-inbox .msg-row.system .bubble{max-width:96%!important}
  .page-inbox .composer-wrap{padding:6px 8px max(8px,env(safe-area-inset-bottom))!important}
  .page-inbox .composer-tabs{padding-top:2px}
  .page-inbox .composer-wrap textarea{min-height:64px!important;max-height:130px;padding:10px!important}
  .page-inbox .composer-bottom{display:flex!important;flex-direction:column;align-items:stretch!important;gap:7px;padding:7px!important}
  .page-inbox .composer-tools{width:100%;flex:0 0 auto;display:flex;flex-wrap:wrap;gap:5px}
  .page-inbox .attachment-tools{flex:0 0 auto;width:auto!important;order:0!important}
  .page-inbox .attachment-tools .icon-btn{flex:0 0 34px!important;width:34px;height:34px}
  .page-inbox .composer-tools>a.icon-btn,.page-inbox .composer-tools>button.icon-btn{width:34px;height:34px;flex:0 0 34px}
  .page-inbox .composer-tools select{flex:1 1 135px;min-width:120px;max-width:none;height:34px;padding:5px 7px}
  .page-inbox .composer-submit{width:100%;margin:0;justify-content:flex-end}
  .page-inbox .composer-submit .attachment-progress{margin-right:auto;max-width:55%}
  .page-inbox .send-btn{min-width:94px;height:38px}
  .page-inbox .demo-notice{align-items:flex-start;flex-direction:column}
  .page-inbox .demo-notice form{width:100%}
  .page-inbox .demo-notice .btn{width:100%}
  .app-footer{font-size:9px;min-height:28px;padding:0 10px}
  .page-wrap{padding:12px}
  .topbar{height:auto;min-height:64px;padding:10px 12px;flex-wrap:wrap}
  .topbar h1{font-size:18px}
  .page-heading{align-items:flex-start;flex-direction:column}
  .page-heading h1{font-size:21px}
  .heading-actions,.form-actions,.toolbar,.search-form{width:100%;max-width:none}
  .heading-actions .btn,.form-actions .btn{flex:1 1 auto}
  .search-form{flex-wrap:wrap}
  .search-form input{flex:1 1 100%;min-width:100%}
  .search-form .btn{flex:1}
  .form-grid,.metric-grid,.card-grid-3,.info-row{grid-template-columns:1fr!important}
  .card{padding:14px}
  .table-card{padding:0}
  .table-card>.card-head{padding:14px 14px 0}
  .table-wrap table{min-width:680px}
  .pagination{overflow-x:auto}
  .modal{padding:8px;align-items:flex-end}
  .modal-box{width:100%!important;max-width:100%!important;max-height:92dvh;border-radius:16px 16px 8px 8px;padding:16px}
  .modal-actions{width:100%;flex-wrap:wrap}
  .modal-actions .btn{flex:1 1 auto}
  .kanban{grid-template-columns:repeat(6,minmax(260px,82vw))}
  .master-metric-grid{grid-template-columns:1fr!important}
  .master-hero{padding:16px!important}
  .master-hero-actions{display:grid;grid-template-columns:1fr 1fr}
  .master-hero-actions .btn{width:100%}
  .branding-preview{padding:16px;align-items:flex-start}
  .branding-preview strong{font-size:18px}
}

@media(max-width:480px){
  .page-inbox .conversation-tabs{gap:10px}
  .page-inbox .conversation-tabs a{font-size:11px}
  .page-inbox .conversation-item{padding:10px!important}
  .page-inbox .summary-meta{max-width:100%;overflow:hidden}
  .page-inbox .chat-actions{padding-left:0}
  .page-inbox .bot-chip{display:none}
  .page-inbox .composer-tools select{flex-basis:100%;width:100%}
  .page-inbox .composer-submit{align-items:center}
  .page-inbox .send-btn{min-width:88px}
  .btn{padding:9px 11px}
  .master-hero-actions{grid-template-columns:1fr}
}

/* === WabotSaaS 0.6.8 — Inbox realtime/media/presence + responsive hardening === */
html,body{max-width:100%;overflow-x:hidden}.app-shell,.main-content,.page-wrap{min-width:0;max-width:100%}
.contact-avatar-img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.contact-presence{display:inline-flex!important;align-items:center;gap:5px;margin-left:8px;font-size:10px!important;font-weight:700;color:#94a3b8;white-space:nowrap}
.contact-presence:before{content:"";width:6px;height:6px;border-radius:50%;background:#cbd5e1;flex:none}
.contact-presence.presence-available,.contact-presence.presence-composing,.contact-presence.presence-recording,.contact-presence.presence-paused{color:#067647}
.contact-presence.presence-available:before,.contact-presence.presence-composing:before,.contact-presence.presence-recording:before,.contact-presence.presence-paused:before{background:#12b76a;box-shadow:0 0 0 3px rgba(18,183,106,.10)}
.contact-presence.presence-composing,.contact-presence.presence-recording{font-style:italic}
.contact-presence.presence-unavailable{color:#98a2b3}.contact-presence.presence-unavailable:before{background:#cbd5e1}
.inbox-sound-toggle.muted{color:#98a2b3!important;background:#f8fafc!important}.inbox-sound-toggle-chat{padding:0!important;width:34px;height:34px;display:inline-grid!important;place-items:center;flex:none}.inbox-sound-toggle-chat span{display:grid;place-items:center}.inbox-sound-toggle-chat span[hidden]{display:none!important}
.load-older-messages{display:flex;align-items:center;justify-content:center;gap:6px;margin:0 auto 14px;border:1px solid var(--line);background:#fff;color:#475467;border-radius:999px;padding:7px 12px;font-size:11px;font-weight:700;cursor:pointer;box-shadow:var(--shadow-sm)}
.load-older-messages:hover{background:#f8fafc}.load-older-messages:disabled{opacity:.55;cursor:wait}
.page-inbox .msg-media-link{display:block;max-width:min(390px,72vw);text-decoration:none}.page-inbox .msg-media{display:block;max-width:100%;max-height:390px;object-fit:contain;border-radius:12px;background:#eef2f7}.page-inbox .msg-video{display:block;width:min(390px,100%);max-height:390px;border-radius:12px;background:#0f172a}.page-inbox .msg-audio{display:block;width:min(360px,100%);max-width:100%}.page-inbox .msg-attachment{display:flex;align-items:center;gap:8px;max-width:340px;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:#fff;color:#344054;font-size:11px;font-weight:700;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Header do chat nunca colide: identidade e ações ocupam linhas previsíveis. */
.page-inbox .chat-toolbar{display:grid!important;grid-template-columns:minmax(220px,1fr) auto;align-items:center;gap:10px;min-width:0;height:auto!important;min-height:68px;padding:9px 12px!important}
.page-inbox .chat-person{min-width:0;overflow:hidden}.page-inbox .chat-person-copy{min-width:0;overflow:hidden}.page-inbox .chat-title-line{min-width:0;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.page-inbox .chat-title-line h2{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.page-inbox .chat-person p{display:flex;align-items:center;gap:6px;min-width:0;max-width:100%;overflow:hidden}.page-inbox .chat-person p>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.page-inbox .chat-actions{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.page-inbox .chat-actions form{margin:0}.page-inbox .chat-actions select{margin:0;min-width:92px;max-width:125px;height:34px;padding:5px 27px 5px 8px}
.page-inbox .chat-actions .btn,.page-inbox .sla-chip{min-height:34px}

/* Composer elástico: enviar e ferramentas ficam sempre dentro da viewport. */
.page-inbox .composer-wrap,.page-inbox #composerForm,.page-inbox .composer-bottom,.page-inbox .composer-tools,.page-inbox .composer-submit{min-width:0;max-width:100%}
.page-inbox .composer-bottom{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}
.page-inbox .composer-tools{display:flex!important;align-items:center;gap:5px;flex-wrap:wrap;overflow:hidden}
.page-inbox .attachment-tools{display:flex;gap:4px;flex:none}.page-inbox .composer-tools select{min-width:115px;max-width:170px;flex:1 1 130px}
.page-inbox .composer-submit{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex:none}.page-inbox .send-btn{min-width:86px;max-width:100%;flex:none}.page-inbox .attachment-hint{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Desktop intermediário: detalhes sempre acessíveis como drawer, ações em duas linhas quando necessário. */
@media(max-width:1680px){
  .page-inbox .inbox-app,.page-inbox .inbox-app.no-selection{grid-template-columns:185px minmax(260px,300px) minmax(0,1fr)!important}
  .page-inbox .contact-inspector{display:none!important}
  .page-inbox .inbox-inspector-toggle{display:inline-flex!important;align-items:center!important;gap:5px!important}
  body.page-inbox.inbox-inspector-open .contact-inspector{display:flex!important;flex-direction:column;position:fixed!important;z-index:80!important;top:0!important;right:0!important;bottom:0!important;width:min(380px,94vw)!important;height:100dvh!important;background:#fff!important;border-left:1px solid var(--line)!important;box-shadow:-18px 0 50px rgba(15,23,42,.20)!important;overflow:auto!important}
  body.page-inbox.inbox-inspector-open:after{z-index:79!important}
  body.page-inbox.inbox-inspector-open .inbox-inspector-close{display:inline-grid!important}
}
@media(max-width:1450px){
  .page-inbox .chat-toolbar{grid-template-columns:1fr!important;gap:6px!important;padding:7px 10px!important}
  .page-inbox .chat-actions{justify-content:flex-start!important;width:100%}
  .page-inbox .chat-actions .inbox-sound-toggle-chat{margin-left:auto}
  .page-inbox .chat-person p{max-width:100%}
  .page-inbox .composer-bottom{grid-template-columns:1fr!important}
  .page-inbox .composer-submit{width:100%;justify-content:flex-end}.page-inbox .composer-submit .attachment-progress{margin-right:auto}.page-inbox .attachment-hint{margin-right:auto;max-width:50%}
}
@media(max-width:1250px){
  .sidebar{transform:translateX(-100%);transition:transform .22s ease}.sidebar.open{transform:translateX(0);box-shadow:12px 0 36px rgba(15,23,42,.18)}
  .main-content{margin-left:0!important;width:100%!important}.menu-btn,.page-inbox .inbox-mobile-nav{display:inline-grid!important}
  .page-inbox .inbox-app,.page-inbox .inbox-app.no-selection{grid-template-columns:180px minmax(260px,300px) minmax(0,1fr)!important}
  .page-wrap{padding:16px}
}
@media(max-width:1020px){
  .page-inbox .inbox-app,.page-inbox .inbox-app.no-selection{grid-template-columns:minmax(280px,34vw) minmax(0,1fr)!important}
  .page-inbox .inbox-rail{display:none!important}.page-inbox .conversation-column{grid-column:1}.page-inbox .chat-workspace{grid-column:2}
  .page-inbox .chat-actions{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.page-inbox .chat-actions::-webkit-scrollbar{display:none}.page-inbox .chat-actions>*{flex:0 0 auto}
  .page-inbox .composer-tools select{max-width:none}
  .grid-2,.master-overview-grid,.master-infra-grid{grid-template-columns:1fr!important}.card-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .toolbar,.page-heading,.card-head{flex-wrap:wrap}.search-form{min-width:0;max-width:100%}
}
@media(max-width:820px){
  .page-inbox .main-content{height:100dvh;min-height:100dvh}.page-inbox .page-wrap-inbox{overflow:hidden!important}
  .page-inbox .inbox-app,.page-inbox .inbox-app.no-selection{display:block!important;height:100%!important;min-height:0!important}
  .page-inbox .conversation-column,.page-inbox .chat-workspace{width:100%;height:100%!important;min-width:0}
  .page-inbox .inbox-app.has-selection .conversation-column{display:none!important}.page-inbox .inbox-app.has-selection .chat-workspace{display:flex!important}.page-inbox .inbox-app.no-selection .conversation-column{display:flex!important}.page-inbox .inbox-app.no-selection .chat-workspace{display:none!important}
  .page-inbox .inbox-back-button{display:inline-grid!important}.page-inbox .chat-toolbar{grid-template-columns:1fr!important;min-height:0!important;padding:7px 8px!important}.page-inbox .chat-actions{padding-left:0;width:100%;max-width:100%}
  .page-inbox .messages{padding:10px!important}.page-inbox .bubble{max-width:92%!important}.page-inbox .msg-media-link,.page-inbox .msg-video{max-width:min(320px,78vw)}
  .page-inbox .composer-wrap{padding:6px 8px max(8px,env(safe-area-inset-bottom))!important}.page-inbox .composer-bottom{display:flex!important;flex-direction:column;align-items:stretch!important}.page-inbox .composer-tools{width:100%;overflow:visible}.page-inbox .composer-submit{width:100%}.page-inbox .attachment-hint{display:none!important}.page-inbox .send-btn{min-width:96px}
  .table-wrap{width:100%;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch}.table-wrap table{min-width:680px}.form-grid,.metric-grid,.info-row,.master-metric-grid{grid-template-columns:1fr!important}
  .modal{padding:8px;align-items:flex-end}.modal-box{width:100%!important;max-width:100%!important;max-height:92dvh!important;border-radius:16px 16px 8px 8px}
}
@media(max-width:520px){
  .page-inbox .chat-actions .sla-chip{display:none}.page-inbox .chat-actions select{max-width:110px}.page-inbox .chat-title-line .bot-chip{font-size:8px}.page-inbox .contact-presence{margin-left:0}
  .page-inbox .composer-tools select{flex-basis:100%;width:100%;max-width:none}.page-inbox .attachment-tools{max-width:100%;overflow-x:auto;scrollbar-width:none}.page-inbox .attachment-tools::-webkit-scrollbar{display:none}
  .page-inbox .msg-media-link,.page-inbox .msg-video{max-width:82vw}.page-wrap{padding:10px}.heading-actions,.form-actions{width:100%;flex-wrap:wrap}.heading-actions .btn,.form-actions .btn{flex:1 1 auto}
}
.conversation-head-actions{display:flex;align-items:center;gap:5px;flex:none}.conversation-head-actions .inbox-sound-toggle span{display:grid;place-items:center}.conversation-head-actions .inbox-sound-toggle span[hidden]{display:none!important}
@media(max-width:1880px){
  .page-inbox .chat-toolbar{grid-template-columns:1fr!important;gap:5px!important}
  .page-inbox .chat-actions{width:100%;justify-content:flex-start!important}
  .page-inbox .chat-actions .inbox-sound-toggle-chat{margin-left:auto}
}
@media(max-width:1680px){.page-inbox .inbox-inspector-toggle{order:-20}.page-inbox .chat-actions .inbox-sound-toggle-chat{order:-19;margin-left:0}}

/* === WabotSaaS 0.6.9 — Responsividade progressiva / notebook-first === */
:root{
  --sidebar-desktop:238px;
  --sidebar-compact:214px;
  --inbox-rail-desktop:205px;
  --inbox-list-desktop:320px;
  --inbox-inspector-desktop:300px;
}

/* Base desktop: reduz desperdício horizontal sem sacrificar legibilidade. */
.sidebar{width:var(--sidebar-desktop);padding-left:12px;padding-right:12px}
.main-content{margin-left:var(--sidebar-desktop)}
.side-nav a{min-height:42px;padding:7px 8px;font-size:12.5px;gap:9px}
.side-nav a .nav-icon-chip{width:33px;height:33px;flex-basis:33px;border-radius:11px}
.side-nav a .nav-icon-chip .svg-icon{width:16px;height:16px}
.nav-group{gap:3px}.side-nav{gap:11px}.nav-group-label{font-size:9px;padding-bottom:2px}
.tenant-chip{padding:10px 11px;margin-bottom:12px}.brand{padding-bottom:14px}

.page-inbox .inbox-app,.page-inbox .inbox-app.no-selection{
  grid-template-columns:var(--inbox-rail-desktop) var(--inbox-list-desktop) minmax(0,1fr) var(--inbox-inspector-desktop)!important;
}
.page-inbox .inbox-rail{padding:12px 9px}
.page-inbox .inbox-search input{height:38px;font-size:12px}
.page-inbox .rail-section{margin-top:10px;margin-bottom:9px}
.page-inbox .rail-section>small{font-size:9px;padding-bottom:4px}
.page-inbox .rail-section>a{padding:7px 8px;font-size:11px;border-radius:9px}
.page-inbox .conversation-column-head{min-height:54px;padding:0 10px}
.page-inbox .conversation-tabs{display:flex;align-items:stretch;gap:10px;width:100%;min-width:0}
.page-inbox .conversation-tabs a{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;word-break:normal;overflow-wrap:normal;font-size:11px;padding:15px 0 11px;min-width:0}
.page-inbox .conversation-tabs a b{display:inline;font-size:10px}
.page-inbox .conversation-item{padding:10px 9px!important;margin:0!important;border-radius:0!important}
.page-inbox .contact-avatar{width:38px;height:38px;border-radius:50%;font-size:12px}
.page-inbox .summary-top b{font-size:11.5px}.page-inbox .conversation-summary>p{font-size:10.5px}.page-inbox .summary-meta{font-size:8.5px}

/* Em desktop/notebook largo o cabeçalho fica em uma única linha. */
@media(min-width:1381px){
  .page-inbox .chat-toolbar{display:grid!important;grid-template-columns:minmax(180px,1fr) auto!important;align-items:center!important;gap:8px!important;min-height:62px!important;padding:7px 10px!important}
  .page-inbox .chat-actions{width:auto!important;justify-content:flex-end!important;flex-wrap:nowrap!important;overflow:visible!important;gap:5px!important}
  .page-inbox .chat-actions .inbox-sound-toggle-chat{margin-left:0!important;order:initial!important}
  .page-inbox .chat-actions .inbox-inspector-toggle{order:initial!important}
  .page-inbox .chat-actions .btn,.page-inbox .chat-actions .sla-chip{font-size:10.5px!important;min-height:32px!important;padding:6px 9px!important}
  .page-inbox .chat-actions select{font-size:10.5px!important;min-width:82px!important;max-width:105px!important;height:32px!important}
  .page-inbox .chat-person h2{font-size:14px!important;line-height:1.15!important}
  .page-inbox .chat-person p{font-size:9.5px!important;margin-top:2px!important}
  .page-inbox .bot-chip{font-size:8px!important;padding:3px 5px!important}
}

/* 1381–1680: ainda mostra detalhes, mas comprime todas as colunas. */
@media(min-width:1381px) and (max-width:1680px){
  .sidebar{width:var(--sidebar-compact);padding-left:10px;padding-right:10px}
  .main-content{margin-left:var(--sidebar-compact)}
  .brand-text{font-size:16px}.brand-symbol{width:34px;height:34px}.tenant-chip b{font-size:12px}.tenant-chip span{font-size:9.5px}
  .side-nav a{min-height:38px;font-size:11.5px;padding:5px 7px}.side-nav a .nav-icon-chip{width:30px;height:30px;flex-basis:30px}.nav-group-label{font-size:8.5px}
  .page-inbox .inbox-app,.page-inbox .inbox-app.no-selection{grid-template-columns:178px 282px minmax(0,1fr) 255px!important}
  .page-inbox .contact-inspector{display:flex!important;position:static!important;width:auto!important;height:auto!important;box-shadow:none!important;border-left:1px solid var(--line)!important}
  .page-inbox .inbox-inspector-toggle{display:none!important}
  .page-inbox .inspector-head{height:48px;font-size:11px}.page-inbox .inspector-tabs{padding:6px}.page-inbox .inspector-tabs button{font-size:8.5px;padding:6px 3px}
  .page-inbox .contact-profile{padding:12px 10px 8px}.page-inbox .contact-profile .contact-avatar{width:52px;height:52px}.page-inbox .contact-profile h3{font-size:13px}
  .page-inbox .inspector-section{padding:9px 10px}.page-inbox .inspector-section>header{font-size:10.5px}.page-inbox .contact-fields{padding:0 10px 8px}
  .page-inbox .contact-fields b,.page-inbox .kv-row b{font-size:10px}.page-inbox .contact-fields span,.page-inbox .kv-row span{font-size:8.5px}
  .page-inbox .composer-wrap{padding:6px 10px 9px!important}.page-inbox .composer-wrap textarea{min-height:64px!important;font-size:12px!important;padding:10px!important}
  .page-inbox .composer-bottom{padding:6px 8px!important}.page-inbox .composer-tools .icon-btn{width:31px;height:31px}.page-inbox .send-btn{height:34px!important;min-width:78px!important;font-size:11px!important}
  .page-inbox .attachment-hint{font-size:8px!important;max-width:125px!important}
  .page-inbox .messages{padding:12px 16px!important}.page-inbox .bubble{max-width:78%!important;padding:9px 11px!important}.page-inbox .bubble p{font-size:11.5px!important}
}

/* Notebook 1181–1380: sidebar estreita e inspector vira drawer, sem quebrar o chat. */
@media(min-width:1181px) and (max-width:1380px){
  .sidebar{width:202px;padding:12px 8px}
  .main-content{margin-left:202px!important}
  .brand{gap:8px}.brand-symbol{width:32px;height:32px}.brand-text{font-size:15px}.tenant-chip{padding:8px 9px}.tenant-chip small{font-size:8px}.tenant-chip b{font-size:11px}.tenant-chip span{font-size:9px}
  .side-nav{gap:8px}.side-nav a{min-height:35px;font-size:10.5px;padding:4px 6px;gap:7px}.side-nav a .nav-icon-chip{width:28px;height:28px;flex-basis:28px}.side-nav a .nav-icon-chip .svg-icon{width:14px;height:14px}.nav-group-label{font-size:8px;padding-left:7px}
  .sidebar-footer{padding-top:9px}.avatar{width:31px;height:31px}.user-mini b{font-size:10.5px}.user-mini small{font-size:8.5px}.sidebar .icon-link{width:30px;height:30px}
  .page-inbox .inbox-app,.page-inbox .inbox-app.no-selection{grid-template-columns:168px 265px minmax(0,1fr)!important}
  .page-inbox .contact-inspector{display:none!important}
  .page-inbox .inbox-inspector-toggle{display:inline-flex!important}
  .page-inbox .chat-toolbar{grid-template-columns:minmax(150px,1fr) auto!important;gap:5px!important;padding:6px 8px!important;min-height:56px!important}
  .page-inbox .chat-actions{width:auto!important;justify-content:flex-end!important;gap:4px!important;flex-wrap:nowrap!important;overflow:visible!important}
  .page-inbox .chat-actions .btn,.page-inbox .chat-actions .sla-chip{font-size:9px!important;min-height:30px!important;padding:5px 7px!important}
  .page-inbox .chat-actions select{font-size:9px!important;height:30px!important;min-width:76px!important;max-width:92px!important;padding-left:6px!important}
  .page-inbox .inbox-sound-toggle-chat{width:30px!important;height:30px!important}.page-inbox .inbox-inspector-toggle span{display:none!important}.page-inbox .inbox-inspector-toggle{width:30px!important;height:30px!important;padding:0!important;justify-content:center!important}
  .page-inbox .chat-person h2{font-size:12.5px!important}.page-inbox .chat-person p{font-size:8.5px!important}.page-inbox .chat-title-line{gap:4px!important}.page-inbox .bot-chip{font-size:7.5px!important;padding:2px 4px!important}
  .page-inbox .conversation-tabs{gap:8px}.page-inbox .conversation-tabs a{font-size:10px}.page-inbox .conversation-tabs a b{font-size:9px}
  .page-inbox .composer-wrap{padding:5px 8px 8px!important}.page-inbox .composer-wrap textarea{min-height:60px!important;font-size:11px!important}.page-inbox .composer-bottom{padding:5px 7px!important;gap:5px!important}
  .page-inbox .composer-tools{gap:3px!important}.page-inbox .composer-tools .icon-btn{width:29px;height:29px}.page-inbox .attachment-hint{display:none!important}.page-inbox .send-btn{height:32px!important;min-width:72px!important;font-size:10px!important;padding:0 10px!important}
  .page-inbox .messages{padding:10px 12px!important}.page-inbox .bubble{max-width:80%!important;padding:8px 10px!important}.page-inbox .bubble p{font-size:11px!important}
}

/* Abaixo de 1180 a sidebar não pode roubar largura do atendimento. */
@media(max-width:1180px){
  .sidebar{width:220px!important;transform:translateX(-100%)!important;transition:transform .22s ease!important;z-index:120!important}
  .sidebar.open{transform:translateX(0)!important;box-shadow:14px 0 40px rgba(15,23,42,.18)!important}
  .main-content{margin-left:0!important;width:100%!important;max-width:100%!important}
  .menu-btn,.page-inbox .inbox-mobile-nav{display:inline-grid!important}
  .page-inbox .inbox-app,.page-inbox .inbox-app.no-selection{grid-template-columns:170px 275px minmax(0,1fr)!important}
  .page-inbox .contact-inspector{display:none!important}.page-inbox .inbox-inspector-toggle{display:inline-flex!important}
  .page-inbox .chat-toolbar{grid-template-columns:minmax(0,1fr)!important;gap:5px!important;padding:6px 8px!important}
  .page-inbox .chat-actions{width:100%!important;justify-content:flex-start!important;flex-wrap:wrap!important;gap:4px!important}
  .page-inbox .chat-actions .inbox-sound-toggle-chat{margin-left:auto!important}
}

/* Tablet: tira o rail, preserva lista + chat. */
@media(max-width:980px){
  .page-inbox .inbox-app,.page-inbox .inbox-app.no-selection{grid-template-columns:minmax(250px,32vw) minmax(0,1fr)!important}
  .page-inbox .inbox-rail{display:none!important}
  .page-inbox .conversation-column{grid-column:1!important}.page-inbox .chat-workspace{grid-column:2!important}
  .page-inbox .conversation-tabs{justify-content:space-between!important}.page-inbox .conversation-tabs a{font-size:10px!important}
  .page-inbox .chat-actions{overflow-x:auto!important;flex-wrap:nowrap!important;scrollbar-width:none!important}.page-inbox .chat-actions::-webkit-scrollbar{display:none!important}.page-inbox .chat-actions>*{flex:0 0 auto!important}
  .page-inbox .composer-bottom{grid-template-columns:1fr!important}.page-inbox .composer-submit{width:100%!important;justify-content:flex-end!important}.page-inbox .composer-submit .attachment-progress{margin-right:auto!important}
  .page-heading h1,.topbar h1{font-size:clamp(18px,2.4vw,22px)!important}.card-head h2{font-size:clamp(16px,2vw,20px)!important}
}

/* Mobile: lista OU conversa, nunca duas colunas espremidas. */
@media(max-width:760px){
  .page-inbox .inbox-app,.page-inbox .inbox-app.no-selection{display:block!important;height:100%!important;min-height:0!important}
  .page-inbox .conversation-column,.page-inbox .chat-workspace{width:100%!important;height:100%!important;min-width:0!important}
  .page-inbox .inbox-app.has-selection .conversation-column{display:none!important}.page-inbox .inbox-app.has-selection .chat-workspace{display:flex!important}
  .page-inbox .inbox-app.no-selection .conversation-column{display:flex!important}.page-inbox .inbox-app.no-selection .chat-workspace{display:none!important}
  .page-inbox .inbox-back-button{display:inline-grid!important}
  .page-inbox .chat-toolbar{grid-template-columns:1fr!important}.page-inbox .chat-actions{overflow-x:auto!important;flex-wrap:nowrap!important;width:100%!important}
  .page-inbox .composer-wrap{padding:5px 7px max(7px,env(safe-area-inset-bottom))!important}.page-inbox .composer-wrap textarea{font-size:16px!important;min-height:64px!important}.page-inbox .composer-bottom{display:flex!important;flex-direction:column!important;align-items:stretch!important}.page-inbox .composer-tools{width:100%!important}.page-inbox .composer-submit{width:100%!important}.page-inbox .send-btn{min-width:92px!important}
  .page-wrap{padding:10px!important}.card{padding:12px!important}.table-card{padding:0!important}.modal-box{width:100%!important;max-width:100%!important}
}

/* Fontes e densidade do restante do CRM também reduzem de forma gradual. */
@media(max-width:1600px){
  .page-wrap:not(.page-wrap-inbox){padding:18px}
  .btn{font-size:12px;padding:8px 11px}.btn-xs{font-size:10px;padding:6px 8px}
  input,select,textarea{font-size:13px;padding:8px 9px}
  .card{padding:16px}.metric-card{padding:16px}.page-heading h1{font-size:21px}.page-heading p{font-size:12px}
  th,td{padding:11px 12px}table{font-size:12px}
}
@media(max-width:1380px){
  .page-wrap:not(.page-wrap-inbox){padding:14px}
  .btn{font-size:11px}.card{padding:14px}.metric-card{padding:14px}.card h2{font-size:16px}.card h3{font-size:14px}
  .toolbar{gap:9px}.page-heading{margin-bottom:13px}.page-heading h1{font-size:19px}.page-heading p{font-size:11px}
  .master-metric-card{padding:12px 13px}.master-metric-icon{width:38px;height:38px}.master-metric-card strong{font-size:22px}.master-metric-card>div>span{font-size:9.5px}
}

/* Evita qualquer estouro horizontal residual no app. */
.app-shell,.main-content,.page-wrap,.page-inbox .inbox-app,.page-inbox .conversation-column,.page-inbox .chat-workspace,.page-inbox .chat-toolbar,.page-inbox .composer-wrap{max-width:100%;min-width:0}
.page-inbox .conversation-column,.page-inbox .chat-workspace{overflow:hidden}
.page-inbox .chat-person-copy,.page-inbox .chat-title-line,.page-inbox .conversation-summary{min-width:0}
.page-inbox .chat-title-line h2,.page-inbox .summary-top b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* === WabotSaaS 0.6.10 — Inbox notebook: sem scroll horizontal + mídia mais compacta === */
/* Scrollbars verticais discretas; nenhuma área de navegação deve depender de scroll horizontal. */
.page-inbox .inbox-rail,
.page-inbox .conversation-list,
.page-inbox .messages,
.page-inbox .contact-inspector,
.sidebar,.side-nav{
  scrollbar-width:thin;
  scrollbar-color:rgba(100,116,139,.28) transparent;
}
.page-inbox .inbox-rail::-webkit-scrollbar,
.page-inbox .conversation-list::-webkit-scrollbar,
.page-inbox .messages::-webkit-scrollbar,
.page-inbox .contact-inspector::-webkit-scrollbar,
.sidebar::-webkit-scrollbar,.side-nav::-webkit-scrollbar{width:4px;height:4px}
.page-inbox .inbox-rail::-webkit-scrollbar-track,
.page-inbox .conversation-list::-webkit-scrollbar-track,
.page-inbox .messages::-webkit-scrollbar-track,
.page-inbox .contact-inspector::-webkit-scrollbar-track,
.sidebar::-webkit-scrollbar-track,.side-nav::-webkit-scrollbar-track{background:transparent}
.page-inbox .inbox-rail::-webkit-scrollbar-thumb,
.page-inbox .conversation-list::-webkit-scrollbar-thumb,
.page-inbox .messages::-webkit-scrollbar-thumb,
.page-inbox .contact-inspector::-webkit-scrollbar-thumb,
.sidebar::-webkit-scrollbar-thumb,.side-nav::-webkit-scrollbar-thumb{background:rgba(100,116,139,.22);border-radius:999px}
.page-inbox .inbox-rail:hover::-webkit-scrollbar-thumb,
.page-inbox .conversation-list:hover::-webkit-scrollbar-thumb,
.page-inbox .messages:hover::-webkit-scrollbar-thumb,
.page-inbox .contact-inspector:hover::-webkit-scrollbar-thumb,
.sidebar:hover::-webkit-scrollbar-thumb,.side-nav:hover::-webkit-scrollbar-thumb{background:rgba(100,116,139,.42)}

/* A mídia recebida continua clicável, mas não domina a área do atendimento. */
.page-inbox .msg-media-link{max-width:min(300px,64vw)!important}
.page-inbox .msg-media{max-width:100%!important;max-height:300px!important;width:auto;height:auto;object-fit:contain!important}
.page-inbox .msg-video{width:min(320px,100%)!important;max-height:300px!important}

/* Cabeçalhos internos nunca exibem scrollbar horizontal. */
.page-inbox .conversation-column-head{overflow:visible!important;min-width:0}
.page-inbox .conversation-column-head .conversation-tabs{overflow:visible!important;min-width:0!important;scrollbar-width:none!important}
.page-inbox .conversation-column-head .conversation-tabs::-webkit-scrollbar{display:none!important}
.page-inbox .conversation-head-actions{flex:none}

/* Notebook e desktop compacto: filtros em cima, controles abaixo. */
@media(min-width:981px) and (max-width:1600px){
  .page-inbox .inbox-rail-head{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    align-items:start!important;
    gap:6px!important;
    padding:0 4px 8px!important;
  }
  .page-inbox .inbox-rail-head>div:first-child{min-width:0}
  .page-inbox .rail-head-actions{
    width:100%!important;
    justify-content:flex-start!important;
    gap:5px!important;
  }
  .page-inbox .rail-head-actions .icon-btn{width:29px!important;height:29px!important;border-radius:9px!important}
  .page-inbox .conversation-column-head{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    align-items:stretch!important;
    gap:4px!important;
    min-height:72px!important;
    padding:6px 10px 7px!important;
  }
  .page-inbox .conversation-tabs{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1.35fr) minmax(0,1fr)!important;
    width:100%!important;
    gap:0!important;
    align-items:stretch!important;
    min-width:0!important;
  }
  .page-inbox .conversation-tabs a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    min-width:0!important;
    padding:8px 3px 7px!important;
    font-size:clamp(9px,.72vw,11px)!important;
    line-height:1.15!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    border-bottom-width:2px!important;
  }
  .page-inbox .conversation-tabs a b{font-size:clamp(8px,.64vw,10px)!important;flex:none}
  .page-inbox .conversation-head-actions{
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:5px!important;
    min-width:0!important;
  }
  .page-inbox .conversation-head-actions .icon-btn{width:29px!important;height:29px!important;border-radius:9px!important}
  .page-inbox .conversation-head-actions .icon-btn.passive{display:inline-grid!important}
  .page-inbox .msg-media-link{max-width:min(270px,58vw)!important}
  .page-inbox .msg-media{max-height:270px!important}
  .page-inbox .msg-video{width:min(285px,100%)!important;max-height:270px!important}
}

/* 1366/1440: mais densidade sem esconder nenhum comando. */
@media(min-width:1181px) and (max-width:1450px){
  .page-inbox .inbox-app,.page-inbox .inbox-app.no-selection{
    grid-template-columns:160px 260px minmax(0,1fr)!important;
  }
  .page-inbox .inbox-rail{padding-left:7px!important;padding-right:7px!important}
  .page-inbox .inbox-rail-head>div strong{font-size:15px!important}
  .page-inbox .inbox-search input{height:34px!important;font-size:10.5px!important;padding-left:30px!important}
  .page-inbox .rail-section{margin-top:8px!important;margin-bottom:7px!important}
  .page-inbox .rail-section>small{font-size:7.8px!important;padding:0 6px 4px!important}
  .page-inbox .rail-section>a{font-size:9.5px!important;padding:6px 6px!important;gap:6px!important}
  .page-inbox .rail-section>a .svg-icon{width:13px!important;height:13px!important}
  .page-inbox .rail-section>a>b{font-size:8px!important;padding:2px 5px!important}
  .page-inbox .conversation-column-head{min-height:68px!important;padding:5px 8px 6px!important}
  .page-inbox .conversation-tabs a{font-size:9.4px!important;padding:7px 2px 6px!important}
  .page-inbox .conversation-tabs a b{font-size:8.4px!important}
  .page-inbox .conversation-head-actions .icon-btn{width:27px!important;height:27px!important}
  .page-inbox .conversation-item{padding:9px 8px!important}
  .page-inbox .conversation-item .contact-avatar{width:37px!important;height:37px!important;border-radius:13px!important}
  .page-inbox .summary-top b{font-size:10.5px!important}
  .page-inbox .conversation-summary>p{font-size:9.5px!important}
  .page-inbox .summary-meta{font-size:7.8px!important}
  .page-inbox .msg-media-link{max-width:min(250px,54vw)!important}
  .page-inbox .msg-media{max-height:250px!important}
}

/* Tablet: sem horizontal nos filtros; ações continuam acessíveis. */
@media(max-width:980px){
  .page-inbox .conversation-column-head{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:6px!important;
    min-height:54px!important;
  }
  .page-inbox .conversation-tabs{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:0!important;
    overflow:visible!important;
  }
  .page-inbox .conversation-tabs a{justify-content:center!important;white-space:nowrap!important;overflow:hidden!important;font-size:9.5px!important;padding-left:2px!important;padding-right:2px!important}
  .page-inbox .conversation-head-actions{display:flex!important;gap:4px!important}
  .page-inbox .msg-media-link{max-width:min(250px,66vw)!important}
  .page-inbox .msg-media{max-height:260px!important}
}

@media(max-width:760px){
  .page-inbox .msg-media-link{max-width:min(260px,78vw)!important}
  .page-inbox .msg-media{max-height:300px!important}
}

/* === WabotSaaS 0.6.11 — botão de som com estado único === */
.inbox-sound-toggle [data-sound-on]{display:grid!important;place-items:center}
.inbox-sound-toggle [data-sound-off]{display:none!important}
.inbox-sound-toggle.muted [data-sound-on]{display:none!important}
.inbox-sound-toggle.muted [data-sound-off]{display:grid!important;place-items:center}

/* === WabotSaaS 0.6.12 — tamanho consistente dos controles da Inbox === */
.page-inbox .rail-head-actions .icon-btn,
.page-inbox .conversation-head-actions .icon-btn,
.page-inbox .inbox-sound-toggle{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  flex:0 0 34px!important;
  padding:0!important;
  border-radius:10px!important;
  display:inline-grid!important;
  place-items:center!important;
}
.page-inbox .rail-head-actions .icon-btn .svg-icon,
.page-inbox .conversation-head-actions .icon-btn .svg-icon,
.page-inbox .inbox-sound-toggle .svg-icon{
  width:15px!important;
  height:15px!important;
}
@media(min-width:1181px) and (max-width:1600px){
  .page-inbox .rail-head-actions .icon-btn,
  .page-inbox .conversation-head-actions .icon-btn,
  .page-inbox .inbox-sound-toggle{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    min-height:32px!important;
    flex-basis:32px!important;
  }
}
@media(max-width:1180px){
  .page-inbox .rail-head-actions .icon-btn,
  .page-inbox .conversation-head-actions .icon-btn,
  .page-inbox .inbox-sound-toggle{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    flex-basis:34px!important;
  }
}

/* v0.6.30 — ciclo de atendimento, handoff e feedback da Inbox */
.floating-alert{transition:opacity .2s ease,transform .2s ease;cursor:pointer}.floating-alert.leaving{opacity:0;transform:translateY(-8px);pointer-events:none}
.notification-stack{position:fixed;right:18px;top:18px;z-index:180;display:flex;flex-direction:column;gap:9px;width:min(390px,calc(100vw - 28px));pointer-events:none}
.operational-notification{pointer-events:auto;width:100%;border:1px solid #fedf89;background:#fffaf0;color:#7a2e0e;border-radius:12px;padding:11px 12px;display:grid;grid-template-columns:30px 1fr;gap:9px;text-align:left;box-shadow:0 16px 44px rgba(16,24,40,.18);cursor:pointer;transition:opacity .2s ease,transform .2s ease}.operational-notification:hover{transform:translateY(-1px)}.operational-notification.leaving{opacity:0;transform:translateY(-8px)}.operational-notification-icon{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#f79009;color:#fff;font-weight:800}.operational-notification b,.operational-notification small{display:block}.operational-notification b{font-size:12px}.operational-notification small{font-size:10px;color:#7a4b16;margin-top:3px;line-height:1.35}
.notification-permission-btn{position:relative}.notification-dot{position:absolute;right:3px;top:3px;width:7px;height:7px;border-radius:50%;background:#ef4444;border:1px solid #fff}.sidebar-footer{grid-template-columns:minmax(0,1fr) auto auto!important}
.handoff-mini{font-size:8px!important;padding:3px 5px;border-radius:999px;background:#fffaeb;color:#b54708!important;border:1px solid #fedf89;font-weight:750}.assignment-summary{margin-top:8px;border:1px solid var(--line);border-radius:9px;padding:0 9px 8px;background:#fbfcfe}.assignment-summary .kv-row:last-of-type{border-bottom:0}.assignment-summary>small{display:block;font-size:9px;line-height:1.35;margin-top:4px}
.contact-presence[hidden]{display:none!important}.message-status{white-space:nowrap}
@media(max-width:720px){.notification-stack{right:10px;top:10px;width:calc(100vw - 20px)}}

/* v0.6.31 — IA organizada por abas */
.ai-settings-layout{display:block!important}
.ai-tabbar.settings-nav{position:sticky;top:102px;z-index:9;display:flex;align-items:center;gap:7px;overflow-x:auto;height:auto;padding:7px;margin-bottom:14px;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-radius:16px;box-shadow:var(--shadow-sm)}
.ai-tabbar.settings-nav button{width:auto!important;min-width:max-content;padding:10px 13px;border-radius:11px;font-weight:700;white-space:nowrap}
.ai-tabbar.settings-nav button.active{background:#eef4ff;color:#1849a9;box-shadow:inset 0 0 0 1px #dbeafe}
.ai-tabbar .status{margin-left:3px;padding:3px 6px;font-size:8px}
.ai-panel-stack>.settings-panel{animation:aiPanelFade .14s ease}
@keyframes aiPanelFade{from{opacity:.45;transform:translateY(2px)}to{opacity:1;transform:none}}
.ai-section-intro{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:2px 2px 14px}
.ai-section-intro h2{margin:0;font-size:17px;color:#101828}.ai-section-intro p{margin:4px 0 0;color:var(--muted);font-size:11px}
.ai-panel-stack>.settings-panel>.card+.card,.ai-panel-stack>.settings-panel>.grid-2+.card,.ai-panel-stack>.settings-panel>.card+.selection-scope{margin-top:18px}
.ai-knowledge-help{align-self:start}.ai-training-chips{display:flex;flex-wrap:wrap;gap:7px}.ai-training-chips span{border:1px solid var(--line);background:#f8fafc;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:700;color:#475467}
.ai-diagnostic-grid{margin-top:18px}.ai-reload-form{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ai-reload-help{display:block;max-width:520px;font-size:10px}
@media(max-width:900px){.ai-tabbar.settings-nav{position:static!important;margin-left:0;margin-right:0}.ai-section-intro{align-items:flex-start}.ai-diagnostic-grid,.ai-knowledge-grid{grid-template-columns:1fr!important}}