:root{font-family:Inter,system-ui,-apple-system,sans-serif;color:#172338;background:#f2f5fa;font-size:16px;--green:#16b890;--nav:#101a2b}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #d7deea;background:white;border-radius:9px;padding:11px 16px;font-weight:600;color:inherit}button:hover{filter:brightness(.95)}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #2bbba0;outline-offset:3px}input,select,textarea{width:100%;border:1px solid #d7deea;border-radius:9px;padding:12px;background:#fff;color:#172338;min-width:0}input:focus,textarea:focus,select:focus{outline:2px solid #16b89055;border-color:var(--green)}label{display:grid;gap:8px;font-size:.9rem;font-weight:600}form{display:grid;gap:20px}.primary{background:var(--green);color:#052a22;border:0}.quiet{background:transparent;border:0;font-size:1.4rem;padding:8px}.text-btn{border:0;color:#078564;background:transparent;font-size:.9rem}h1,h2,p{margin-top:0}h1{font-size:2rem;letter-spacing:-1px;margin-bottom:0}h2{font-size:1.2rem;letter-spacing:-.4px}p{line-height:1.55;color:#6b778b}.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:1.6px}.mark{font-size:3rem;font-weight:800;line-height:1;color:white}.mark span{color:#2ee2ae}.mark.small{font-size:2rem}.login{min-height:100svh;display:grid;grid-template-columns:1.15fr 1fr;background:white}.login-art{background:var(--nav);color:white;padding:70px 12%;display:flex;flex-direction:column;justify-content:center;position:relative;border-right:8px solid #16b890}.login-art .eyebrow{margin-top:70px;color:#52d9b8}.login-art h1{font-size:clamp(2.5rem,4vw,4.6rem);line-height:1.12;letter-spacing:-2px;margin-bottom:26px}.login-art>p{max-width:360px;color:#9fadc2}.login-foot{margin-top:90px;font-size:.8rem;letter-spacing:1px}.login-foot span{display:block;margin-top:8px;color:#8f9fb6}.login-card{align-self:center;justify-self:center;width:min(410px,90%);padding:30px}.login-card .mark{color:var(--nav);margin-bottom:20px}.login-card h2{font-size:1.8rem;margin-bottom:0}.login-card p{font-size:.9rem;margin-bottom:0}.login-card small{color:#7b8798;text-align:center;font-size:.8rem}.error{color:#bc3543!important;font-size:.9rem;white-space:pre-wrap}.error:empty{display:none}#notice{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#172338;color:white;padding:12px 20px;border-radius:12px;z-index:20;box-shadow:0 5px 30px #0002;max-width:90%;display:none}#app{min-height:100vh;display:grid;grid-template-columns:235px 1fr}#app[hidden],[hidden]{display:none!important}aside{background:var(--nav);color:#edf3ff;padding:34px 22px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center;font-size:1rem}.brand b span{color:#93a4bd;font-weight:400;font-size:.9rem}.nav-label{color:#6d829e;margin-top:55px;margin-bottom:15px}nav{display:grid;gap:7px}nav button{text-align:left;background:transparent;border:0;color:#93a4bd;display:flex;align-items:center;gap:12px;font-size:1rem;padding:14px}nav button.active{background:#203348;color:#65e8c4}nav button:hover{background:#203348}.aside-bottom{margin-top:auto;padding-top:30px;font-size:.8rem;overflow-wrap:anywhere;color:#8ca0bc}.aside-bottom button{border:0;background:transparent;color:#dce6f5;padding:14px 0;font-size:.85rem}main{padding:36px 42px;min-width:0;max-width:1600px;width:100%;margin:auto}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px;gap:16px}header .eyebrow{margin-bottom:8px;color:#718097}.header-actions{display:flex;gap:12px;align-items:center}.welcome{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.welcome p{font-size:.9rem;margin-bottom:6px}.welcome h2{font-size:1.6rem;margin-bottom:0}.pill{font-size:.8rem;padding:8px 12px;border:1px solid #d9e3ef;border-radius:30px;color:#697b92}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:25px}.metric{background:white;border:1px solid #e3e9f2;border-radius:13px;padding:22px}.metric p{font-size:.875rem;margin-bottom:16px}.metric b{font-size:1.8rem;letter-spacing:-1px;display:block}.metric small{color:#7a899d;display:block;margin-top:10px;font-size:.8rem}.metric.warn b{color:#d35a42}.metric .accent{height:3px;width:30px;background:#16b890;margin-bottom:16px}.overview-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:24px}.panel{background:white;border:1px solid #e3e9f2;border-radius:14px;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #edf1f6;gap:12px}.panel-head h2{margin:0}.panel-head p{font-size:.85rem;margin:6px 0 0}.revenue{padding:28px;background:var(--nav);color:#fff;position:relative}.revenue h2{font-size:2.2rem;letter-spacing:-1px;margin:20px 0 8px}.revenue p{color:#8fa4bf}.revenue .eyebrow{color:#57d6b4}.service-row{display:flex;justify-content:space-between;gap:14px;margin:20px 0;font-size:.9rem}.service-row span{color:#a6b8cd}.revenue-foot{border-top:1px solid #2d3d54;margin-top:30px;padding-top:20px;font-size:.8rem;color:#9aafc8}.toolbar{display:flex;gap:12px;margin-bottom:24px;align-items:end}.toolbar>input{flex:1}.toolbar select{width:auto;max-width:220px}.section-intro{margin-bottom:22px}.section-intro h2{font-size:1.5rem}.section-intro p{margin-bottom:0}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:.9rem;white-space:nowrap}th{color:#7a8798;font-size:.8rem;font-weight:500;background:#fafbfd}th,td{padding:16px 20px;border-bottom:1px solid #edf1f6}td strong{display:block;font-weight:650}td small{display:block;color:#7a8798;margin-top:5px;font-size:.8rem}.badge{padding:5px 10px;border-radius:20px;font-size:.8rem;background:#e8f8f2;color:#138065}.badge.vencido{background:#fff0e8;color:#b24a28}.badge.cancelado{background:#edf0f4;color:#6b778b}.actions{display:flex;gap:7px}.actions button{padding:8px 11px;font-size:.8rem}.empty{padding:45px 24px;text-align:center;color:#7c899b}.empty h3{color:#24354b;font-size:1rem}.empty p{font-size:.9rem;margin-bottom:0}.settings,.onboarding{padding:28px;max-width:600px}.settings h2{margin-bottom:25px}dialog{border:0;border-radius:18px;padding:28px;width:min(590px,94vw);max-height:90svh;box-shadow:0 25px 70px #0003;color:#172338}dialog::backdrop{background:#101a2b99;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head h2{margin-bottom:0;font-size:1.4rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.wide{grid-column:1/-1}.dialog-foot{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #edf1f6;padding-top:20px}#loading{padding:40px;color:#6b778b}.onboarding p{max-width:420px}@media(min-width:1600px){main{padding:45px 60px}}@media(max-width:1100px){#app{grid-template-columns:190px 1fr}aside{padding:26px 15px}main{padding:28px 24px}.metrics{grid-template-columns:repeat(2,1fr)}.overview-grid{grid-template-columns:1fr}.revenue{min-height:240px}}@media(max-width:680px){.login{display:block;background:#f2f5fa}.login-art{padding:30px;border-right:0;border-bottom:5px solid #16b890}.login-art .eyebrow{margin-top:25px}.login-art h1{font-size:2.4rem}.login-art>p,.login-foot{display:none}.login-card{width:100%;max-width:440px;margin:auto;padding:30px}#app{display:block}aside{height:auto;position:static;padding:18px 16px}.brand{font-size:.9rem}.nav-label,.aside-bottom{display:none}nav{display:flex;gap:3px;margin-top:20px;overflow:auto}nav button{flex:1;justify-content:center;padding:11px 7px;font-size:1.1rem}nav button span{font-size:.75rem}main{padding:25px 16px}header{align-items:flex-start}h1{font-size:1.6rem}.header-actions{gap:5px}.header-actions .primary{font-size:.8rem;padding:11px}.welcome h2{font-size:1.3rem}.welcome .pill{display:none}.metrics{gap:10px}.metric{padding:17px}.metric b{font-size:1.55rem}.metric p{font-size:.8rem}.toolbar{flex-wrap:wrap}.toolbar>input{flex-basis:100%}.toolbar select{width:calc(50% - 6px);max-width:none}.panel-head{padding:20px}.panel-head p{font-size:.8rem}.form-grid{gap:14px}.form-grid label{grid-column:1/-1}dialog{padding:22px}th,td{padding:14px}.settings{padding:22px}.section-intro h2{font-size:1.3rem}}

.reset-panel{min-height:100svh;display:grid;place-items:center;background:#101a2b}.reset-panel .login-card{background:#fff;border-radius:18px;width:min(450px,92%);margin:30px}

.service-settings{border-top:1px solid #e3e9f2;margin-top:28px;padding-top:28px}.service-settings p{font-size:.9rem}.service-chips{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.service-chips span{background:#e8f8f2;border:1px solid #cceddf;border-radius:20px;padding:7px 12px;font-size:.9rem}.access-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}#access-dialog label{margin-top:20px}#access-dialog textarea{line-height:1.5;resize:vertical}#share-access-status{font-size:.9rem;margin-top:15px}.form-grid label .text-btn{text-align:left;padding:3px 0;min-height:32px}nav{max-height:calc(100vh - 220px);overflow:auto}@media(max-width:680px){nav{max-height:none}nav button{flex:none}nav button span{white-space:nowrap}.access-actions button{width:100%}}

#brand-logo{width:48px;height:48px;object-fit:contain;border-radius:8px}.branding-settings{border-top:1px solid #e3e9f2;margin-top:28px;padding-top:28px}.branding-settings h2{margin-bottom:12px}.branding-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.branding-grid h3{font-size:1rem}.branding-grid section{min-width:0;display:grid;gap:12px;align-content:start}.image-preview{height:130px;display:flex;align-items:center;justify-content:center;background:#edf1f6;border:1px dashed #bdc9d8;border-radius:10px;overflow:hidden}.image-preview img{width:100%;height:100%;object-fit:contain}.image-preview span{color:#687991;font-size:.9rem}.branding-grid input{font-size:.8rem;padding:10px}.branding-grid button{font-size:.8rem}.branding-help{font-size:.8rem;margin:20px 0 10px}#branding-status{font-size:.9rem}#app{position:relative;isolation:isolate}#app::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:var(--panel-background,none);background-size:contain;background-position:center;background-repeat:no-repeat;opacity:.12}#app aside{background:var(--nav)}@media(max-width:480px){.branding-grid{grid-template-columns:1fr}}
.section-actions{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.section-actions h2{margin-bottom:8px}.section-actions p{max-width:640px;margin:0;line-height:1.5}.section-actions>button{flex-shrink:0}.export-bar{margin-bottom:18px;display:flex;justify-content:flex-end}.spaced{margin-top:24px}.check-label{display:flex;align-items:flex-start;gap:10px;line-height:1.5}.check-label input{width:20px;height:20px;flex-shrink:0}.pix-qr{width:260px;max-width:100%;margin:18px auto}.pix-qr svg{display:block;width:100%;height:auto}.settings p,dialog p{line-height:1.5}.settings small,dialog small{font-size:.875rem}#billing-status,#portal-status{margin-top:20px;font-size:.9rem}.portal-page{min-height:100svh;padding:24px 16px}.portal-card{max-width:620px;margin:30px auto;padding:28px}.portal-card h1{font-size:1.8rem}.portal-details{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:28px 0}.portal-details dt{font-size:.875rem;color:#687991}.portal-details dd{margin:6px 0 0;font-weight:650}.report-service{display:grid;grid-template-columns:minmax(100px,1fr) 100px 130px;gap:12px;padding:18px 24px;border-bottom:1px solid #edf1f6}.report-service strong{text-align:right}.report-service span:nth-child(2){font-size:.875rem;color:#687991;text-align:right}.actions{flex-wrap:wrap;max-width:300px}.toolbar label{min-width:0}nav button span{font-size:.875rem}@media(max-width:680px){.section-actions{flex-direction:column}.section-actions>button{width:100%}.toolbar label{flex:1}.report-service{grid-template-columns:1fr auto;padding:16px}.report-service span:nth-child(2){grid-column:1;grid-row:2;text-align:left}.report-service strong{grid-row:1}.portal-card{padding:22px;margin:0 auto}.portal-details{gap:18px}.portal-card .access-actions button{width:100%}}
.customer-button{display:inline-block;text-decoration:none;background:var(--green);color:#052a22;border-radius:9px;padding:13px 18px;font-weight:600;line-height:1.4}
#app::before{opacity:var(--background-opacity,.12);filter:brightness(var(--background-brightness,1))}#app main .panel,#app main .metric{background:rgba(255,255,255,var(--panel-opacity,1))}#app main .revenue{background:rgba(16,26,43,var(--panel-opacity,1))}#app main th{background:transparent}#app main h1,#app main .welcome h2,#app main .section-intro h2,#app main .section-actions h2,#app main .panel:not(.revenue) h2,#app main .panel:not(.revenue) h3,#app main td strong{color:var(--name-color,#172338)}#app nav button{color:var(--menu-color,#dce6f5)}#app nav button.active{color:var(--menu-active-color,#65e8c4)}#appearance-form input[type=color]{height:48px;padding:5px}#appearance-form input[type=range]{padding:0;accent-color:var(--green);border:0}#appearance-form output{font-weight:400;color:#6b778b}details{margin:18px 0;border:1px solid #d7deea;border-radius:9px;padding:15px}summary{cursor:pointer;font-weight:650}details p{margin-top:16px}.reminder-days{border:1px solid #d7deea;border-radius:9px;padding:15px;display:grid;gap:12px}.reminder-days legend{padding:0 6px;font-weight:600;font-size:.9rem}#whatsapp-form small{font-size:.875rem;font-weight:400;line-height:1.5}
#app aside{background:rgba(16,26,43,var(--panel-opacity,1))}#appearance-form input[type=range]{min-height:40px;cursor:pointer}
.heading-with-menu{display:flex;gap:16px;align-items:center;min-width:0}#menu-toggle{display:flex;gap:8px;align-items:center;white-space:nowrap;min-height:44px}#menu-close{display:none}#settings-nav .submenu-chevron{margin-left:auto}#settings-submenu{padding:4px 0 10px 20px;border-left:1px solid #30425a;margin-left:12px}#settings-submenu button{font-size:.875rem;padding:10px 12px;min-height:44px}#settings-submenu button.active{background:#203348;color:var(--menu-active-color,#65e8c4)}#configuracoes .settings{max-width:780px;width:100%}#configuracoes .setting-panel{border-top:0;margin-top:0;padding-top:0}.setting-panel:focus{outline:none}#app.menu-collapsed{grid-template-columns:minmax(0,1fr)}#app.menu-collapsed>aside{display:none}#side-menu{overflow-y:auto}#side-menu nav{max-height:none;overflow:visible}#menu-backdrop{display:none}@media(max-width:680px){#app>aside{position:fixed;inset:0 auto 0 0;z-index:31;width:min(300px,86vw);height:100dvh;transform:translateX(-110%);background:rgba(16,26,43,.97);padding:22px 18px;transition:transform .2s ease;display:flex;flex-direction:column;box-shadow:10px 0 35px #0004}#app.menu-open>aside{transform:translateX(0)}#side-menu nav{display:flex;flex-direction:column;overflow:visible;margin-top:20px;gap:5px}#side-menu nav button{justify-content:flex-start;flex:none;font-size:1rem;padding:12px;min-height:44px;width:100%}#side-menu nav button span{font-size:.95rem}#side-menu .nav-label{display:block;margin-top:24px}#side-menu .aside-bottom{display:block;margin-top:auto;padding-top:25px}#menu-close{display:block;align-self:flex-end;color:#fff;background:transparent;border:0;font-size:1.8rem;min-height:44px;padding:4px 12px;margin-bottom:12px}#app #menu-backdrop:not([hidden]){display:block;position:fixed;inset:0;z-index:30;background:#101a2b99;border:0;border-radius:0;padding:0;width:100%;height:100dvh}body.panel-menu-open{overflow:hidden}.heading-with-menu{gap:10px;align-items:flex-start}#menu-toggle{padding:9px;font-size:1.1rem}#menu-toggle span{display:none}#app main header{gap:10px}#app main header .header-actions{flex-shrink:0}#app main header h1{font-size:1.35rem}#settings-submenu{margin-left:14px;padding-left:10px}#settings-submenu button{font-size:.9rem!important}#store-label{overflow-wrap:anywhere}}@media(prefers-reduced-motion:reduce){#app>aside{transition:none}}
.danger-outline{color:#b33131;border-color:#e8bcbc}.danger-button{background:#b33131;border-color:#b33131;color:#fff}
#app{font-size:var(--panel-font-size,16px)}#app h1{font-size:2em}#app h2{font-size:1.2em}#app label,#app td,#app th{font-size:.95em}.dashboard-options{margin-bottom:20px}.dashboard-options summary{cursor:pointer;font-weight:600}.dashboard-options #dashboard-options{display:flex;flex-wrap:wrap;gap:20px;margin-top:16px}.search-result{display:grid;width:100%;gap:5px;text-align:left;margin-top:10px}.search-result span{font-weight:400}.badge.ativo{background:#d2f8e6;color:#075734}.badge.vencido{background:#ffe0e3;color:#9b1730}.badge.proximo{background:#fff0c2;color:#735000}#app[data-theme=dark]{background:#101827;color:#edf3ff;--name-color:#edf3ff!important;--menu-color:#edf3ff!important;--menu-active-color:#edf3ff!important}#app[data-theme=dark] .panel,#app[data-theme=dark] .metric,#app[data-theme=dark] .metrics>div{background:rgba(29,42,61,var(--panel-opacity,1));border-color:#40516a}#app[data-theme=dark] p,#app[data-theme=dark] small,#app[data-theme=dark] th{color:#bac8dc}#app[data-theme=dark] input,#app[data-theme=dark] select,#app[data-theme=dark] textarea,#app[data-theme=dark] button:not(.primary):not(.danger-button){background:#213047;color:#edf3ff;border-color:#50617a}#app[data-theme=dark] tr,#app[data-theme=dark] td,#app[data-theme=dark] th{border-color:#40516a}#app[data-theme=dark] .revenue{background:#183e36}@media(max-width:680px){.header-actions{flex-wrap:wrap;gap:8px}.dashboard-options #dashboard-options{display:grid}}
.client-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px;padding:18px}.client-card{border:1px solid #d7deea;border-radius:14px;padding:20px;min-width:0}.client-card-heading{display:flex;align-items:start;justify-content:space-between;gap:12px}.client-card h3{font-size:1.1em;margin:0;overflow-wrap:anywhere}.client-card p{margin:12px 0;font-size:.95em;overflow-wrap:anywhere}.client-card dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.client-card dt{font-size:.9em;color:#6b778b}.client-card dd{margin:6px 0 0;font-weight:700}.client-card-actions{display:flex;gap:10px;flex-wrap:wrap}.client-card-actions .primary{flex:1}.client-card-more{margin-top:16px}.client-card-more summary,#client-extra summary{cursor:pointer;font-weight:600;padding:12px 0}.client-card-more .actions{margin-top:12px;flex-wrap:wrap}#client-extra .form-grid{margin-top:16px}.client-summary{border:1px solid #d7deea;border-radius:10px;padding:14px;color:#172338;margin:0}.client-save-actions{flex-wrap:wrap}#app[data-theme=dark] .client-card{border-color:#40516a}#app[data-theme=dark] .client-card dt{color:#bac8dc}@media(max-width:680px){.client-cards{padding:12px;grid-template-columns:1fr}.client-save-actions{display:grid;grid-template-columns:1fr}.client-save-actions .primary{grid-row:1}#client-dialog{max-height:92svh}.client-card dl{gap:8px}}
/* Keep the store image visible between readable working surfaces. */
#app main .panel,#app main .metric,#app main .client-card{background:rgba(255,255,255,max(.92,var(--panel-opacity,1)));backdrop-filter:blur(12px)}#app[data-theme=dark] main .panel,#app[data-theme=dark] main .metric,#app[data-theme=dark] main .client-card{background:rgba(29,42,61,max(.94,var(--panel-opacity,1)))}#app::before{opacity:min(.35,var(--background-opacity,.12))}#app main header{background:rgba(242,245,250,.96);padding:16px;border-radius:14px;align-items:center}#app[data-theme=dark] main header{background:rgba(16,24,39,.96)}#app .welcome{background:rgba(242,245,250,.94);padding:16px;border-radius:14px}#app[data-theme=dark] .welcome{background:rgba(16,24,39,.96)}#app .metric b{font-size:clamp(1.35rem,3vw,1.8rem);overflow-wrap:anywhere}#app .metric p,#app .metric small{font-size:.9rem}#app .client-card button,#app main button{min-height:44px}.renew-preview{display:grid;gap:8px;padding:16px;border:1px solid #8bdcc3;background:#ecfaf4;border-radius:12px;color:#172338}.scope-note{padding:16px;background:#e8f5f1;border-left:4px solid #16b890;border-radius:9px;color:#172338}.alert-groups{display:grid;gap:16px}.alert-client{padding:16px;border-bottom:1px solid #d7deea;display:grid;gap:8px}.alert-client p{margin:0}.alert-client .actions{max-width:none}#service-cost-form{padding:16px;border:1px solid #d7deea;border-radius:12px}#forecast-summary{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:680px){#app main header{display:grid;grid-template-columns:1fr;padding:14px}#app main header .heading-with-menu{align-items:center}#app main header .header-actions{display:grid;grid-template-columns:1fr 48px 1.25fr;width:100%;gap:8px}#app main header .header-actions button{padding:10px 8px;font-size:.9rem}#app main header h1{font-size:1.35rem;line-height:1.3}#app main{padding:16px 12px}.welcome .pill{display:none}.metric{padding:16px}#app .metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#app .metric b{letter-spacing:-.4px}.panel-head{flex-wrap:wrap;gap:12px}.table-scroll{overflow-x:auto}.renew-preview span{line-height:1.5}.client-card-actions button{flex:1 1 100px}}@media(max-width:360px){#app .metrics,#forecast-summary{grid-template-columns:1fr}}

.overview-due-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid #d7deea}.overview-due-row:last-child{border-bottom:0}.overview-due-row>div{min-width:0}.overview-due-row strong{overflow-wrap:anywhere}.overview-due-row small{display:block;margin-top:6px;font-size:.9rem;color:#687991}#overview-summary{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:680px){#app #overview-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-due-row{padding:16px}.overview-due-row button{flex-shrink:0}}@media(max-width:360px){#app #overview-summary{grid-template-columns:1fr}}
/* Monthly manager style from the supplied reference. */
.monthly-home{max-width:900px;margin:0 auto;color:#eefaff}.monthly-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:8px 0 20px}.monthly-hero h2{color:#f1fbff!important;font-size:clamp(1.7rem,4vw,2.2rem)!important;line-height:1.2;letter-spacing:-.7px;margin:8px 0}.monthly-hero p{color:#aec5d0;font-size:.95rem;margin:0}.monthly-hero .monthly-eyebrow{font-size:.8rem;color:#82d9c8;letter-spacing:2px;font-weight:750}.monthly-calendar{background:#25c6b6!important;color:#fff!important;border:1px solid #73ead8!important;border-radius:14px;min-width:48px;font-size:1.35rem;box-shadow:0 4px 20px #16c7b233}.monthly-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:16px}.monthly-service{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid #7de6ee55;border-radius:14px;box-shadow:inset 0 1px #ffffff22}.monthly-service.iptv-tile{background:linear-gradient(110deg,#225d75e8,#1686a4c9)}.monthly-service.vpn-tile{background:linear-gradient(110deg,#6a5684e8,#625aa2cf);border-color:#c6b0fb55}.monthly-service-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#ffffff20;color:#f1fbff;font-size:1.35rem}.monthly-service strong{font-size:1.8rem;display:block;line-height:1.1}.monthly-service small{display:block;color:#d1e7ef;margin-top:5px;font-size:.9rem;overflow-wrap:anywhere}.monthly-status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.monthly-status>button{background:#0b303cda;border:1px solid #86c6ca25;border-radius:14px;padding:18px;backdrop-filter:blur(7px)}.monthly-status strong,.monthly-status small{display:block}.monthly-status strong{font-size:1.8rem;margin:12px 0 3px}.monthly-status small{color:#9cbbc6;font-size:.9rem}.status-icon{display:grid;place-items:center;width:26px;height:26px;border-radius:8px}.status-active{color:#37dc84;background:#37dc8420}.status-soon{color:#e8cc50;background:#e8cc5020}.status-overdue{color:#f58086;background:#f5808620}.monthly-total{display:flex;justify-content:space-between;align-items:center;gap:14px;background:linear-gradient(110deg,#18a99aeb,#13aaa5c9);border:1px solid #69e1cb70;border-radius:16px;padding:22px;margin-bottom:26px;box-shadow:0 8px 28px #001d2333}.monthly-total small{font-size:.8rem;letter-spacing:1.5px;color:#cbfff1;font-weight:650}.monthly-total strong{display:block;font-size:2rem;margin-top:10px;letter-spacing:-.7px}.monthly-total>span{color:#d8fff5;font-size:.9rem;white-space:nowrap}.monthly-list-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.monthly-list-heading h3{font-size:1.25rem;margin:0 0 6px}.monthly-list-heading p{color:#a9c3ce;font-size:.9rem;margin:0}.monthly-list-heading button{white-space:nowrap;background:#20c5b3;color:white;border-radius:12px}.monthly-search input{background:#0c2c38e8!important;border-color:#9cc3cb45!important;border-radius:12px;padding:15px;color:#edfaff!important}.monthly-search input::placeholder{color:#a3c0ca}.monthly-legend{display:flex;align-items:center;gap:6px;font-size:.875rem;color:#c0d3da;margin:15px 0 12px;flex-wrap:wrap}.monthly-legend .monthly-dot:not(:first-child){margin-left:14px}.monthly-dot{display:inline-block;width:7px;height:7px;flex-shrink:0;border-radius:50%;margin-right:5px}.active-dot{background:#36d98b}.soon-dot{background:#efd056}.overdue-dot{background:#f2707c}.monthly-client-list{display:grid;gap:12px}.monthly-client{display:grid;grid-template-columns:minmax(0,1fr) 95px;border:1px solid #6cabb737;border-radius:14px;overflow:hidden;background:#082630db;backdrop-filter:blur(6px);border-left:3px solid #35d791}.monthly-client.soon{border-left-color:#efd056}.monthly-client.overdue{border-left-color:#f2707c}.monthly-client-body{padding:15px;min-width:0}.monthly-client-open{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:0!important;background:transparent!important;border:0!important;color:#effcff!important;text-align:left;min-height:30px!important}.monthly-client-open strong{display:flex;align-items:center;gap:2px;min-width:0;overflow-wrap:anywhere;font-size:1rem}.monthly-client-open b{font-size:.95rem;white-space:nowrap;margin-left:auto}.monthly-client-open>span{color:#a9d5df;font-size:1.4rem}.monthly-client p{font-size:.875rem;line-height:1.5;margin:8px 0}.monthly-client-date{color:#b4cdd5!important}.monthly-client .monthly-client-status{color:#57d59d}.monthly-client.soon .monthly-client-status{color:#e8cd64}.monthly-client.overdue .monthly-client-status{color:#fc939a}.monthly-client small{color:#9bb9c4!important;font-size:.875rem}.monthly-renew{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;border:0!important;border-radius:0!important;background:#35d87b!important;color:#fff!important;padding:12px 5px!important;font-size:.95rem!important}.monthly-renew span{font-size:1.45rem}.monthly-home .empty{color:#deedf2;background:#0c2d38;border:1px solid #729ca73b;border-radius:14px}.monthly-home .empty p{color:#afc8d1}#app[data-view=inicio]{background:#06151df5}#app[data-view=inicio]::before{opacity:min(.28,var(--background-opacity,.16))}#app[data-view=inicio] main header{background:#0a2533ef;color:#eaf7ff}#app[data-view=inicio] main header h1{color:#eaf7ff}#app[data-view=inicio] #store-label{color:#93bac9}#app[data-view=inicio] main header button:not(.primary){background:#133544;color:#e6f7fb;border-color:#567f8d}#app[data-view=inicio] main header #new-client{display:none}#app[data-view=inicio] #page-title{font-size:1.15rem}#app[data-view=inicio] .header-actions{display:flex!important;width:auto!important}@media(max-width:680px){.monthly-home{max-width:none}.monthly-hero{padding-top:6px}.monthly-hero h2{font-size:1.65rem!important}.monthly-services{gap:10px}.monthly-service{gap:10px;padding:15px 12px}.monthly-service-icon{width:34px;height:34px}.monthly-service strong{font-size:1.6rem}.monthly-service small{font-size:.875rem}.monthly-status{gap:8px}.monthly-status>button{padding:14px 12px}.monthly-status strong{font-size:1.6rem}.monthly-total{padding:20px 16px}.monthly-total strong{font-size:1.8rem}.monthly-list-heading h3{font-size:1.15rem}.monthly-list-heading p{font-size:.875rem}.monthly-list-heading button{padding:11px 10px;font-size:.875rem}.monthly-client{grid-template-columns:minmax(0,1fr) 78px}.monthly-client-body{padding:12px}.monthly-client-open{flex-wrap:wrap}.monthly-client-open strong{flex:1}.monthly-renew{font-size:.875rem!important}#app[data-view=inicio] main header{display:flex;gap:10px;padding:12px}#app[data-view=inicio] .heading-with-menu{align-items:center;min-width:0}#app[data-view=inicio] #page-title{display:none}#app[data-view=inicio] #store-label{margin:0;font-size:.8rem}#app[data-view=inicio] .header-actions button{font-size:.875rem;padding:10px}#app[data-view=inicio] .header-actions{flex-shrink:0}.monthly-client-open b{font-size:.875rem}.monthly-total>span{font-size:.875rem}}@media(max-width:360px){.monthly-list-heading{align-items:flex-start;flex-wrap:wrap}.monthly-client{grid-template-columns:minmax(0,1fr) 70px}.monthly-total{gap:8px}.monthly-total strong{font-size:1.6rem}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.monthly-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 16px}.monthly-tools button{background:#113643!important;border-color:#5d96a855!important;color:#eafcff!important;font-size:.875rem;min-height:44px}.monthly-tools #due-sound-status{flex-basis:100%;font-size:.875rem;color:#a4c6d2}.monthly-filter-status{font-size:.9rem;color:#c3e9ef}.monthly-filter-status:empty{display:none}.monthly-filter-status button{padding:8px 12px;background:#183c48;color:#ecffff;border-color:#54808d;margin-top:12px;margin-left:12px}.monthly-service{text-align:left;color:#f5ffff!important;cursor:pointer}.monthly-service[aria-pressed=true]{outline:2px solid #89ffe0;outline-offset:2px}.monthly-service:focus-visible{outline:3px solid #89ffe0}.monthly-message-state{display:block;margin-top:7px!important;color:#bae4df!important}#client-history-dialog{width:min(650px,94%);max-height:90svh;overflow:auto}#client-history-dialog .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}#client-history-dialog .metric{padding:14px}#client-history-dialog .metric b{font-size:1.4rem}#client-history-dialog table{font-size:.9rem}#client-history-dialog small{display:block;margin-top:6px;color:#687991}

.push-settings{margin:0 0 1rem}.push-settings p{margin:.6rem 0}.push-settings .toolbar{flex-wrap:wrap}.push-settings button{min-height:44px}#push-status{font-size:.9rem;overflow-wrap:anywhere}

/* Capa TEC IMPORT DIGITAL com acesso na parte inferior. */
#login.login{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;min-height:100svh;padding:clamp(160px,36svh,380px) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:#020916 url('login-banner-ti.webp') center top/cover no-repeat;color:#f4f8ff}
#login .login-banner-art{display:none}
#login #login-form{flex:none;align-self:center;width:min(410px,100%);max-width:410px;margin:0;padding:18px 20px;gap:12px;background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;color:#f4f8ff}
#login #login-form h2,#login #login-form .mark,#login #login-form>p:not(#login-error),#login #login-form>small{display:none}
#login #login-form h2{margin:0;font-size:1.4rem;line-height:1.2;color:#f4f8ff}
#login #login-form label{font-size:.9rem;gap:6px;color:#f4f8ff;text-shadow:0 2px 5px #000,0 0 10px #000}
#login #login-form input{min-height:48px;background:transparent;border:1px solid #83dafa;color:#fff;caret-color:#fff;font-size:1rem;text-shadow:0 2px 4px #000,0 0 8px #000}
#login #login-form input:focus{outline:3px solid #20cfe466;border-color:#41d5ed}
#login #login-form input:-webkit-autofill{-webkit-text-fill-color:#fff;-webkit-background-clip:text;background-clip:text;-webkit-box-shadow:none;box-shadow:none;caret-color:#fff}
#login #login-form button{min-height:44px}
#login #login-form .primary{background:transparent;border:1px solid #83dafa;color:#fff;text-shadow:0 2px 4px #000,0 0 8px #000}
#login #login-form .text-btn{justify-self:center;padding:8px 12px;color:#91e8ff;text-shadow:0 2px 5px #000,0 0 10px #000}
#login #login-error{margin:0;color:#ffb4b4!important}
#login #login-error:not(:empty){padding:10px;background:#241121;border-radius:8px}
@media(min-aspect-ratio:3/4){#login.login{background-size:auto 100%;padding-bottom:max(24px,env(safe-area-inset-bottom))}}
@media(max-height:640px){#login.login{padding-top:clamp(110px,30svh,190px)}#login #login-form{padding:14px 18px;gap:8px}#login #login-form h2{font-size:1.2rem}}

.monthly-client-body .monthly-delete{display:block;min-height:44px;margin-top:10px;padding:8px 12px;font-size:.875rem;font-weight:650;color:#ffb8bc!important;background:#401e29!important;border:1px solid #be6574!important;border-radius:8px}.monthly-client-body .monthly-delete:hover{background:#5b2836!important}.monthly-client-body .monthly-delete:focus-visible{outline:3px solid #fff;outline-offset:3px}

.account-save-actions{flex-wrap:wrap}.account-cards .client-card-actions button{flex:1 1 120px}.account-cards dd{overflow-wrap:anywhere}@media(max-width:680px){.account-save-actions{display:grid;grid-template-columns:1fr}.account-save-actions .primary{grid-row:1}}

/* Pix destacado para facilitar a leitura e cópia na área do cliente. */
.customer-pix-card{margin-top:24px;padding:20px;border:2px solid #1473e6;border-radius:16px;background:#eef6ff;box-shadow:0 8px 24px #1473e61a}
.customer-pix-card h2{color:#0759c7;font-size:1.45rem}
.customer-pix-card #customer-receiver{color:#174a83;font-weight:700}
.customer-pix-card .pix-copy-hint{margin:12px 0;padding:12px;border-radius:10px;background:#dcecff;color:#124d91;font-weight:650}
.customer-pix-card label{color:#124d91}
.customer-pix-card textarea{border:2px solid #3788f5;background:#fff;color:#064b9b;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.95rem;line-height:1.5;user-select:all}
.customer-pix-card .pix-copy-button{background:#0866e8;color:#fff;border:1px solid #0866e8;font-weight:750}
.customer-pix-card .pix-copy-key{background:#fff;color:#0759c7;border:1px solid #1473e6;font-weight:700}
.customer-pix-card .pix-qr{padding:12px;background:#fff;border:1px solid #b7d4fb;border-radius:12px}
.customer-pix-card #customer-copy-status{color:#0759c7;font-weight:700}
@media(max-width:680px){.customer-pix-card{padding:16px}.customer-pix-card .access-actions{display:grid;grid-template-columns:1fr}.customer-pix-card .access-actions button{width:100%}}

.pix-key-value{width:100%;min-height:52px;padding:12px 14px;border:2px solid #1473e6;border-radius:10px;background:#eaf3ff;color:#0759c7;font-weight:750;font-size:1.05rem;letter-spacing:.02em;user-select:all;overflow-wrap:anywhere}
.customer-pix-card .pix-key-value{font-family:ui-monospace,SFMono-Regular,monospace}

.offline-status{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 0 1rem;padding:.75rem 1rem;border:1px solid var(--border,#365346);border-radius:.75rem;font-size:.875rem;background:rgba(8,28,20,.85);color:#e8fff1}.offline-status[hidden]{display:none}.offline-status[data-offline="true"]{border-color:#d9a64c;background:#302714;color:#fff1d4}.offline-status button{flex-shrink:0}@media(max-width:600px){.offline-status{align-items:flex-start;flex-direction:column}}

.client-pagination{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0;font-size:.875rem}.client-pagination>div{display:flex;gap:.5rem}.export-bar{display:flex;gap:.75rem;flex-wrap:wrap}#backup-result,#backup-progress,#backup-preview{overflow-wrap:anywhere}@media(max-width:600px){.client-pagination{flex-direction:column;align-items:flex-start}}

.service-chips .service-item{display:flex;align-items:center;gap:12px;border-radius:12px;max-width:100%;flex-wrap:wrap}.service-item b{overflow-wrap:anywhere}.service-item button{min-height:40px;padding:7px 12px;font-size:.9rem}

.monthly-status>button{text-align:left;color:#eefaff;min-width:0}.monthly-status>button[aria-pressed=true],.monthly-total[aria-pressed=true]{outline:2px solid #89ffe0;outline-offset:2px}.monthly-total{width:100%;text-align:left;color:#eefaff}.monthly-total>span small{display:block;margin-top:6px;letter-spacing:0;font-weight:500}.monthly-client-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.monthly-client-actions button{min-height:44px;padding:8px 12px;font-size:.875rem;background:#173f4a;color:#ecffff;border-color:#54808d}.monthly-client-body .monthly-client-actions .monthly-delete{margin-top:0}#monthly-list-title{scroll-margin-top:20px}.monthly-status>button:focus-visible,.monthly-total:focus-visible{outline:3px solid #89ffe0;outline-offset:3px}