@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--blue:#2563eb;--blue-dark:#1d4ed8;--ink:#162442;--muted:#7a869a;--line:#e6ebf3;--surface:#f5f7fb;--nav:#0d1b36;--radius:16px}
*{box-sizing:border-box}body{background:#f5f7fb!important;color:var(--ink);font-family:'DM Sans',system-ui,sans-serif!important;margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{transition:background .18s,color .18s,box-shadow .18s}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #93c5fd;outline-offset:3px}input:focus,select:focus,textarea:focus{outline:2px solid #93c5fd;outline-offset:1px}h1,h2,h3{font-family:Manrope,'DM Sans',sans-serif;letter-spacing:-.04em}h1{font-size:28px;line-height:1.3}h2{font-size:19px}h3{font-size:15px}.ps h1,.ps h2,.ps h3,.ps p{margin:0}.ps a{text-decoration:none}.muted{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:750;color:#6d83a3}.page{padding:30px 34px;max-width:1600px;margin:auto}.page.narrow{max-width:850px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;flex-wrap:wrap}.page-heading h1{margin-top:7px}.page-heading p{font-size:13px;color:var(--muted);margin-top:8px}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 16px;border-radius:9px;border:1px solid var(--line);font-size:12px;font-weight:650;background:white;color:#53647f;white-space:nowrap}.btn.primary{background:var(--blue);border-color:var(--blue);color:white;box-shadow:0 4px 9px #2563eb1a}.btn.primary:hover{background:var(--blue-dark);box-shadow:0 5px 16px #2563eb30}.btn:hover{background:#eff4ff}.btn.danger{color:#c24141}.btn.small{padding:7px 10px}.full{width:100%}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:23px;box-shadow:0 3px 5px #12234502}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:23px;flex-wrap:wrap}.panel-title p{color:var(--muted);font-size:11px;margin-top:5px}.text-link{color:var(--blue)!important;font-size:12px;font-weight:600}.notice{padding:14px 18px;background:#eaf4ff;color:#25578d;border:1px solid #cde3ff;border-radius:10px;margin:15px 0;font-size:13px}.notice.error{background:#fff1f2;border-color:#fecdd3;color:#b42342}.ps label{display:block;font-size:12px;font-weight:600;color:#52617c}.ps input:not([type=checkbox]):not([type=radio]),.ps select,.ps textarea{width:100%;padding:11px 13px;border:1px solid #dfe6f0;border-radius:8px;background:white;color:var(--ink);margin-top:8px;min-width:0}.ps textarea{min-height:110px;resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid .span-all{grid-column:1/-1}.table-wrap{overflow:auto}.ps table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}.ps th{color:#7c8aa0;text-transform:uppercase;letter-spacing:.06em;font-size:9px;font-weight:600;padding:14px;background:#f8faff;white-space:nowrap}.ps td{padding:16px 14px;border-bottom:1px solid #f0f3f8;vertical-align:middle}.ps tr:last-child td{border-bottom:0}.ps tbody tr:hover{background:#fafcff}.badge{display:inline-flex;padding:5px 9px;border-radius:6px;background:#eef4ff;color:#4d7bd4;font-size:10px;font-weight:600;white-space:nowrap}.badge.ok{background:#e9f7f0;color:#299067}.badge.warn{background:#fff5e5;color:#b07f24}.badge.bad{background:#fef0f0;color:#c37878}.badge.muted{background:#f1f3f7;color:#7a869a}.empty{padding:42px 15px;text-align:center;color:#8894a8;font-size:12px}.empty strong{display:block;color:#465777;margin:12px 0 7px;font-size:14px}.empty-icon{height:48px;width:48px;border-radius:14px;background:#f0f5ff;display:grid;place-items:center;margin:auto;color:#7298e2;font-size:24px}.wordmark{display:flex;align-items:center;gap:10px;letter-spacing:.12em;font-family:Manrope,sans-serif;font-weight:800;font-size:17px}.wordmark img{width:34px;height:34px}.wordmark-custom img{width:auto;height:auto;max-height:38px;max-width:180px;object-fit:contain}.wordmark span{font-size:8px;font-weight:500;letter-spacing:.1em;border:1px solid #ffffff30;padding:3px 5px;border-radius:4px;color:#93a6c7}.shell{height:100dvh;overflow:hidden;display:grid;grid-template-columns:244px 1fr}.app-sidebar{background:var(--nav);color:#98a9c5;display:flex;flex-direction:column;padding:27px 18px 16px;z-index:40}.app-sidebar>.wordmark{color:white;padding:0 10px;margin-bottom:32px}.workspace{padding:12px;border:1px solid #ffffff10;border-radius:10px;display:flex;align-items:center;gap:10px;margin:0 6px 24px;background:#ffffff04}.workspace-icon{width:31px;height:31px;border-radius:7px;background:#263954;color:#b4c5e1;display:grid;place-items:center;font-size:12px}.workspace strong{font-size:11px;color:#dfe7f7;display:block}.workspace small{font-size:9px;display:block;margin-top:3px;color:#7388ac}.nav-section{font-size:8px;letter-spacing:.18em;color:#586f95;padding:0 13px;margin:6px 0 10px;font-weight:700}.app-nav{overflow:auto;flex:1;scrollbar-width:thin;scrollbar-color:#283a58 transparent}.nav-link{display:flex;gap:12px;align-items:center;font-size:11px;font-weight:500;padding:11px 13px;border:0;border-radius:8px;margin:3px 0;position:relative;color:#98a9c5}.nav-link svg{width:17px;height:17px;flex-shrink:0}.nav-link:hover{background:#ffffff08;color:white}.nav-link.active{background:#2462e9;color:white;box-shadow:0 4px 14px #00000012}.nav-link.active:after{content:'';position:absolute;right:12px;width:5px;height:5px;border-radius:50%;background:#b7d1ff}.nav-divider{height:1px;background:#ffffff09;margin:17px 10px}.sidebar-tip{padding:15px;border:1px solid #31436a;background:linear-gradient(125deg,#1d3155,#132545);border-radius:11px;font-size:11px;margin:18px 5px}.sidebar-tip strong{display:block;color:#dce6fa;font-size:11px}.sidebar-tip p{font-size:10px;line-height:1.7;margin:6px 0 10px;color:#889fbe}.sidebar-tip a{color:#90b7ff;font-size:10px}.sidebar-user{border-top:1px solid #ffffff10;padding:17px 9px 0;display:flex;align-items:center;gap:10px}.initials{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#edf2fd;color:#5983d2;font-size:11px;font-weight:700;flex-shrink:0}.sidebar-user .initials{background:#233855;color:#b1c6e9}.sidebar-user strong{font-size:11px;color:#e4ebf8;display:block;max-width:120px;overflow:hidden;text-overflow:ellipsis}.sidebar-user small{display:block;font-size:9px;color:#6680a5;margin-top:3px}.app-body{min-width:0;display:flex;flex-direction:column}.app-topbar{height:76px;flex-shrink:0;border-bottom:1px solid var(--line);background:white;display:flex;align-items:center;justify-content:space-between;padding:0 33px;gap:15px}.breadcrumb{font-size:11px;color:#a1adbf;display:flex;align-items:center;gap:13px;white-space:nowrap}.breadcrumb strong{color:#53647e;font-weight:550}.topbar-actions{display:flex;gap:19px;align-items:center}.topbar-date{font-size:10px;color:#8997ad}.icon-btn{border:0;background:transparent;color:#8090a9;padding:7px;position:relative;display:grid;place-items:center}.icon-btn svg{width:18px;height:18px}.notification-dot{position:absolute;width:6px;height:6px;background:#4285ff;border:1px solid white;border-radius:50%;right:7px;top:6px}.topbar-search{border:1px solid #e9edf4;background:#fafbfd;border-radius:8px;display:flex;align-items:center;padding:7px 12px;gap:10px;width:240px;color:#9aa8bd}.topbar-search input{margin:0!important;padding:0!important;border:0!important;background:transparent!important;font-size:10px;outline:none}.topbar-search kbd{font-size:9px;border:1px solid #dfe5ef;border-radius:3px;padding:2px 4px}.app-frame{border:0;width:100%;flex:1;min-height:0;background:var(--surface)}.frame-progress{height:2px;background:#2563eb;position:absolute;top:75px;left:244px;width:0;transition:width .4s;z-index:45}.frame-progress.loading{width:calc(100% - 244px);animation:progress 1s infinite}@keyframes progress{50%{opacity:.4}}.menu-toggle{display:none}.mobile-overlay{display:none}.notification-panel{position:fixed;right:28px;top:67px;width:340px;max-width:90vw;z-index:60;box-shadow:0 15px 60px #142a4822}.notification-panel[hidden]{display:none}.notification-panel a{display:block;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.notification-panel small{display:block;color:var(--muted);margin-top:5px}.welcome-banner{background:linear-gradient(110deg,#1c4eae,#2563da 70%,#3477ec);border-radius:15px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;color:white;padding:28px 30px;margin-bottom:22px;min-height:143px}.welcome-banner:after{content:'';width:260px;height:260px;border:38px solid #ffffff06;border-radius:50%;position:absolute;right:-40px;top:-105px;pointer-events:none}.welcome-banner h2{font-size:21px;letter-spacing:-.025em}.welcome-banner p{color:#c2d7ff;font-size:11px;line-height:1.8;margin-top:9px}.welcome-banner .btn{background:#ffffff;color:#2956a2;border:0;position:relative;z-index:1;font-size:11px}.welcome-overline{color:#a8c8ff;font-size:9px;letter-spacing:.13em;display:block;margin-bottom:8px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:22px}.kpi{padding:21px;background:white;border:1px solid var(--line);border-radius:13px}.kpi-top{display:flex;justify-content:space-between;align-items:center;color:#8290a6;font-size:11px}.kpi-icon{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:#eef4ff;color:#668fe0}.kpi-icon svg{width:16px;height:16px}.kpi-value{display:block;font-family:Manrope,sans-serif;font-size:29px;font-weight:800;letter-spacing:-.05em;margin:10px 0}.kpi-foot{font-size:9px;color:#9aa5b6}.kpi-foot b{font-weight:500;color:#61997d}.dashboard-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:22px;margin-bottom:22px}.chart-legend{display:flex;gap:13px;font-size:9px;color:#8795ac;align-items:center}.chart-legend i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#4285fa;margin-right:5px}.chart-legend i.soft{background:#bcd3ff}.chart-area{height:204px;display:flex;align-items:flex-end;padding-top:20px;gap:19px;position:relative;background:repeating-linear-gradient(to top,transparent 0,transparent 44px,#eef2f8 45px,transparent 46px)}.chart-column{flex:1;height:100%;display:flex;align-items:flex-end;justify-content:center;gap:6px;position:relative}.chart-bar{width:19px;min-height:2px;border-radius:4px 4px 0 0;background:#3980f4}.chart-bar.soft{background:#cadfff}.chart-column small{position:absolute;bottom:-24px;color:#98a4b5;font-size:9px}.chart-bottom{margin-top:42px;color:#9aa6b9;font-size:9px}.pipeline-row{margin-bottom:16px}.pipeline-info{display:flex;justify-content:space-between;font-size:10px;margin-bottom:8px;color:#7c8ca4}.pipeline-info strong{color:#455d7e;font-weight:600}.track{height:6px;background:#f1f4f9;border-radius:5px;overflow:hidden}.track i{height:100%;display:block;background:#4785ed;border-radius:5px}.pipeline-foot{font-size:10px;color:#8b9ab0;border-top:1px solid var(--line);padding-top:16px;display:flex;justify-content:space-between}.activity{display:flex;gap:11px;padding:14px 0;border-bottom:1px solid #f1f4f8}.activity:last-child{border:0}.activity .initials{width:29px;height:29px;font-size:9px;border-radius:8px}.activity strong{font-size:11px;font-weight:600}.activity p{font-size:10px;color:#96a2b5;margin-top:4px}.activity time{font-size:9px;color:#8c9bb0;margin-left:auto;white-space:nowrap}.dashboard-foot{font-size:9px;color:#a4afbf;display:flex;justify-content:space-between;margin-top:28px}.login-page{display:flex;min-height:100dvh}.login-story{background:radial-gradient(ellipse at 95% 85%,#244b8a,transparent 60%),#0d1b36;color:white;width:51%;padding:45px 55px;display:flex;flex-direction:column;justify-content:space-between}.login-story h1{font-size:clamp(34px,4vw,62px);line-height:1.13;margin:20px 0!important;letter-spacing:-.05em}.login-story h1 span{color:#5f9eff}.login-story p{color:#8fa4c5;font-size:13px;line-height:1.9}.login-story .eyebrow{color:#739edc}.login-story small{color:#506a93;font-size:11px}.story-pipeline{display:flex;align-items:center;gap:12px;margin-top:40px;font-size:10px}.story-pipeline span{padding:11px 14px;border:1px solid #ffffff18;border-radius:8px;background:#ffffff05;color:#b1c6e5}.story-pipeline span:last-child{background:#2563eb;border-color:#2563eb;color:white}.story-pipeline b{color:#526f9c}.login-client{display:flex;align-items:center;gap:10px}.login-client img{height:auto;width:auto;max-width:240px;max-height:80px;background:transparent}.login-main{flex:1;display:flex;align-items:center;justify-content:center;background:#fff;position:relative;padding:60px}.login-form{width:100%;max-width:350px}.login-form h2{font-size:27px;line-height:1.4;margin-top:12px}.login-form>.muted{font-size:13px;margin:10px 0 32px}.login-form label{margin:21px 0}.login-form input{height:46px}.login-form .btn{margin-top:10px;padding:15px;justify-content:space-between}.login-help{font-size:10px;color:#9aa6b8;text-align:center;line-height:1.7;margin:25px 0 15px!important}.login-form>.text-link{display:block;text-align:center;font-size:10px}.login-copyright{position:absolute;bottom:28px;font-size:10px;color:#acb6c5}.password-field{position:relative}.password-field input{padding-right:70px!important}.password-field button{position:absolute;right:10px;top:23px;font-size:10px;color:#8e9bb0;background:none;border:0}.brand-mobile{display:none}.filters{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-bottom:20px}.filters label{flex:1;min-width:130px}.filters .btn{height:40px}.stat-inline{display:flex;gap:15px;flex-wrap:wrap;margin:15px 0;color:var(--muted);font-size:12px}.stat-inline strong{color:var(--ink)}
/* Componentes adicionais do DisparaZap */
.pagination{display:flex;gap:6px;margin-top:18px;flex-wrap:wrap}.page-link{padding:7px 12px;border:1px solid var(--line);border-radius:7px;font-size:11px;color:#53647f;background:white}.page-link.active{background:var(--blue);border-color:var(--blue);color:white}
.modal-overlay{position:fixed;inset:0;background:#0d1b3670;display:flex;align-items:center;justify-content:center;z-index:80;padding:20px}.modal-overlay[hidden]{display:none}.modal{background:white;border-radius:16px;max-width:640px;width:100%;max-height:88vh;overflow:auto;padding:26px}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.modal-head button{border:0;background:transparent;color:#8090a9}
.steps{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.step{padding:8px 14px;border-radius:8px;background:#f1f4f9;color:#7c8aa0;font-size:11px;font-weight:650}.step.active{background:var(--blue);color:white}.step.done{background:#e9f7f0;color:#299067}
.progress-bar{height:8px;border-radius:5px;background:#f1f4f9;overflow:hidden;margin:10px 0}.progress-bar i{display:block;height:100%;background:var(--blue)}
.timeline{display:flex;flex-direction:column;gap:14px}.timeline-item{display:flex;gap:12px}.timeline-dot{width:9px;height:9px;border-radius:50%;background:var(--blue);margin-top:5px;flex-shrink:0}.timeline-item p{font-size:12px}.timeline-item time{font-size:10px;color:var(--muted)}
.tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:22px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.tab{padding:11px 16px;font-size:12px;font-weight:600;color:var(--muted);border-bottom:2px solid transparent;white-space:nowrap;flex-shrink:0}.tab.active{color:var(--blue);border-color:var(--blue)}
.toggle{position:relative;display:inline-block;width:38px;height:22px}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;inset:0;background:#d7dee9;border-radius:22px;transition:.2s}.toggle-slider:before{content:'';position:absolute;height:16px;width:16px;left:3px;top:3px;background:white;border-radius:50%;transition:.2s}.toggle input:checked+.toggle-slider{background:var(--blue)}.toggle input:checked+.toggle-slider:before{transform:translateX(16px)}
.dropzone{border:2px dashed #cdd9ee;border-radius:12px;padding:34px;text-align:center;color:var(--muted);font-size:12px;background:#fafcff}.dropzone.drag{border-color:var(--blue);background:#eff4ff}
.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:16px;background:#f1f4f9;font-size:10px;color:#53647f}
.conversation{display:grid;grid-template-columns:280px 1fr;gap:0;height:calc(100dvh - 200px);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:white}
.conv-list{border-right:1px solid var(--line);overflow:auto}.conv-item{display:block;padding:14px 16px;border-bottom:1px solid #f1f4f8}.conv-item.active{background:#eff4ff}.conv-item strong{font-size:12px}.conv-item p{font-size:11px;color:var(--muted);margin-top:4px}
.conv-body{display:flex;flex-direction:column;min-width:0}.conv-messages{flex:1;overflow:auto;padding:20px;display:flex;flex-direction:column;gap:10px}.msg{max-width:70%;padding:10px 14px;border-radius:12px;font-size:12px}.msg.out{align-self:flex-end;background:var(--blue);color:white;border-bottom-right-radius:2px}.msg.in{align-self:flex-start;background:#f1f4f9;color:var(--ink);border-bottom-left-radius:2px}.msg time{display:block;font-size:9px;opacity:.7;margin-top:5px}
.conv-reply{border-top:1px solid var(--line);padding:14px;display:flex;gap:10px}.conv-reply textarea{min-height:44px!important;margin:0!important}
.wa-status{display:flex;align-items:center;gap:9px;padding:16px;border-radius:12px;background:#f7f9fd;border:1px solid var(--line);margin-bottom:18px;flex-wrap:wrap}.wa-status .dot{width:9px;height:9px;border-radius:50%;background:#c8d2e0}.wa-status.online .dot{background:#2fb379}.wa-status.offline .dot{background:#e05353}
@media(min-width:1500px){.page{padding:36px 45px}.kpi{padding:25px}.dashboard-grid{grid-template-columns:1.7fr 1fr}.chart-area{height:235px}}
@media(max-width:1100px){.shell{grid-template-columns:215px 1fr}.app-sidebar{padding-left:12px;padding-right:12px}.frame-progress{left:215px}.topbar-search{width:180px}.topbar-date{display:none}.page{padding:24px}.kpi-grid{gap:10px}.kpi{padding:15px}.kpi-top{font-size:10px}.dashboard-grid{grid-template-columns:1.4fr 1fr;gap:15px}.welcome-banner{padding:24px}.welcome-banner h2{font-size:18px}.panel{padding:19px}.app-topbar{padding:0 24px}.sidebar-tip{display:none}}
@media(max-width:780px){.shell{display:flex}.app-body{width:100%}.app-sidebar{position:fixed;inset:0 auto 0 0;width:244px;transform:translateX(-100%);transition:transform .2s}.shell.menu-open .app-sidebar{transform:none}.shell.menu-open .mobile-overlay{display:block;position:fixed;inset:0;background:#06142670;z-index:35}.menu-toggle{display:grid}.app-topbar{height:62px;padding:0 16px;justify-content:flex-start}.topbar-actions{margin-left:auto;gap:7px}.topbar-search{display:none}.breadcrumb{font-size:10px;gap:7px}.breadcrumb>span:first-child{display:none}.app-frame{min-width:0}.frame-progress{top:61px;left:0}.frame-progress.loading{width:100%}.page{padding:21px 17px}.page-heading{gap:12px;align-items:flex-start;flex-wrap:wrap}.page-heading h1{font-size:23px}.page-heading p{font-size:11px}.page-heading .btn{font-size:10px;padding:9px 11px}.welcome-banner{padding:22px;display:block}.welcome-banner .btn{margin-top:17px}.kpi-grid{grid-template-columns:1fr 1fr;gap:12px}.kpi{padding:18px}.kpi-value{font-size:27px}.dashboard-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.login-story{display:none}.login-main{padding:35px;min-height:100dvh}.brand-mobile{display:flex;margin-bottom:45px;color:var(--ink)}.login-form h2{font-size:25px}.dashboard-foot{font-size:8px}.ps th,.ps td{padding:12px 9px}.panel{padding:18px}.conversation{grid-template-columns:1fr;height:calc(100dvh - 160px)}.conv-list{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.app-sidebar,.app-topbar,.actions,.filters,.no-print{display:none!important}.page{padding:0}.panel{box-shadow:none;break-inside:avoid}.ps{background:white!important}.dashboard-grid{display:block}.dashboard-grid>.panel{margin:15px 0}}
.topbar-search svg{width:15px;height:15px;flex-shrink:0}.app-sidebar,.app-nav{min-height:0}.app-sidebar>.wordmark,.workspace,.sidebar-user{flex-shrink:0}.hidden{display:none!important}
.quicknav-toggle{padding:5px;color:#9aa8bd}.quicknav-toggle svg{width:15px;height:15px}.quicknav-toggle:hover{color:var(--blue)}
.quicknav-panel{position:fixed;left:28px;top:67px;width:520px;max-width:92vw;z-index:60;box-shadow:0 15px 60px #142a4822}.quicknav-panel[hidden]{display:none}
.quicknav-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:14px}
.quicknav-section{font-size:8px;letter-spacing:.14em;color:#8290a6;font-weight:700;margin:0 0 8px}
.quicknav-item{display:flex;align-items:center;gap:10px;padding:8px 9px;border-radius:8px;font-size:12px;color:#455169;font-weight:550}.quicknav-item svg{width:15px;height:15px;color:#7298e2;flex-shrink:0}.quicknav-item:hover{background:#f0f5ff}.quicknav-item.active{color:var(--blue)}
@media(max-width:640px){.quicknav-grid{grid-template-columns:1fr}.quicknav-panel{left:14px;right:14px;width:auto}}