/* ============================================================
   RESET BASE
   O painel anterior usava o reset do Tailwind (preflight). Como
   agora o CSS e servido direto, sem build, estas regras vem aqui:
   sem elas os campos e botoes ficam com o estilo padrao do
   navegador e a tela quebra.
   ============================================================ */
*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e7ecea}
html{-webkit-text-size-adjust:100%;line-height:1.5;tab-size:4}
body{margin:0;line-height:inherit}
h1,h2,h3,h4,h5,p,figure,blockquote,dl,dd,pre{margin:0}
ul,ol{list-style:none;margin:0;padding:0}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0;background-color:transparent}
button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;cursor:pointer;background-image:none}
select{-webkit-appearance:menulist;appearance:menulist}
a{color:inherit;text-decoration:inherit}
img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}
img,video{max-width:100%;height:auto}
table{border-collapse:collapse;border-color:inherit;text-indent:0}
textarea{resize:vertical}
input::placeholder,textarea::placeholder{opacity:1;color:#a9bfb0}
[hidden]{display:none !important}
/* ============================================================
   PAINEL ZAPATENDE - folha de estilo
   Gerada a partir do CSS do painel anterior (mesma cara).
   As fontes ficam em ../fontes/ (Inter, self-hosted).
   ============================================================ */

@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url('../fontes/inter-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+2020-202F,U+20A0-20AB,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url('../fontes/inter-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{--green:#159f79;--green-dark:#11795e;--green-soft:#eaf7f1;--text:#273833;--muted:#85908e;--border:#e7ecea;--canvas:#f6f8f9;--sidebar:232px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--text);font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:14.3px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.5}button{background:transparent;color:inherit}a{color:inherit;text-decoration:none}button,a,input,select,textarea{outline-offset:3px}button:focus-visible,a:focus-visible{outline:2px solid #29ab85}input:focus,select:focus,textarea:focus{outline:none;border-color:#49b897!important;box-shadow:0 0 0 3px #149e7911}h1,h2,h3,h4,p{margin:0}svg{flex-shrink:0}::selection{background:#ccebdd}input::placeholder,textarea::placeholder{color:#a0a7a5}input[type=checkbox]{accent-color:var(--green);width:16px;height:16px;flex-shrink:0;cursor:pointer}select{cursor:pointer}textarea{resize:vertical;min-height:90px}code{font-size:12.1px;overflow-wrap:anywhere}button{transition:background .16s,border-color .16s,color .16s,box-shadow .16s}a{transition:color .16s}.muted{color:var(--muted)}.nowrap{white-space:nowrap}.full{grid-column:1/-1}.full-width{width:100%}.text-green{color:var(--green)}.spin{animation:spin 1.1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
/* The platform shell */
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#fff;border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:40}.brand-area{padding:29px 26px 25px;display:block}.brand{display:flex;align-items:center;gap:9px;font-weight:750;font-size:28.6px;letter-spacing:-1.35px;line-height:1}.brand>span:last-child{padding-bottom:2px}.brand-light{font-weight:550}.brand b{color:var(--green)}.brand-symbol{width:34px;height:35px;border-radius:10px 10px 10px 3px;background:var(--green);color:#fff;display:grid;place-items:center;position:relative;box-shadow:0 3px 6px #159f7915;transform:rotate(-3deg)}.brand-symbol>svg:first-child{transform:rotate(3deg)}.brand-bolt{position:absolute;top:11px;left:11px;background:var(--green)}.brand-caption{display:block;margin-top:14px;margin-left:2px;font-size:10px;letter-spacing:1.65px;font-weight:600;color:#8d9693}.sidebar-nav{padding:0 15px;overflow-y:auto;scrollbar-width:thin}.nav-group{margin-bottom:22px}.nav-label{font-size:10px;letter-spacing:1.2px;color:#929b97;font-weight:600;padding:0 13px;margin:0 0 10px}.nav-item{height:42px;padding:0 13px;display:flex;align-items:center;gap:12px;color:#69746f;font-size:13.5px;font-weight:450;border-radius:7px;margin-bottom:4px;position:relative}.nav-item:hover{background:#f5f8f6;color:#355b4d}.nav-item.active{background:#e9f6ef;color:#158765;font-weight:600}.nav-item.active:before{content:'';height:17px;width:3px;background:#1ca77e;position:absolute;left:-15px;border-radius:0 2px 2px 0}.nav-item>svg{color:#839088}.nav-item.active>svg{color:#159875}.nav-count{margin-left:auto;font-size:11px;min-width:22px;height:19px;display:grid;place-items:center;background:#f0f3f2;color:#86908b;border-radius:4px;font-weight:550}.nav-count.count-financeiro{background:#fff3df;color:#bd872c}.nav-count.count-leads{background:#ecf7f1;color:#409b7a}.sidebar-bottom{margin-top:auto;padding-top:16px}.system-status-wrap{position:relative;padding:0 18px}.system-status{display:flex;align-items:center;gap:8px;border:1px solid #e7ede9;background:#fbfdfb;border-radius:7px;padding:11px 10px;width:100%;font-size:11px;color:#667c70;white-space:nowrap}.system-status-icon{color:#49a381;display:flex}.system-status>.live-dot{margin-left:auto;width:5px;height:5px}.help-link{display:flex;width:100%;align-items:center;gap:10px;padding:18px 28px;color:#7c8880;font-size:12.7px}.help-link>svg:last-child{margin-left:auto;color:#a1aaa4}.help-link:hover{color:var(--green)}.sidebar-profile{border-top:1px solid var(--border);display:flex;gap:10px;align-items:center;padding:19px 23px;width:100%;text-align:left}.profile-avatar{background:#e0eee5;color:#45674e;display:grid;place-items:center;width:35px;height:35px;border-radius:50%;font-size:12.1px;font-weight:650;flex-shrink:0}.sidebar-profile>span:nth-child(2){flex:1;min-width:0}.sidebar-profile b{display:block;font-size:12.8px;font-weight:600;white-space:nowrap}.sidebar-profile small{font-size:11px;color:#8f9892;display:block;margin-top:3px}.sidebar-profile>svg{color:#98a29b}.workspace{margin-left:var(--sidebar);min-height:100vh}.topbar{height:73px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 31px;position:relative;z-index:30}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:12.1px;color:#a0a7a3}.breadcrumb>svg:first-child{color:#8e9993}.breadcrumb strong{font-weight:500;color:#5c6a62}.header-actions{display:flex;align-items:center;gap:16px}.global-search{display:flex;align-items:center;gap:9px;color:#98a29c;font-size:11.8px;border:1px solid #eaf0ec;border-radius:7px;padding:9px 10px;width:246px;background:#fcfdfc;text-align:left}.global-search:hover{border-color:#cddcd3;background:#f8fbf9}.global-search kbd{margin-left:auto;display:block;padding:2px 5px;background:#f0f3f1;border:1px solid #e9eeeb;font-size:10px;color:#9ba79e;border-radius:3px;font-family:inherit}.header-divider{height:23px;width:1px;background:#e8ece9;margin:0 2px}.icon-button{width:30px;height:30px;display:inline-flex;justify-content:center;align-items:center;border-radius:6px;color:#8b9690;flex-shrink:0}.icon-button:hover{background:#f0f5f2;color:var(--green)}.icon-button.bordered{border:1px solid var(--border);width:29px;height:28px;background:white}.icon-button.selected{background:#edf6f1;color:var(--green)}.notification-wrap,.top-profile-wrap{position:relative}.notification-button{position:relative}.notification-button>i{width:5px;height:5px;border-radius:50%;background:#e9ad62;border:1.5px solid white;position:absolute;right:5px;top:4px;box-sizing:content-box}.top-profile{width:33px;height:33px;background:#edf0e8;color:#657159;border-radius:50%;font-size:11px;font-weight:650;border:3px solid #fafcf8;box-shadow:0 0 0 1px #e6ebe1}.mobile-menu{display:none}.main-content{padding:29px 30px 16px;max-width:1650px;margin:0 auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.page-title-row{display:flex;align-items:center;gap:16px}.page-heading h1{font-size:29.7px;line-height:1.3;letter-spacing:-.9px;font-weight:650;color:#283b34}.page-heading>div>p{font-size:12.8px;color:#89938e;margin-top:7px;font-weight:400}.page-actions{display:flex;gap:9px;align-items:center}.button{border:1px solid #dfe6e1;box-shadow:0 1px 2px #253d2803;border-radius:7px;padding:10px 14px;font-size:12.7px;line-height:18.7px;font-weight:500;color:#5c6a61;background:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;min-height:38px}.button:hover{background:#f7faf8;border-color:#c6d6cd}.button.primary{background:var(--green);border-color:var(--green);color:white;box-shadow:0 2px 3px #11957013}.button.primary:hover{background:#138d6d;border-color:#138d6d}.button.primary:active{background:#107e61}.button.small{padding:5px 9px;font-size:11px;min-height:28px;border-radius:5px}.button.danger-outline{color:#b87062;border-color:#e8d1cb}.live-badge{color:#7d998a;font-size:10px;font-weight:400;display:flex;align-items:center;gap:5px;padding-top:4px}.live-dot{width:6px;height:6px;background:#45ad7a;border-radius:50%;display:inline-block;flex-shrink:0}.live-badge .live-dot{width:5px;height:5px}.main-footer{display:flex;justify-content:space-between;align-items:center;font-size:10.2px;color:#a2aba5;margin:23px 0 5px;gap:16px}.main-footer>span:last-child{display:flex;align-items:center;gap:6px}.demo-dot{width:4px;height:4px;background:#a6b9a9;border-radius:50%}.footer-separator{padding:0 2px}.footer-wordmark{color:#788e7f;font-weight:600;font-size:14.3px;letter-spacing:-.6px;margin-left:16px}.footer-wordmark>span{color:var(--green)}
/* Overview and charts */
.overview-toolbar{display:flex;align-items:center;justify-content:space-between;margin:0 0 19px}.period-group{display:flex;align-items:center;gap:13px}.select-icon{display:flex;align-items:center;position:relative;border:1px solid #e0e7e2;border-radius:6px;background:#fff;height:33px;color:#829187;padding:0 10px;gap:7px}.select-icon select{border:0;appearance:none;outline:0;background:transparent;color:#647369;font-size:11.6px;height:100%;padding:0 18px 0 0;z-index:1;box-shadow:none!important;min-width:70px}.select-icon>svg:last-child{position:absolute;right:9px;pointer-events:none}.period-divider{height:14px;width:1px;background:#dce4de}.period-description{font-size:11.6px;color:#949e97}.refresh-label{display:flex;align-items:center;gap:7px;font-size:10.7px;color:#949e98}.refresh-label>svg{margin-left:4px;color:#8c9990}.refresh-label .live-dot{height:4px;width:4px;background:#8cb69b}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:21px}.metrics-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{background:white;border:1px solid #e2e9e4;border-radius:10px;padding:16px 18px 16px;position:relative;box-shadow:0 2px 3px #21342a02;min-width:0}.metric-card.featured{border-color:#d4e8dc;background:linear-gradient(110deg,#fff 50%,#f5faf6)}.metric-top{display:flex;justify-content:space-between;align-items:center;gap:5px;color:#74837a;font-size:12.2px;font-weight:500}.metric-icon{height:29px;width:29px;display:grid;place-items:center;background:#f2f6f3;color:#6e9582;border-radius:7px}.metric-icon.featured{color:#21956d;background:#e9f5ed}.metric-icon.warning{background:#fff6e9;color:#c69a59}.metric-value-row{display:flex;align-items:center;gap:10px;margin-top:7px}.metric-value-row>strong{font-size:30.8px;letter-spacing:-1px;line-height:1.35;font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap}.sparkline{width:62px;height:27px;color:#4fba8b;opacity:.8;margin-left:auto}.metric-bottom{display:flex;align-items:center;gap:6px;margin-top:10px;color:#9aa39c;font-size:10px;white-space:nowrap;min-height:17px}.metric-trend{display:flex;align-items:center;gap:3px;color:#449773;font-weight:500;background:#eef8f1;border-radius:3px;padding:2px 4px;font-size:10px}.metric-trend.negative{background:#fff3e9;color:#b7894c}.metric-end{margin-left:auto;font-size:10px}.metric-warning{color:#b49770}.metric-link{margin-left:auto;color:#b68f50;display:flex;align-items:center;gap:4px;font-size:10px}.metric-link:hover{color:#967437}.panel{background:#fff;border:1px solid #e4eae6;border-radius:10px;overflow:hidden;box-shadow:0 2px 3px #21342a02;min-width:0}.panel-heading{padding:21px 22px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-heading h2{font-size:14.6px;font-weight:600;letter-spacing:-.15px;display:flex;align-items:center;gap:7px;line-height:1.4}.panel-heading p{font-size:11.2px;color:#99a19b;margin-top:5px}.panel-heading>svg{color:#80a28e}.info-tooltip{color:#afb7b0;display:flex;cursor:help}.charts-grid{display:grid;grid-template-columns:minmax(0,2.08fr) minmax(260px,1fr);gap:20px;margin-bottom:20px}.chart-toggle{display:flex;border:1px solid #e7ece8;border-radius:6px;padding:3px;background:#f6f8f6;gap:2px}.chart-toggle button{font-size:10px;padding:4px 9px;border-radius:4px;color:#99a29b;line-height:17.6px;white-space:nowrap}.chart-toggle button.active{background:#fff;color:#67766b;box-shadow:0 1px 3px #223e2814}.chart-legend{display:flex;align-items:center;gap:19px;font-size:10px;color:#8c9990;padding:0 23px;margin-top:3px;margin-bottom:9px}.chart-legend>span{display:flex;align-items:center;gap:6px}.legend-dot{width:6px;height:6px;background:#22a77f;border-radius:50%;display:inline-block;flex-shrink:0}.legend-dot.light{background:#adcdbc}.revenue-panel{padding-bottom:11px}.revenue-chart{position:relative;padding:0 15px 0 2px;width:100%}.revenue-chart>svg{width:100%;height:219px;display:block;overflow:visible}.chart-tooltip{position:absolute;top:20px;transform:translateX(-50%);background:#fff;box-shadow:0 6px 20px #213b2b18;border:1px solid #e4ece7;padding:10px 12px;border-radius:7px;pointer-events:none;min-width:162px;z-index:3}.chart-tooltip>b{font-size:10px;color:#8b9b90;display:block;margin-bottom:8px}.chart-tooltip>span{display:flex;gap:7px;align-items:center;font-size:10px;line-height:1.8;color:#7b8e7e}.chart-tooltip strong{color:#455e4c;font-size:10px;margin-left:auto}.plan-panel .panel-heading{padding-bottom:3px}.donut-wrap{display:flex;justify-content:center;align-items:center;margin:2px 0 -2px}.donut-wrap>svg{height:166px;width:190px}.donut-total{fill:#2b4034;font-size:33px;font-weight:650;letter-spacing:-1px}.donut-caption{fill:#98a29a;font-size:10px}.donut-segment{cursor:pointer;transition:stroke-width .2s}.donut-segment:hover{stroke-width:24}.plan-legend{padding:0 24px 15px;display:flex;flex-direction:column;gap:9px}.plan-legend button{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:11px;color:#7b8b7f}.plan-legend button>span{display:flex;align-items:center;gap:8px}.plan-legend button>span:first-child>i{height:7px;width:7px;border-radius:2px}.plan-legend b{font-weight:550;color:#536b59;font-size:11px}.plan-legend small{font-size:10px;color:#a3ada5;min-width:26px;text-align:right}.plan-legend button:hover{color:var(--green)}.attention-strip{border:1px solid #ece7dc;border-radius:9px;background:#fffdf8;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 20px;margin-bottom:21px;min-height:73px}.attention-title{display:flex;gap:11px;align-items:center;flex-shrink:0}.attention-icon{display:grid;place-items:center;color:#c6a065;background:#fdf3e4;border-radius:8px;height:35px;width:35px}.attention-title h3{font-size:12.7px;font-weight:600;color:#786b50}.attention-title p{font-size:10px;color:#a9a08e;margin-top:4px}.attention-items{display:flex;align-items:center;justify-content:flex-end}.attention-items>button{display:flex;align-items:center;gap:6px;font-size:10.8px;color:#8b8575;white-space:nowrap;padding:4px 15px;border-left:1px solid #eee9de}.attention-items>button>svg{margin-left:5px;color:#b4b0a2}.attention-items>button:hover{color:#947648}.attention-items>button:first-child{border-left:0}.attention-items>button:last-child{padding-right:0}.alert-dot{width:5px;height:5px;border-radius:50%;display:inline-block;flex-shrink:0}.alert-dot.amber{background:#ddb568}.alert-dot.blue{background:#8db7cb}.alert-dot.purple{background:#aa9ac9}.lower-grid{display:grid;grid-template-columns:minmax(0,2.08fr) minmax(260px,1fr);gap:20px}.text-button{font-size:11px;color:#499578;display:flex;align-items:center;gap:6px;white-space:nowrap}.text-button:hover{color:#14744f}.count-pill{font-size:10px;background:#f0f4f1;color:#93a097;display:inline-block;padding:2px 6px;border-radius:4px;line-height:15.4px;letter-spacing:0}.table-scroll{overflow-x:auto;scrollbar-width:thin}table{width:100%;border-collapse:collapse;text-align:left;font-size:12.1px;white-space:nowrap}thead{background:#fafcfb;border-top:1px solid #f0f3f1;border-bottom:1px solid #edf1ee}th{font-size:10px;text-transform:uppercase;letter-spacing:.55px;color:#99a49c;font-weight:500;height:37px;padding:0 18px}td{padding:14px 18px;border-bottom:1px solid #edf1ee;height:69px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfefd}.client-cell{display:flex;gap:10px;align-items:center;text-align:left;min-width:0}.client-cell>span:last-child{display:block;min-width:0}.client-cell b{font-size:12.1px;font-weight:550;color:#596e5f;display:block;max-width:220px;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.client-cell small{font-size:10px;color:#a0aba3;display:block;margin-top:4px;max-width:215px;overflow:hidden;text-overflow:ellipsis}.client-cell:hover b{color:var(--green)}.client-avatar{width:34px;height:34px;background:#eaf5ee;color:#78a88c;border:1px solid #e2eee5;display:grid;place-items:center;font-size:11px;font-weight:600;border-radius:8px;flex-shrink:0;letter-spacing:-.3px}.client-avatar.avatar-small{height:28px;width:28px;font-size:10px}.avatar-azul{background:#eaf2f9;color:#8aa5be;border-color:#e3edf5}.avatar-roxo{background:#f0edf9;color:#a195bf;border-color:#eae6f4}.avatar-laranja{background:#fbf0e5;color:#c9a07a;border-color:#f3e9df}.avatar-rosa{background:#f8eef2;color:#bb93a1;border-color:#f0e6ec}.plan-tag{font-size:10px;padding:4px 7px;border-radius:4px;background:#f2f5f3;color:#8c9b91;line-height:1;display:inline-flex;white-space:nowrap;border:1px solid #e9eeeb}.plan-profissional{background:#eef7f1;color:#7ca78a;border-color:#e4f0e8}.plan-enterprise{background:#f2eff9;color:#a295be;border-color:#eae6f3}.badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;line-height:16.5px;padding:2px 7px;border-radius:4px;color:#85958b;background:#f2f5f3;white-space:nowrap;border:1px solid transparent}.badge-dot{width:4px;height:4px;background:currentColor;border-radius:50%;flex-shrink:0}.badge-ativo,.badge-ativa,.badge-paga,.badge-convertido{color:#65a281;background:#edf8f1;border-color:#e3f1e7}.badge-vencida,.badge-atrasada{color:#c09163;background:#fff4e8;border-color:#f9ecdd}.badge-suspenso,.badge-suspensa,.badge-cancelada{color:#c88a81;background:#fff1ee;border-color:#fae8e3}.badge-teste,.badge-aguardando_pagamento{color:#8ea4c1;background:#eff4fc;border-color:#e7eef8}.badge-pago_pendente,.badge-recuperacao{color:#a190be;background:#f4f0fb;border-color:#eee7f8}.badge-convite_pendente,.badge-aberta,.badge-em_analise{color:#c4a065;background:#fcf6e9;border-color:#f4eddd}.connection{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:#75ab88}.connection>span{font-size:10px;color:#a6b5aa;margin-left:-2px}.connection.disconnected{color:#c59d8d}.actions-col{width:20px}.recent-clients th{font-size:10px;padding:0 12px}.recent-clients th:first-child,.recent-clients td:first-child{padding-left:22px}.recent-clients td{padding:12px;height:62px}.recent-clients td:last-child{padding-right:15px}.recent-clients .client-cell{gap:9px}.recent-clients .client-cell b{font-size:11.6px;max-width:182px}.recent-clients .client-cell small{font-size:10px;max-width:191px}.recent-clients .client-avatar{width:32px;height:32px;font-size:10px}.recent-clients .badge{font-size:10px}.recent-clients .plan-tag{font-size:10px}.recent-clients .panel-heading{padding-top:20px;padding-bottom:18px}.activity-panel .panel-heading{padding-bottom:12px}.activity-panel .panel-heading>.live-dot{width:5px;height:5px}.activity-list{padding:4px 21px 0}.activity-item{display:flex;gap:10px;position:relative;min-height:72px;padding:6px 0 9px}.activity-item:not(:last-child):after{content:'';height:33px;width:1px;background:#eaf0ea;position:absolute;left:14px;top:39px}.activity-icon{width:29px;height:29px;display:grid;place-items:center;background:#edf7f0;color:#80ac8c;border-radius:50%;flex-shrink:0}.activity-1{background:#eef4fb;color:#8ea9c0}.activity-2{background:#eff4ed;color:#a1b28e}.activity-item>div{padding-top:2px}.activity-item b{font-size:11px;font-weight:500;color:#687c6b;display:block}.activity-item p{font-size:10px;color:#9ca89c;margin-top:4px;line-height:1.4}.activity-item small{display:block;font-size:10px;color:#b0b9b1;margin-top:5px}.activity-footer{border-top:1px solid #edf1ed;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;color:#8d9f90;padding:13px;margin-top:3px}.activity-footer:hover{background:#f8fcf8;color:#528365}
/* Lists and management modules */
.inline-stats{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:8px 0 23px;padding:5px 0}.inline-stats>span{display:flex;align-items:center;gap:6px;font-size:11.6px;color:#8a9a8e}.inline-stats b{color:#677f6f;font-weight:600}.inline-stats>span>svg{color:#8da893}.list-panel{margin-top:1px}.table-toolbar{display:flex;gap:15px;justify-content:space-between;align-items:center;padding:20px 21px}.search-input{display:flex;align-items:center;gap:9px;border:1px solid #e3eae5;border-radius:6px;min-height:36px;min-width:190px;width:355px;max-width:45%;padding:0 11px;color:#9aaa9e;background:#fff}.search-input input{border:0;outline:0;box-shadow:none!important;font-size:11.6px;background:transparent;min-width:0;flex:1;height:34px;width:100%}.table-filters{display:flex;gap:9px}.table-filters .select-icon{height:36px}.table-filters .select-icon select{min-width:105px;font-size:11px}.clear-filters{color:#9bb09f;width:30px;display:grid;place-items:center}.sort-button{display:flex;align-items:center;gap:7px;font-size:inherit;text-transform:inherit;letter-spacing:inherit;color:inherit}.pagination{display:flex;align-items:center;justify-content:space-between;padding:17px 22px;border-top:1px solid #edf1ee;font-size:11px;color:#94a096}.pagination>div{display:flex;align-items:center;gap:12px}.pagination>div>span{font-size:10.5px}.pagination b{font-weight:550;color:#728e79}.bottom-note{display:flex;align-items:center;justify-content:center;gap:6px;color:#a0ada2;font-size:11px;margin:20px 0}.empty-state{min-height:270px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 24px;gap:11px}.empty-icon{height:55px;width:55px;background:#eff6f0;color:#8aac92;border:1px solid #e3ede4;border-radius:15px;display:grid;place-items:center;margin-bottom:6px}.empty-state h3{font-size:16.5px;font-weight:600;color:#54725e}.empty-state p{max-width:440px;font-size:13.2px;line-height:1.8;color:#94a395}.empty-state .button{margin-top:7px}.tabs{display:flex;align-items:stretch;border-bottom:1px solid #e6ede7;gap:24px}.tabs>button{padding:15px 2px 14px;display:flex;align-items:center;gap:7px;font-size:12.1px;color:#96a398;border-bottom:2px solid transparent;white-space:nowrap}.tabs>button.active{color:#299a71;border-bottom-color:#29a77a;font-weight:550}.tabs>button>span{font-size:10px;line-height:14.3px;min-width:18px;padding:0 4px;border-radius:3px;background:#f2f5f2;color:#9ca99e}.tabs>button.active>span{background:#eaf7ef;color:#72a583}.page-tabs{margin-top:1px;margin-bottom:24px;gap:32px}.page-tabs>button{font-size:13.2px;padding:7px 0 15px}.table-tabs{padding:0 22px;gap:25px}.table-tabs>button{font-size:11px;padding:18px 0 15px}.invoice-cell{text-align:left;display:flex;flex-direction:column;gap:5px;min-width:140px}.invoice-cell b{font-size:11px;font-weight:550;color:#68806e}.invoice-cell small{font-size:10px;color:#a6b1a8}.invoice-cell:hover b{color:var(--green)}.amount{font-size:12.1px;font-weight:550;color:#5e7865;font-variant-numeric:tabular-nums;white-space:nowrap}.overdue-date{color:#c69c70;font-size:11px}.payment-method{display:flex;align-items:center;gap:6px;color:#8da293;font-size:11px}.plans-intro{display:flex;align-items:center;justify-content:space-between;margin:6px 0 31px}.plans-intro>p{font-size:12.7px;color:#91a095}.billing-switch{display:flex;gap:3px;padding:4px;background:#edf2ee;border:1px solid #e5ebe6;border-radius:8px}.billing-switch>button{font-size:11.6px;padding:8px 14px;border-radius:5px;color:#8ba08f;display:flex;align-items:center;gap:7px}.billing-switch>button.active{color:#4b775c;background:#fff;box-shadow:0 2px 4px #233b2310}.billing-switch>button>span{color:#7bac87;font-size:10px;background:#e4f3e9;padding:3px 5px;border-radius:3px}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px;margin-top:42px;margin-bottom:24px;align-items:stretch}.pricing-card{border:1px solid #e1e9e3;border-radius:12px;background:white;padding:27px 26px 0;position:relative;display:flex;flex-direction:column;box-shadow:0 3px 6px #133c1a03}.pricing-card.popular{border-color:#54b894;box-shadow:0 5px 20px #149f7910}.popular-label{position:absolute;top:-27px;left:-1px;right:-1px;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:8px 8px 0 0;background:#219f79;color:white;letter-spacing:1px;font-size:10px;font-weight:550;height:30px}.pricing-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.pricing-icon{width:42px;height:42px;border-radius:11px;color:#749d82;background:#f0f7f2;display:grid;place-items:center}.popular .pricing-icon{background:#e8f6ec;color:#339e72}.pricing-card h2{font-size:24.2px;font-weight:600;letter-spacing:-.5px;color:#466e54}.pricing-description{font-size:12.1px;line-height:1.8;color:#92a397;margin-top:9px;max-width:215px;min-height:42px}.pricing-price{font-size:37.4px;font-weight:650;letter-spacing:-1.5px;color:#355c45;margin-top:22px;white-space:nowrap}.pricing-price>small{font-size:12.1px;font-weight:400;letter-spacing:0;color:#9bac9e;padding-left:6px}.price-caption{font-size:10px;color:#a0b0a4;display:block;margin:6px 0 24px}.pricing-card .button{min-height:40px}.pricing-divider{height:1px;background:#eaf0eb;margin:24px 0 19px}.pricing-card h4{font-size:11px;color:#6c8975;font-weight:550;margin-bottom:16px}.feature-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:14px;margin-bottom:22px}.feature-list li{display:flex;align-items:center;gap:8px;font-size:11.6px;color:#8a9f90}.feature-list svg{color:#65b28b}.plan-trial{margin-top:auto;display:flex;gap:7px;align-items:center;font-size:11px;color:#7fa88d;background:#f7fbf8;padding:11px;border-radius:6px}.pricing-footer{border-top:1px solid #edf2ee;display:flex;align-items:center;justify-content:space-between;font-size:10px;padding:17px 0;margin-top:23px;color:#a0b0a5}.pricing-footer>span,.pricing-footer>button{display:flex;align-items:center;gap:5px}.pricing-footer b{color:#759682;font-weight:550}.pricing-footer>button{font-size:10px;color:#a6b3ab}.pricing-footer>button:hover{color:#c5936c}.inactive-plan{opacity:.7}.gateway-banner{padding:24px;border:1px solid #daeadf;border-radius:10px;background:linear-gradient(115deg,#eef8f1,#f8fcf9);display:flex;align-items:center;gap:15px;margin-bottom:24px}.gateway-banner-icon{height:46px;width:46px;display:grid;place-items:center;background:#e1f1e8;border:1px solid #d7e9df;border-radius:12px;color:#48a37b}.gateway-banner b{font-size:14.3px;font-weight:550;color:#4e7c60}.gateway-banner p{font-size:11.6px;color:#87a290;margin-top:7px}.gateway-banner>.button{margin-left:auto;font-size:11px}.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:24px}.team-card{padding:23px 23px 0}.team-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}.member-avatar{width:47px;height:47px;background:#eaf4ec;color:#78a184;border:1px solid #e0ece3;display:grid;place-items:center;border-radius:50%;font-size:14.3px;font-weight:600}.member-1{background:#eef0f9;color:#9a9dbd;border-color:#e4e8f3}.member-2{background:#f8f0e8;color:#baa083;border-color:#eee6dc}.team-card h3{font-size:15.4px;font-weight:550;color:#577460}.team-card>p{font-size:11.6px;color:#9aaba0;margin-top:8px}.role-pill{font-size:10.5px;color:#8ba393;background:#f5f8f5;border:1px solid #eaf0eb;border-radius:5px;display:inline-flex;align-items:center;gap:6px;padding:6px 8px;margin-top:18px;margin-bottom:25px}.member-bottom{border-top:1px solid #eaf0eb;padding:14px 0;display:flex;align-items:center;gap:6px;font-size:10px;color:#a2b2a6}.permissions-panel>.panel-heading{padding:24px}.permissions-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:5px 25px 30px}.permissions-grid>div{padding:5px 25px;border-right:1px solid #edf2ee}.permissions-grid>div:first-child{padding-left:0}.permissions-grid>div:last-child{border:0}.permission-icon{color:#71a185;display:block;margin:0 0 17px}.permissions-grid h3{font-size:14.3px;color:#577c64;font-weight:550}.permissions-grid p{font-size:11px;color:#9baca0;margin:7px 0 20px}.permission-item{display:flex;gap:7px;align-items:center;font-size:11px;color:#899e90;margin:13px 0}.permission-item svg{color:#8aba9a}
/* Preferences and reporting */
.settings-form{max-width:930px}.settings-form .panel-heading{padding:25px 27px;border-bottom:1px solid #eaf0eb}.settings-fields{padding:26px}.settings-fields .form-grid{column-gap:25px;row-gap:25px}.settings-divider{height:1px;background:#eaf0eb;margin:28px 0}.toggle-setting{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:20px 0}.toggle-setting b{font-size:13.2px;font-weight:550;color:#58755f}.toggle-setting p{font-size:11.6px;color:#99a99e;margin-top:8px}.switch{width:35px;height:20px;border-radius:20px;background:#d9e2dc;padding:3px;flex-shrink:0}.switch>span{display:block;background:#fff;width:14px;height:14px;border-radius:50%;box-shadow:0 1px 3px #22332816;transition:transform .2s}.switch.on{background:#38ad81}.switch.on>span{transform:translateX(15px)}.settings-footer{display:flex;justify-content:space-between;align-items:center;padding:18px 26px;border-top:1px solid #eaf0eb;background:#fcfdfc}.settings-footer>span{display:flex;gap:5px;align-items:center;color:#a0b0a6;font-size:10px}.billing-timeline{display:flex;justify-content:space-between;gap:15px;position:relative;margin:36px 0 30px}.billing-timeline:before{content:'';position:absolute;top:19px;width:80%;height:1px;background:#dfece4;left:10%;z-index:0}.billing-timeline>div{display:flex;align-items:center;flex-direction:column;gap:9px;flex:1;z-index:1}.billing-timeline>div>span{background:#eff8f2;border:4px solid #fff;width:43px;height:43px;border-radius:50%;display:grid;place-items:center;color:#88b297}.billing-timeline b{font-size:12.1px;color:#6d9178;font-weight:550}.billing-timeline small{font-size:10px;color:#a0b4a6}.integrations-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:23px;align-items:start}.integration-card{padding:26px}.integration-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:31px}.pagarme-logo{font-size:29.7px;font-weight:750;letter-spacing:-1.6px;color:#344e3d;display:flex;align-items:baseline}.pagarme-logo>span{font-weight:400}.pagarme-logo>i{width:6px;height:6px;background:#76b14e;border-radius:50%;margin-left:2px}.integration-card h3{font-size:16.5px;line-height:1.7;letter-spacing:-.3px;font-weight:550;color:#536e5a}.integration-card>p{font-size:12.1px;color:#99a89f;line-height:1.85;margin-top:9px}.integration-details{margin:25px 0;display:flex;flex-direction:column;gap:19px}.integration-details>div{display:flex;align-items:center;justify-content:space-between;font-size:12.1px;color:#9cae9f;gap:12px}.integration-details b{color:#769381;font-weight:500;font-size:11px}.integration-actions{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:26px}.integration-big-icon{height:50px;width:50px;background:#ebf8ef;color:#72ae88;display:grid;place-items:center;border-radius:12px;margin-bottom:20px}.report-grid{display:grid;grid-template-columns:1.8fr 1fr;gap:21px}.report-grid .revenue-chart{padding:14px 20px 15px 5px}.report-grid .chart-legend{padding:0;margin:0}.revenue-plan-list{padding:8px 24px 23px}.revenue-plan-list>div{margin-bottom:27px}.revenue-plan-list>div>div{display:flex;justify-content:space-between;gap:10px;font-size:11.6px;color:#8ba294;margin-bottom:12px}.revenue-plan-list b{font-weight:550;font-size:11px;color:#678d76}.progress-track{display:block;background:#edf4ee;height:5px;border-radius:6px;overflow:hidden}.progress-track>i{display:block;height:100%;border-radius:6px;background:#78c29d}.revenue-plan-list>div:nth-child(2) .progress-track>i{background:#43a67d}.revenue-plan-list>div:nth-child(3) .progress-track>i{background:#b4d9c4}.report-footnote{border-top:1px solid #edf2ee;padding-top:16px;display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#a4b3a8;margin-bottom:0!important}.ranking-list{padding:0 24px 10px}.ranking-list>div{display:flex;align-items:center;gap:22px;padding:16px 0;border-top:1px solid #eef3ef}.rank-number{font-size:13.2px;color:#bdc9bf}.ranking-list .client-cell{flex:1}.ranking-list .progress-track{width:22%;margin-right:18px}.ranking-list>div>b{font-size:13.2px;font-weight:500;color:#799e84;min-width:130px;text-align:right}.ranking-list>div>b>small{font-size:10px;font-weight:400;color:#a9b9ad;margin-left:4px}
/* Forms and detail windows */
.modal-backdrop{position:fixed;inset:0;background:#17322755;backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:25px;animation:fade .16s ease-out}.modal{background:#fff;border:1px solid #e3ebe6;border-radius:15px;width:590px;max-width:100%;max-height:calc(100dvh - 50px);box-shadow:0 25px 90px #142d2533;display:flex;flex-direction:column;overflow:hidden;animation:slide-up .2s ease-out}.modal-wide{width:780px}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;border-bottom:1px solid #eaf0ec;padding:24px 26px 22px}.modal-header h2{font-size:20.9px;font-weight:600;letter-spacing:-.5px;color:#355c47;line-height:1.5}.modal-header p{font-size:12.1px;color:#9aada0;line-height:1.7;margin-top:4px}.modal-body{padding:25px 26px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:9px;padding:18px 26px;border-top:1px solid #eaf0ec;background:#fcfdfc}.modal-footer>.button:first-child:not(:last-child){margin-right:auto}.modal-footer .button{font-size:11.6px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:21px 17px}.field{display:flex;flex-direction:column;gap:8px;color:#728879;min-width:0}.field>span{font-size:12.1px;font-weight:500}.field>span>em{color:#a6b6ac;font-size:11px;font-style:normal;margin-left:3px}.field input:not([type=checkbox]),.field select,.field textarea{border:1px solid #dfe8e1;border-radius:6px;background:#fff;min-height:40px;padding:10px 11px;color:#5b7967;font-size:12.1px;width:100%}.field textarea{line-height:1.7}.field select{appearance:auto}.field small{font-size:10px;color:#a3b3a7;line-height:1.6}.form-grid .field textarea{min-height:95px}.form-steps{display:flex;align-items:center;margin:0 0 27px;gap:13px}.form-steps>span{display:flex;align-items:center;gap:7px;font-size:11px;color:#aab8af;white-space:nowrap}.form-steps>span>b{border-radius:50%;height:23px;width:23px;background:#f1f5f2;display:grid;place-items:center;font-size:10px;font-weight:500}.form-steps>span.active,.form-steps>span.done{color:#549b74}.form-steps>span.active>b,.form-steps>span.done>b{background:#eaf6ee;color:#3e9d6b}.form-steps>i{height:1px;flex:1;background:#e7eee9}.subdomain-status{display:flex;align-items:center;gap:6px;font-size:11px;margin-top:-10px}.subdomain-status.available{color:#55a373}.subdomain-status.unavailable{color:#be8a74}.confirmation-check{display:flex;align-items:flex-start;gap:9px;font-size:12.1px;line-height:1.8;color:#8ea295;margin-top:23px;border-top:1px solid #eaf0ed;padding-top:20px}.confirmation-check>input{margin-top:2px}.checkbox-row{display:flex;align-items:flex-start;gap:9px;color:#7f9988;font-size:12.1px;line-height:1.6;margin-top:14px}.checkbox-row input{margin-top:2px}.checkbox-row small{display:block;font-size:10.5px;color:#a8b9ac;line-height:1.8;margin-top:3px}.info-box{display:flex;align-items:flex-start;gap:10px;background:#f4f9f5;border:1px solid #e4eee7;border-radius:7px;padding:13px 14px;margin-top:22px;color:#8ca593;font-size:11.6px;line-height:1.85}.info-box>svg{margin-top:1px;color:#8bb49b;flex-shrink:0}.info-box p{margin:0}.info-box b{font-weight:550;color:#728f7b}.warning-box{display:flex;align-items:flex-start;gap:11px;background:#fffbf2;border:1px solid #f0e7d3;border-radius:7px;padding:16px;color:#b09a72;margin-bottom:23px;font-size:12.1px;line-height:1.9}.warning-box>svg{margin-top:2px;color:#c9a664}.warning-box .inline-link{margin-top:12px}.inline-link{display:inline-flex;align-items:center;gap:4px;font-size:inherit;font-weight:500;color:#439971}.inline-link:hover{text-decoration:underline}.form-error{display:flex;align-items:flex-start;gap:8px;background:#fff5f1;color:#c28971;border:1px solid #f3dfd4;padding:12px 13px;font-size:11.6px;line-height:1.8;border-radius:6px;margin-top:20px}.form-error>svg{margin-top:1px}.order-summary{padding:18px;background:#f5faf6;border:1px solid #e4eee5;border-radius:8px;margin:24px 0 19px}.order-summary>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.order-summary>div>span{color:#83a48d;font-size:13.2px}.order-summary b{font-size:23.1px;font-weight:600;color:#52745c;letter-spacing:-.5px}.order-summary b>small{font-size:10px;font-weight:400;letter-spacing:0;color:#a3b4a6;padding-left:3px}.order-summary>p{display:flex;align-items:center;gap:6px;font-size:11px;color:#91af99;margin-top:14px}.total-box{border-top:1px solid #eaf0ec;display:flex;align-items:center;justify-content:space-between;padding-top:22px;margin-top:26px;color:#87a08f;font-size:13.2px}.total-box>b{font-size:24.2px;font-weight:600;letter-spacing:-.5px;color:#436d53}.payment-confirm{display:flex;align-items:center;gap:18px;padding:18px;background:#f5faf6;border:1px solid #e4eee6;border-radius:8px;margin-bottom:26px}.payment-confirm-icon{height:56px;width:56px;display:grid;place-items:center;border-radius:12px;background:#e8f4ec;color:#7aac8a}.payment-confirm>div>span{font-size:10px;color:#9eb5a4}.payment-confirm h3{font-size:29.7px;font-weight:600;letter-spacing:-.6px;color:#4f775b;margin-top:5px}.payment-confirm p{font-size:12.1px;color:#8ba393;margin-top:5px}.client-profile{display:flex;align-items:center;gap:13px;margin-bottom:22px}.client-profile .client-avatar{height:48px;width:48px;font-size:15.4px;border-radius:11px}.client-profile h3{font-size:18.7px;font-weight:550;letter-spacing:-.5px;color:#547c61}.client-profile p{font-size:11px;color:#9eb2a4;margin-top:5px}.client-profile>.badge{margin-left:auto}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 25px;padding:25px 0 11px}.detail-grid>div{display:flex;align-items:flex-start;flex-direction:column;gap:8px;min-width:0}.detail-grid>div>span:first-child:not(.badge){font-size:11px;color:#a4b6aa}.detail-grid b{font-size:12.1px;line-height:1.6;font-weight:500;color:#6b8d77;overflow-wrap:anywhere}.detail-invoices{max-height:400px;overflow:auto;padding-top:5px}.detail-invoices>button{width:100%;display:flex;align-items:center;gap:12px;border-bottom:1px solid #edf3ee;padding:15px 0;text-align:left}.detail-invoices>button:last-child{border-bottom:0}.detail-invoices>button>span:nth-child(2){flex:1;min-width:0}.detail-invoices b{font-size:12.1px;font-weight:500;color:#7e9a88;display:block}.detail-invoices small{font-size:10px;color:#a6b8ad;margin-top:5px;display:block}.detail-invoices strong{font-size:12.1px;color:#70927d;font-weight:550}.invoice-summary{background:#f5faf6;border:1px solid #e6eee7;border-radius:10px;padding:24px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:12px}.invoice-summary>span:first-child{font-size:11px;color:#9eb2a4}.invoice-summary strong{font-size:36.3px;font-weight:600;letter-spacing:-1px;color:#416e54}.subscription-current{display:flex;align-items:center;justify-content:space-between;background:#f5faf7;border:1px solid #e4eee7;border-radius:8px;padding:17px;margin-bottom:23px}.subscription-current>div{display:flex;flex-direction:column;gap:7px}.subscription-current>div>span{font-size:11px;color:#a3b4a9}.subscription-current b{font-size:13.2px;font-weight:500;color:#749381}.search-large{display:flex;align-items:center;gap:10px;border:1px solid #dce9e0;background:#fcfefc;padding:8px 12px;border-radius:8px;color:#9ab8a4}.search-large input{border:0;outline:0;width:100%;height:29px;background:transparent;box-shadow:none!important;font-size:13.2px;color:#6a8c78}.search-large kbd{font-family:inherit;font-size:10px;background:#f0f5f1;border:1px solid #e4ece6;border-radius:4px;padding:3px 4px;color:#a9b9ae}.section-eyebrow{font-size:10px;letter-spacing:1.2px;color:#a5b6a9;margin:25px 0 11px}.search-results{display:flex;flex-direction:column;gap:5px}.search-results>button{display:flex;align-items:center;gap:11px;text-align:left;padding:9px 7px;border-radius:7px}.search-results>button:hover{background:#f5faf6}.search-results>button>span:nth-child(2){font-size:12.1px;color:#749480;flex:1}.search-results small{display:block;font-size:10px;color:#adbcaf;margin-top:5px}.search-results>button>svg:last-child{color:#b3c1b7}.result-icon{width:33px;height:33px;background:#f0f6f2;display:grid;place-items:center;border-radius:7px;color:#98b6a2;flex-shrink:0}.help-intro{display:flex;align-items:center;gap:17px;padding:10px 0 23px}.help-intro>span{width:59px;height:59px;background:#eaf6ef;border-radius:15px;display:grid;place-items:center;color:#7cb593}.help-intro h3{font-size:19.8px;font-weight:550;line-height:1.6;letter-spacing:-.5px;color:#5b8269}.help-items{display:flex;flex-direction:column;gap:8px}.help-items>button,.help-items>a{display:flex;gap:14px;align-items:center;padding:15px 10px;text-align:left;border-bottom:1px solid #edf3ee;color:#8cad97}.help-items>button:hover,.help-items>a:hover{background:#f8fcf9;border-radius:7px}.help-items>button>span,.help-items>a>span{flex:1;font-size:12.7px;color:#789781}.help-items small{display:block;font-size:10px;line-height:1.8;color:#a8bbae;margin-top:5px}.audit-list{display:flex;flex-direction:column}.audit-list>div{display:flex;align-items:flex-start;gap:13px;padding:17px 0;border-bottom:1px solid #eef3ef}.audit-list>div:first-child{padding-top:0}.audit-list>div:last-child{border-bottom:0}.audit-list b{font-size:12.7px;font-weight:500;color:#73907d}.audit-list p{font-size:11.6px;color:#9bafa1;line-height:1.8;margin-top:6px}.audit-list small{display:block;font-size:10px;color:#afbeb3;margin-top:5px}.settings-audit{padding:5px 25px 24px}
/* Popovers, feedback and states */
.notification-popover,.profile-popover,.status-popover{position:absolute;background:#fff;border:1px solid #e4ece6;border-radius:10px;box-shadow:0 12px 38px #1a3f2719;z-index:60;animation:fade .15s ease-out}.notification-popover{top:45px;right:-30px;width:365px;overflow:hidden}.popover-heading{padding:14px 17px;border-bottom:1px solid #e9f0eb;display:flex;align-items:center;justify-content:space-between}.popover-heading h3{font-size:14.3px;font-weight:550;color:#587963;display:flex;gap:7px;align-items:center}.popover-heading h3>span{font-size:10px;background:#eaf6ef;color:#72a986;border-radius:4px;padding:2px 6px}.notification-item{width:100%;display:flex;align-items:center;gap:11px;padding:17px 16px;text-align:left;border-bottom:1px solid #edf3ee;background:#fbfefc}.notification-item:hover{background:#f5faf7}.notification-item.read{background:#fff}.notification-item>span:nth-child(2){flex:1;min-width:0}.notification-item b{display:block;font-size:11.6px;font-weight:500;color:#6b8b77}.notification-item small{display:block;color:#a3b5a9;font-size:10.5px;line-height:1.8;margin-top:4px}.notification-icon{width:33px;height:33px;border-radius:9px;background:#f9f3e9;color:#b9a175;display:grid;place-items:center}.notification-icon.conexao{background:#eef5fb;color:#9ab2c7}.notification-icon.provisionamento{background:#f4f0fa;color:#ad9cc6}.notification-item>.live-dot{width:4px;height:4px;align-self:flex-start;margin-top:5px}.notification-footer{font-size:10px;text-align:center;color:#aabdac;padding:13px}.profile-popover{top:48px;right:0;min-width:216px;padding:16px}.profile-popover>b{display:block;font-size:13.2px;color:#63826d;font-weight:550}.profile-popover>small{display:block;font-size:10px;color:#a1b6a8;margin:5px 0 14px}.profile-popover>button{display:flex;align-items:center;gap:9px;font-size:11.6px;padding:11px 0;width:100%;color:#8ca696}.profile-popover>button:hover{color:var(--green)}.status-popover{bottom:53px;left:12px;width:270px;padding:19px}.status-popover h3{font-size:14.3px;color:#688a74;font-weight:550;margin-bottom:20px}.status-popover>div{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;color:#9eb4a6;margin:16px 0}.status-popover b{font-size:10px;font-weight:500;color:#88a695}.status-popover small{display:block;border-top:1px solid #e7efe9;padding-top:13px;font-size:10px;color:#b0c0b5;line-height:1.8}.toast-container{position:fixed;bottom:24px;right:24px;width:420px;max-width:calc(100vw - 32px);display:flex;flex-direction:column;gap:10px;z-index:150}.toast{background:#fff;border:1px solid #dcebe1;box-shadow:0 6px 30px #1638271c;padding:17px;display:flex;gap:12px;border-radius:10px;animation:slide-up .2s ease-out}.toast-icon{color:#59a77a;margin-top:1px}.toast>div{flex:1}.toast b{display:block;font-size:12.7px;font-weight:550;color:#587c63}.toast p{font-size:11.6px;line-height:1.8;color:#95aa9b;margin-top:5px}.toast>button{color:#abc0b0;align-self:flex-start}.toast-error{border-color:#ecdcca}.toast-error .toast-icon{color:#b8a079}.toast-error b{color:#a49371}.page-error{display:flex;align-items:center;gap:13px;border:1px solid #ecd9cc;background:#fffaf6;padding:20px;border-radius:9px;color:#b08d73;margin-bottom:20px}.page-error>div{flex:1}.page-error b{font-size:13.2px;font-weight:550}.page-error p{font-size:12.1px;line-height:1.8;margin-top:5px}.skeleton{background:linear-gradient(90deg,#edf2ef,#f9fbf9,#edf2ef);background-size:200% 100%;animation:shimmer 1.5s infinite;border:1px solid #e9eeea;border-radius:10px}.skeleton-toolbar{width:150px;height:33px;margin-bottom:19px}.skeleton-card{height:138px}.skeleton-chart{height:316px}@keyframes shimmer{to{background-position:-200% 0}}@keyframes fade{from{opacity:0}to{opacity:1}}@keyframes slide-up{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sidebar-backdrop{display:none}.login-screen{min-height:100dvh;background:#f1f7f2;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.login-card{background:white;padding:48px;width:440px;max-width:calc(100% - 32px);border:1px solid #ddebe0;border-radius:18px;box-shadow:0 10px 60px #1c5d3010;position:relative;z-index:2}.login-eyebrow{display:block;color:#9bb3a1;font-size:10px;letter-spacing:1.5px;margin-top:16px}.login-card h1{font-size:27.5px;font-weight:550;letter-spacing:-.8px;color:#476d53;margin:35px 0 10px}.login-card>p{font-size:13.2px;color:#a1b5a7}.login-card form{margin-top:29px;display:flex;flex-direction:column;gap:21px}.login-card form>.button{margin-top:6px}.login-card>small{display:flex;align-items:center;gap:6px;font-size:10px;color:#a5bcae;justify-content:center;margin-top:29px}.login-decoration{position:absolute;width:800px;height:800px;right:-350px;bottom:-450px;border-radius:50%;border:1px solid #d6e8db}.login-decoration>span{position:absolute;inset:70px;border-radius:50%;border:1px solid #d7e9dc}.login-decoration>span:nth-child(2){inset:140px}.login-decoration>span:nth-child(3){inset:210px}
/* Readability: clear text without sacrificing a quiet hierarchy. */
.nav-item{font-size:14.3px}.nav-label{font-size:10px}.page-heading>div>p{font-size:13.2px;color:#7d8b83}.breadcrumb{font-size:12.7px}.global-search{font-size:12.1px}.metric-top{font-size:13px;color:#6d8073}.metric-bottom{font-size:10.5px;color:#8d9d91}.metric-trend{font-size:10.2px}.metric-warning,.metric-link{font-size:10.5px}.metric-end{font-size:10px}.panel-heading h2{font-size:15.4px;color:#314b3c}.panel-heading p{font-size:11.8px;color:#8d9f92}.chart-legend{font-size:10.5px;color:#7d9385}.plan-legend button{font-size:11.6px;color:#7b9283}.plan-legend b{font-size:12.1px}.plan-legend small{font-size:10.5px}.attention-title h3{font-size:13.2px}.attention-title p{font-size:10.5px}.attention-items>button{font-size:11px}.client-cell b{font-size:13.2px;color:#526e5e}.client-cell small{font-size:10.5px;color:#8fa497}.badge{font-size:11px}.badge-ativo,.badge-ativa,.badge-paga,.badge-convertido{color:#559877}.plan-tag{font-size:11px;color:#788f7e}.plan-profissional{color:#669777}.plan-enterprise{color:#9a88b6}.recent-clients .client-cell b{font-size:12.7px;max-width:210px}.recent-clients .client-cell small{font-size:10px;max-width:215px}.recent-clients th{font-size:10px}.recent-clients .badge,.recent-clients .plan-tag{font-size:10px}.activity-item b{font-size:12.1px;color:#597961}.activity-item p{font-size:11px;color:#8ea494}.activity-item small{font-size:10px;color:#9fb2a5}.activity-footer{font-size:11px}.revenue-chart>svg{height:206px}.donut-wrap>svg{height:160px}.plan-legend{padding-bottom:16px;gap:9px}
/* Responsive, not a shrunken desktop */
@media(min-width:1600px){.main-content{padding:35px 40px 20px}.metrics-grid{gap:22px}.metric-card{padding:21px 23px}.metric-value-row>strong{font-size:35.2px}.charts-grid,.lower-grid{gap:24px}.revenue-chart>svg{height:249px}.donut-wrap>svg{height:190px}.plan-legend{padding-bottom:20px;gap:12px}.attention-strip{margin-top:24px}.recent-clients .client-cell b{max-width:240px;font-size:13.2px}.recent-clients .client-cell small{max-width:250px;font-size:10px}}
@media(max-width:1280px){:root{--sidebar:213px}.brand-area{padding-left:22px}.brand{font-size:26.4px}.brand-symbol{width:32px;height:33px}.sidebar-nav{padding:0 13px}.nav-item{font-size:12.7px;padding:0 11px;gap:10px}.nav-item.active:before{left:-13px}.nav-label{font-size:10px}.sidebar-profile{padding:19px 17px;gap:9px}.sidebar-profile b{font-size:11.6px}.system-status{font-size:10px;padding:10px 8px}.main-content{padding:26px 24px 15px}.topbar{padding:0 24px}.page-heading h1{font-size:27.5px}.live-badge{display:none}.metrics-grid{gap:13px}.metric-card{padding:15px 14px}.metric-value-row>strong{font-size:27.5px}.metric-top{font-size:11px}.metric-bottom{font-size:10px;gap:4px}.metric-trend{font-size:10px}.metric-icon{width:27px;height:27px}.sparkline{width:44px}.metric-end{font-size:10px}.charts-grid,.lower-grid{gap:17px;grid-template-columns:minmax(0,1.96fr) minmax(250px,1fr)}.panel-heading{padding-left:18px;padding-right:18px}.attention-strip{padding:15px}.attention-title p{display:none}.attention-title h3{font-size:11px}.attention-items>button{font-size:10px;padding:4px 11px}.attention-icon{width:29px;height:29px}.attention-title{gap:7px}.recent-clients .client-cell b{max-width:150px;font-size:10.7px}.recent-clients .client-cell small{max-width:150px;font-size:10px}.recent-clients td{padding:12px 8px}.recent-clients th{padding:0 8px}.recent-clients td:first-child,.recent-clients th:first-child{padding-left:17px}.recent-clients .badge,.recent-clients .plan-tag{font-size:10px}.pricing-card{padding:22px 20px 0}.pricing-price{font-size:31.9px}.integration-card{padding:22px}.list-panel td{padding:14px}.list-panel th{padding:0 14px}.list-panel .client-cell b{max-width:170px;font-size:11px}.list-panel .client-cell small{max-width:170px;font-size:10px}.table-filters .select-icon select{min-width:92px}.recent-clients td:last-child{padding-right:7px}.activity-list{padding-left:18px;padding-right:18px}.activity-item b{font-size:10.3px}.activity-item p{font-size:10px}.activity-item small{font-size:10px}}
@media(max-width:1100px){:root{--sidebar:196px}.brand-area{padding:26px 18px}.brand{font-size:25.3px;gap:7px}.brand-caption{font-size:10px;letter-spacing:1.3px}.nav-item{font-size:11.8px;gap:9px}.nav-item>svg{width:17px}.nav-group{margin-bottom:18px}.system-status-wrap{padding:0 12px}.sidebar-profile>svg{display:none}.header-actions{gap:9px}.global-search{width:205px;font-size:11px}.main-content{padding:24px 20px 16px}.topbar{padding:0 20px}.metric-value-row>strong{font-size:24.2px}.metric-top{font-size:10px}.metric-bottom>span:not(.metric-trend):not(.metric-warning){font-size:10px}.metric-end{display:none}.metric-link{font-size:10px}.metric-icon{height:24px;width:24px}.metric-icon svg{width:15px}.sparkline{display:none}.charts-grid,.lower-grid{grid-template-columns:minmax(0,1.7fr) minmax(235px,1fr)}.panel-heading h2{font-size:13.2px}.panel-heading p{font-size:10px}.chart-toggle button{padding:3px 6px;font-size:10px}.chart-legend{font-size:10px}.attention-title h3{max-width:66px;line-height:1.6}.attention-items>button{font-size:10px;padding:4px 8px}.attention-items>button>svg{margin-left:0}.attention-items{gap:0}.recent-clients th:nth-child(4),.recent-clients td:nth-child(4){display:none}.recent-clients .client-cell b{max-width:140px}.recent-clients .client-cell small{max-width:140px}.recent-clients .client-avatar{width:27px;height:27px;font-size:10px}.recent-clients .client-cell{gap:6px}.activity-item{gap:8px}.activity-item b{font-size:10px}.activity-icon{width:25px;height:25px}.activity-item:not(:last-child):after{left:12px;top:35px;height:35px}.team-grid{gap:13px}.team-card{padding:20px 17px 0}.team-card h3{font-size:13.2px}.team-card>p{font-size:10px}.member-bottom{font-size:10px}.permissions-grid{padding-left:20px;padding-right:20px}.permissions-grid>div{padding:0 15px}.permissions-grid p{font-size:10px}.permission-item{font-size:10px}.pricing-grid{gap:15px}.pricing-card{padding:22px 17px 0}.pricing-card h2{font-size:22px}.feature-list li{font-size:10.5px}.pricing-description{font-size:11px}.pricing-price{font-size:30.8px}.pricing-card .button{font-size:11px}.table-toolbar{flex-wrap:wrap}.table-toolbar .search-input{max-width:none;flex:1;min-width:190px}.table-filters{gap:6px}.table-filters .select-icon{padding:0 8px}.table-filters .select-icon select{min-width:89px;font-size:10px}.integrations-grid{grid-template-columns:1fr}.report-grid{grid-template-columns:1fr}.report-grid .revenue-chart>svg{height:260px}.metrics-grid .metric-top>span:first-child{max-width:calc(100% - 26px)}.billing-timeline small{font-size:10px}}
@media(max-width:900px){:root{--sidebar:232px}.sidebar{transform:translateX(-100%);transition:transform .2s}.sidebar.is-open{transform:translateX(0)}.sidebar-backdrop{display:block;position:fixed;inset:0;background:#1a342855;backdrop-filter:blur(2px);z-index:39}.workspace{margin-left:0}.mobile-menu{display:inline-flex;margin-right:12px}.header-left{display:flex;align-items:center}.topbar{height:65px}.global-search{width:205px}.main-content{padding:25px 23px 17px}.page-heading h1{font-size:28.6px}.brand-area{padding:30px 25px}.brand{font-size:28.6px}.brand-caption{font-size:10px}.nav-item{font-size:13.2px;height:41px}.nav-label{font-size:10px}.sidebar-profile{padding:20px}.sidebar-profile b{font-size:12.7px}.nav-group{margin-bottom:23px}.system-status{font-size:11px}.system-status-wrap{padding:0 18px}.charts-grid,.lower-grid{grid-template-columns:minmax(0,1.8fr) minmax(240px,1fr)}.metric-top{font-size:11px}.metric-value-row>strong{font-size:26.4px}.metric-bottom>span:not(.metric-trend):not(.metric-warning){font-size:10px}.metric-link{font-size:10px}.metric-warning{font-size:10px}.attention-strip{padding:15px 13px}.attention-items>button{padding:4px 9px}.attention-title h3{max-width:none}.main-footer{font-size:10px}.footer-wordmark{font-size:12.1px}.team-card h3{font-size:15.4px}.metric-card{padding:14px}.panel-heading h2{font-size:13.2px}}
@media(max-width:700px){.topbar{padding:0 17px;gap:15px}.breadcrumb{gap:8px;font-size:11px}.breadcrumb>span,.breadcrumb>svg:first-child{display:none}.breadcrumb>svg:nth-last-child(2){display:none}.global-search{width:32px;height:32px;border:0;padding:7px;background:transparent}.global-search>span,.global-search>kbd{display:none}.header-divider,.header-help{display:none}.header-actions{gap:7px}.top-profile{width:30px;height:30px;font-size:10px}.mobile-menu{margin-right:7px}.main-content{padding:24px 17px 14px}.page-heading{align-items:flex-start;gap:12px;margin-bottom:22px}.page-heading h1{font-size:26.4px}.page-heading>div>p{font-size:11.3px;line-height:1.8;max-width:270px;margin-top:5px}.page-actions{gap:6px;padding-top:1px}.page-actions .button{padding:8px 11px;min-height:34px;font-size:11px;gap:5px}.page-actions .export-button{width:34px;padding:8px}.export-button>span{display:none}.page-actions .button svg{width:15px}.period-description,.period-divider{display:none}.refresh-label{font-size:10px;gap:5px}.refresh-label>svg{width:12px}.overview-toolbar{margin-bottom:16px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:17px}.metrics-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{padding:14px 15px}.metric-top{font-size:11px}.metric-value-row{margin-top:9px}.metric-value-row>strong{font-size:27.5px}.metric-bottom{margin-top:9px;font-size:10px;flex-wrap:wrap;gap:4px;white-space:normal;min-height:16px}.metric-trend{font-size:10px}.metric-link{font-size:10px}.metric-bottom>span:not(.metric-trend):not(.metric-warning){font-size:10px}.metric-icon{width:27px;height:27px}.sparkline{display:block;width:38px;height:24px}.charts-grid,.lower-grid{grid-template-columns:1fr;gap:17px;margin-bottom:17px}.revenue-chart>svg{height:219px}.panel-heading{padding:20px 19px 14px}.panel-heading h2{font-size:14.3px}.panel-heading p{font-size:11px}.chart-toggle button{font-size:10px;padding:4px 8px}.chart-legend{font-size:10px}.plan-panel{display:grid;grid-template-columns:1fr 1fr;padding-bottom:16px}.plan-panel .panel-heading{grid-column:1/-1;padding-bottom:10px}.plan-panel .donut-wrap{margin:0}.plan-panel .donut-wrap>svg{height:153px}.plan-legend{align-self:center;padding:0 24px 0 10px;gap:19px}.plan-legend button{font-size:11px}.attention-strip{align-items:flex-start;flex-direction:column;gap:14px;padding:18px;margin-bottom:17px}.attention-title{gap:10px}.attention-title h3{font-size:13.2px}.attention-title p{display:block;font-size:10px}.attention-icon{width:34px;height:34px}.attention-items{display:flex;flex-wrap:wrap;gap:10px;width:100%;justify-content:flex-start}.attention-items>button{border:1px solid #eee8db!important;border-radius:5px;padding:7px 8px!important;font-size:10px;background:#fffefa}.attention-items>button>svg{width:12px}.recent-clients th:nth-child(4),.recent-clients td:nth-child(4){display:table-cell}.recent-clients .client-cell b{max-width:190px;font-size:11px}.recent-clients .client-cell small{max-width:190px;font-size:10px}.recent-clients .client-avatar{width:31px;height:31px;font-size:10px}.recent-clients .client-cell{gap:9px}.recent-clients th,.recent-clients td{padding-left:12px;padding-right:12px}.recent-clients .badge,.recent-clients .plan-tag{font-size:10px}.recent-clients table{min-width:480px}.recent-clients .panel-heading{padding:20px 18px}.activity-list{padding:2px 20px 0}.activity-item{min-height:76px;gap:12px}.activity-icon{height:31px;width:31px}.activity-item b{font-size:12.1px}.activity-item p{font-size:11px}.activity-item small{font-size:10px}.activity-item:not(:last-child):after{left:15px;top:42px;height:29px}.activity-footer{font-size:11px;padding:15px}.main-footer>span:first-child{display:none}.main-footer{justify-content:center;margin-top:23px}.main-footer>span:last-child{font-size:10px;flex-wrap:wrap;justify-content:center}.footer-wordmark{margin-left:12px}.inline-stats{gap:13px 20px;margin:0 0 21px}.inline-stats>span{font-size:10.5px}.table-toolbar{padding:17px 15px;gap:12px;align-items:stretch}.table-toolbar .search-input{width:100%;flex-basis:100%;min-height:38px}.table-filters{justify-content:space-between;gap:9px}.table-filters .select-icon{flex:1;min-width:125px;height:34px}.table-filters .select-icon select{font-size:11px;width:100%}.search-input input{font-size:11px}.list-panel table{min-width:700px}.list-panel .client-cell b{font-size:12.1px}.list-panel .client-cell small{font-size:10px}.pagination{padding:15px;font-size:10px}.pagination>div{gap:8px}.pagination>div>span{font-size:10px}.bottom-note{font-size:10px;line-height:1.7;text-align:center;padding:0 5px;align-items:flex-start}.bottom-note svg{margin-top:2px}.tabs{overflow-x:auto;scrollbar-width:none}.page-tabs{gap:25px}.page-tabs>button{font-size:11.6px}.table-tabs{gap:23px;padding:0 16px}.table-tabs>button{font-size:10.5px}.table-tabs>button>span{font-size:10px}.metrics-grid.three .metric-value-row>strong{font-size:22px}.metrics-grid.three .metric-card{padding:13px 10px}.metrics-grid.three .metric-top{font-size:10px;line-height:1.6;min-height:27px}.metrics-grid.three .metric-top>span:first-child{max-width:100%}.metrics-grid.three .metric-icon{display:none}.metrics-grid.three .metric-bottom{font-size:10px;line-height:1.7}.plans-intro{align-items:flex-start;gap:15px;margin-bottom:40px}.plans-intro>p{font-size:11.6px;line-height:1.8;max-width:160px}.billing-switch{flex-shrink:0}.billing-switch>button{font-size:10px;padding:6px 10px;gap:5px}.billing-switch>button>span{font-size:10px}.pricing-grid{grid-template-columns:1fr;gap:42px;margin-top:0;padding:0 12px}.pricing-card{padding:28px 26px 0}.pricing-card h2{font-size:27.5px}.pricing-price{font-size:40.7px;margin-top:14px}.pricing-description{max-width:100%;font-size:13.2px;min-height:0}.feature-list{gap:15px}.feature-list li{font-size:13.2px}.pricing-card h4{font-size:12.1px}.pricing-card .button{font-size:13.2px}.pricing-top{margin-bottom:15px}.pricing-footer{font-size:11px}.plan-trial{font-size:12.1px}.gateway-banner{padding:20px;flex-wrap:wrap;gap:13px}.gateway-banner>div{flex:1;min-width:200px}.gateway-banner b{font-size:13.2px}.gateway-banner p{font-size:11px;line-height:1.8}.gateway-banner>.button{margin-left:60px;font-size:11px}.gateway-banner-icon{width:41px;height:41px}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.team-card{padding:18px 16px 0}.team-card h3{font-size:13.2px}.team-card>p{font-size:10px;overflow-wrap:anywhere}.team-card-top{align-items:flex-start;flex-wrap:wrap;gap:8px}.team-card .badge{font-size:10px}.member-avatar{height:40px;width:40px;font-size:13.2px}.member-bottom{font-size:10px}.permissions-grid{grid-template-columns:1fr;padding:0 23px 15px}.permissions-grid>div{border-right:0;border-bottom:1px solid #eaf0eb;padding:23px 0!important}.permissions-grid p{font-size:12.1px}.permission-item{font-size:12.1px}.permissions-panel .panel-heading h2{font-size:13.2px}.permissions-panel .panel-heading p{font-size:10px;line-height:1.8}.settings-form .panel-heading{padding:21px}.settings-fields{padding:21px}.settings-fields .form-grid{grid-template-columns:1fr;gap:20px}.settings-footer{padding:17px;gap:15px}.settings-footer>span{font-size:10px;max-width:130px;line-height:1.7}.settings-footer .button{font-size:11px}.toggle-setting b{font-size:12.1px}.toggle-setting p{font-size:10px;line-height:1.8;max-width:230px}.billing-timeline{gap:7px}.billing-timeline small{font-size:10px;text-align:center;max-width:70px;line-height:1.6}.integration-card{padding:23px}.integration-top{margin-bottom:23px}.integration-card h3{font-size:15.4px}.integration-card>p{font-size:12.1px}.report-grid .panel-heading{flex-wrap:wrap}.report-grid .chart-legend{margin-top:10px}.report-grid .revenue-chart>svg{height:200px}.ranking-list{padding:0 18px 10px}.ranking-list>div{gap:13px}.ranking-list .progress-track{display:none}.ranking-list>div>b{min-width:65px;font-size:12.1px}.ranking-list>div>b>small{display:block;font-size:10px;margin-top:5px}.ranking-list .client-cell b{max-width:170px;font-size:11px}.ranking-list .client-cell small{max-width:150px;font-size:10px}.rank-number{font-size:11px}.modal-backdrop{padding:14px}.modal{max-height:calc(100dvh - 28px);border-radius:12px}.modal-header{padding:22px 21px 19px}.modal-header h2{font-size:19.8px}.modal-header p{font-size:11px}.modal-body{padding:23px 21px}.modal-footer{padding:17px 20px;gap:7px;flex-wrap:wrap}.modal-footer .button{font-size:11px;padding:9px 11px;gap:5px}.form-grid{gap:18px 13px}.field>span{font-size:11px}.field input:not([type=checkbox]),.field select,.field textarea{font-size:12.1px;padding:10px}.form-steps{gap:8px}.form-steps>span{font-size:10px;gap:5px}.form-steps>span>b{height:21px;width:21px;font-size:10px}.client-profile h3{font-size:15.4px}.client-profile p{font-size:10px;max-width:200px;overflow-wrap:anywhere}.client-profile .client-avatar{height:39px;width:39px;font-size:12.1px}.client-profile>.badge{font-size:10px}.detail-grid{gap:20px 17px}.detail-grid>div>span:first-child:not(.badge){font-size:10px}.detail-grid b{font-size:11px}.detail-invoices>button{gap:8px;flex-wrap:wrap}.detail-invoices strong{font-size:11px}.detail-invoices b{font-size:11px}.detail-invoices small{font-size:10px}.detail-invoices .badge{font-size:10px}.detail-invoices .result-icon{width:28px;height:28px}.help-intro h3{font-size:17.6px}.notification-popover{position:fixed;right:15px;top:62px;width:min(365px,calc(100vw - 30px))}.profile-popover{top:42px;right:-5px}.toast-container{bottom:16px;right:16px;width:calc(100vw - 32px)}.toast{padding:15px}.toast b{font-size:12.1px}.toast p{font-size:11px}.login-card{padding:36px 28px}.login-card h1{font-size:25.3px}.page-error{flex-wrap:wrap;padding:17px}.page-error>div{min-width:200px}.page-error .button{margin-left:31px}}
@media(max-width:400px){.page-heading h1{font-size:24.2px}.page-heading>div>p{font-size:10px;max-width:190px}.page-actions .button{font-size:10px;padding:7px 9px}.page-actions .export-button{display:none}.metric-value-row>strong{font-size:25.3px}.metric-top{font-size:10px}.metric-bottom{font-size:10px}.metric-bottom>span:not(.metric-trend):not(.metric-warning){font-size:10px}.metric-link{font-size:10px}.sparkline{display:none}.metric-card{padding:13px}.metric-icon{height:24px;width:24px}.metric-warning{font-size:10px}.metrics-grid.three .metric-value-row>strong{font-size:18.7px}.metrics-grid.three{gap:8px}.metric-top>span:first-child{max-width:100%}.team-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.modal-footer .button{font-size:10px}.client-profile{gap:8px}.client-profile h3{font-size:13.2px}.client-profile p{font-size:10px;max-width:167px}.form-steps>span{font-size:10px}.billing-switch>button>span{display:none}.pricing-grid{padding:0 3px}.main-footer>span:last-child{font-size:10px}.footer-wordmark{font-size:11px}.detail-invoices .badge{display:none}.table-filters .select-icon{min-width:118px}.page-tabs{gap:20px}.page-tabs>button{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.sidebar,.topbar,.page-actions,.overview-toolbar,.main-footer,.attention-strip,.modal-backdrop,.toast-container{display:none!important}.workspace{margin:0}.main-content{padding:0}.panel,.metric-card{break-inside:avoid;box-shadow:none}.app-shell{background:#fff}body{background:#fff}.metrics-grid{grid-template-columns:repeat(4,1fr)}}

/* --- Configuração do pagamento (Pagar.me) --- */
.gateway-config .form-grid{margin-top:4px}
.gateway-config .settings-divider{margin:24px 0}
.gateway-methods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0 6px}
.gateway-method{display:flex;align-items:center;gap:9px;border:1px solid #e2ebe5;background:#fff;border-radius:8px;padding:12px 13px;color:#8ba294;font-size:12.1px;font-weight:500;transition:border-color .15s,background-color .15s}
.gateway-method>span{flex:1;text-align:left}
.gateway-method:hover{border-color:#cfe0d5}
.gateway-method.on{border-color:#8fc9a9;background:#f3faf5;color:#4d8a67}
.gateway-check{width:18px;height:18px;border-radius:50%;background:#eef4f0;display:grid;place-items:center;color:#fff;flex-shrink:0}
.gateway-method.on .gateway-check{background:#4ea97a}
.gateway-webhook{display:flex;gap:8px;align-items:center}
.gateway-webhook input{font-size:11px;color:#7d9686}
.gateway-webhook .button{flex-shrink:0;gap:6px}
.gateway-buttons{display:flex;gap:9px;align-items:center}
@media(max-width:1080px){.integrations-grid{grid-template-columns:1fr}}
@media(max-width:700px){.gateway-methods{grid-template-columns:1fr}.gateway-webhook{flex-direction:column;align-items:stretch}.gateway-buttons{width:100%;flex-direction:column}.gateway-buttons .button{width:100%;justify-content:center}}

/* ============================================================
   AJUSTES DAS TELAS EM PHP
   Pecas que o painel anterior desenhava com React/SVG e aqui
   sao CSS puro (grafico de barras, rosca) e apoios de tela.
   ============================================================ */

.button.full-width, .full-width{width:100%}
.button.small{padding:8px 12px;font-size:11.6px;gap:6px}
.button:disabled{opacity:.6;cursor:default}
.page-alert{display:flex;align-items:center;gap:11px;background:#f4f9f5;border:1px solid #dcebe0;border-radius:9px;
  padding:14px 16px;margin-bottom:18px;color:#5b8a6c;font-size:12.7px}
.page-alert.is-error{background:#fff6f3;border-color:#f3ded4;color:#b4715a}
.page-alert p{margin:0}
.page-alert b{font-weight:600}
.login-foot{display:block;margin-top:16px;color:#a7baab;font-size:10px;line-height:1.8;text-align:center}
.login-card h1{font-size:28.6px;font-weight:600;letter-spacing:-.8px;color:#2f5341;margin-top:18px}
.login-card>p{font-size:12.7px;color:#93a89b;margin:7px 0 22px}
.modal-backdrop[hidden]{display:none}
.modal-backdrop .modal form,.modal form{margin:0}
.modal-backdrop .field{margin-top:16px}
.inline-stats a{display:flex;align-items:center;gap:6px}
.table-toolbar{flex-wrap:wrap}
.notification-item{cursor:pointer}
.notification-item span:nth-child(2){min-width:0}
.status-popover a,.profile-popover a{display:flex;align-items:center;gap:8px;color:#7d9686;font-size:12.1px;
  padding:9px 4px;text-decoration:none}
.status-popover a:hover,.profile-popover a:hover{color:#4d8a67}

/* grafico de barras (receita) */
.bar-chart{display:flex;align-items:flex-end;gap:8px;height:230px;padding:16px 6px 26px}
.bar-group{position:relative;flex:1;display:flex;align-items:flex-end;justify-content:center;gap:3px;height:100%}
.bar-group .bar{display:block;width:42%;border-radius:4px 4px 0 0;background:#e8f4ec;transition:height .3s ease}
.bar-group .bar.recebido{background:#43a67d}
.bar-group>small{position:absolute;bottom:-22px;font-size:10px;color:#a4b3a8;text-transform:uppercase;letter-spacing:.4px}
.bar-group:hover .bar{filter:brightness(1.05)}

/* rosca (clientes por plano) */
.donut-wrap{display:grid;place-items:center;padding:6px 0 12px}
.donut{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;
  background:conic-gradient(#159f79 0 38%, #43a67d 38% 62%, #7ec8a4 62% 82%, #b4d9c4 82% 100%);
  position:relative}
.donut:after{content:'';position:absolute;inset:22px;background:#fff;border-radius:50%}
.donut strong{position:relative;z-index:1;font-size:29.7px;font-weight:600;color:#416e54;letter-spacing:-1px}
.donut small{position:relative;z-index:1;font-size:10px;color:#9eb2a4}
.donut-wrap .donut strong{margin-bottom:-30px}
.plan-legend{display:flex;flex-direction:column;gap:10px;padding:0 24px 22px}
.plan-legend a{display:flex;align-items:center;gap:10px;font-size:12.1px;color:#8ba294;text-decoration:none}
.plan-legend a:hover{color:#4d8a67}
.plan-legend a span{flex:1}
.plan-legend b{font-weight:550;color:#678d76}
.plan-legend small{color:#a9b9ad;font-size:10px}

/* banner do gateway em estado ligado */
.gateway-banner.is-ok{background:#f4faf6;border-color:#dcebe1}
.gateway-banner.is-ok b{color:#3f7c58}

/* linha de detalhe usada na ficha (2 colunas) */
.detail-invoices>div{display:flex;align-items:center;gap:12px;border-bottom:1px solid #edf3ee;padding:13px 0}
.detail-invoices>div:last-child{border-bottom:0}
.detail-invoices>div>span:nth-child(2){flex:1;min-width:0}

/* formularios em grade dentro das telas */
.settings-fields .form-grid{margin-bottom:6px}
.table-filters .button{gap:6px}
.input-search-inline{display:flex;gap:8px}

@media(max-width:700px){
  .bar-chart{height:190px;gap:5px}
  .bar-group>small{font-size:10px}
}

/* ============================================================
   TELA DE LOGIN
   ------------------------------------------------------------
   O painel de dentro e' denso de proposito: muita informacao na
   mesma tela. No login nao ha' nada disso, o que importa e' ler
   com facilidade e nao colar um campo no outro.

   ATENCAO no formato deste formulario: quem tem a classe
   .login-card e' o proprio <form> (no layout antigo era uma
   <div> com um <form> dentro, por isso as regras
   ".login-card form" daqui de cima nao pegavam nada). Por isso
   tudo aqui usa ".login-card > ...", filho direto.
   ============================================================ */
.login-card{width:452px;padding:44px 40px 38px;border-radius:16px}
.login-eyebrow{font-size:12.1px;letter-spacing:2.4px;margin-top:18px;color:#93ac9b}
.login-card h1{font-size:31.9px;line-height:1.25;margin:22px 0 8px;letter-spacing:-.6px}
.login-card>p{font-size:15.4px;line-height:1.6;color:#8ea596;margin:0}
.login-card>small,.login-foot{font-size:12.7px;line-height:1.7;color:#9db2a4;margin-top:22px}

/* Campo: rotulo perto do campo, campos com respiro entre si */
.login-card>.field{margin-top:20px;gap:7px}
.login-card>.field>span{font-size:14.3px;font-weight:550;color:#63796b}
.login-card>.field input:not([type=checkbox]){min-height:48px;font-size:16px;padding:0 14px;border-radius:8px;color:#3f5a4a}
.login-card>.field input::placeholder{color:#b3c3b8}

/* Botao de entrar: respiro antes e a mesma altura dos campos */
.login-card>.button{margin-top:28px;min-height:48px;font-size:16px;border-radius:8px;gap:9px}

.login-card>.form-error,.login-card>.warning-box{font-size:13.8px;line-height:1.75;margin-top:20px;padding:13px 15px;border-radius:8px}

/* Foco visivel nos campos (vale para o painel inteiro) */
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px #159f7926}

@media(max-width:700px){
  .login-card{width:100%;padding:32px 22px 28px}
  .login-card h1{font-size:26.4px;margin-top:18px}
  .login-card>p{font-size:14.3px}
  /* 16px evita o navegador do celular dar zoom sozinho no campo */
  .login-card>.field input:not([type=checkbox]){font-size:17.6px}
  .login-card>.button{font-size:16.5px}
}