/* PV Gás e Água — camada visual final (carregada por último). */
@font-face{font-family:'Poppins';src:url('assets/fonts/poppins-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Poppins';src:url('assets/fonts/poppins-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Poppins';src:url('assets/fonts/poppins-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Poppins';src:url('assets/fonts/poppins-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Poppins';src:url('assets/fonts/poppins-800.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap}

:root{
  --mata:#0E4A30;--folha:#2F8F55;--sol:#FFC531;--sol2:#F2B416;--agua:#2B7BC8;--fundo:#F3F6F2;--tinta:#13261C;--cinza:#5F6F66;--linha:#DCE5DF;
  --green:var(--mata);--green2:var(--folha);--green3:#E4F1E7;--ink:var(--tinta);--muted:var(--cinza);--line:var(--linha);--bg:var(--fundo);
  --orange:var(--sol);--orange2:#FFF5D9;--shadow:0 10px 30px rgba(14,74,48,.10)
}
body{font-family:'Poppins',Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--fundo);color:var(--tinta);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}
h1,h2,h3{letter-spacing:-.02em}
.eyebrow{text-transform:none!important;letter-spacing:0!important;font-size:13px!important;font-weight:700!important;color:var(--folha)}
:focus-visible{outline:3px solid var(--agua);outline-offset:2px}

/* Botões */
.btn-primary{background:var(--sol)!important;color:var(--mata)!important;box-shadow:0 2px 0 var(--sol2)}
.btn-primary:active{transform:translateY(1px);box-shadow:none}
.btn-green{background:var(--mata)!important;color:#fff!important}
.btn-ghost{background:#E6EFE9!important;color:var(--mata)!important}
.btn{border-radius:14px!important;font-weight:700!important;letter-spacing:0}
.kpi.alert strong{color:#B35A00}
.notice{background:#FFF5D9;color:#6B4A00;border-radius:14px}

/* Faixa de demonstração e topo */
.demo-ribbon{background:var(--mata);color:#CFE6D7;letter-spacing:0;font-weight:600;text-transform:none}
.brand-mark{background:var(--mata);color:var(--sol);font-weight:800}
.mode-switch button.active{color:var(--mata)}

/* Ilustrações de produto */
.product-art{background:#EEF3EF!important;display:grid;place-items:center;overflow:hidden}
.product-art img{width:84%;height:84%;object-fit:contain;display:block}
.cat-gas .product-art{background:#E1F0E4!important}
.cat-agua .product-art{background:#E3EFFA!important}
.cat-extra .product-art{background:#E8F5FC!important}
.cat-acess .product-art{background:#FFF3D1!important}
.fast-icon,.stock-photo{background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important;background-color:#EEF3EF!important}
.fast-product:nth-child(1) .fast-icon,.stock-card:nth-child(1) .stock-photo{background-color:#E1F0E4!important}
.fast-product:nth-child(-n+4):nth-child(n+2) .fast-icon,.stock-card:nth-child(-n+4):nth-child(n+2) .stock-photo{background-color:#E3EFFA!important}
.fast-product:nth-child(5) .fast-icon,.stock-card:nth-child(5) .stock-photo{background-color:#E8F5FC!important}
.fast-product:nth-child(6) .fast-icon,.stock-card:nth-child(6) .stock-photo{background-color:#FFF3D1!important}
.product-card .price{color:var(--mata)}
.product-card:hover{transform:none}

/* Hero do catálogo com o mascote */
.hero-copy{background:var(--mata)!important}
.hero-copy:after{content:none!important}
.hero-copy .eyebrow{color:var(--sol)!important;font-size:15px!important}
.hero-mascot{position:absolute;right:-14px;bottom:-18px;width:150px;pointer-events:none}
.hero-copy h1{position:relative;z-index:1}

/* Barra do pedido no catálogo */
#cart-bar{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:40;display:flex;align-items:center;gap:12px;border:0;border-radius:18px;background:var(--mata);color:#fff;padding:10px 12px 10px 10px;font:inherit;text-align:left;cursor:pointer;box-shadow:0 14px 30px rgba(14,74,48,.32);animation:barIn .22s ease-out}
#cart-bar svg{width:22px;height:22px}
.cb-icon{position:relative;width:44px;height:44px;border-radius:13px;background:var(--sol);color:var(--mata);display:grid;place-items:center;flex:0 0 44px}
.cb-icon i{position:absolute;top:-6px;right:-6px;min-width:22px;height:22px;border-radius:11px;background:#fff;color:var(--mata);font-style:normal;font-weight:800;font-size:12px;display:grid;place-items:center;padding:0 5px;box-shadow:0 0 0 2px var(--mata)}
.cb-text{flex:1;min-width:0}
.cb-text small,.cb-text b{display:block}
.cb-text small{font-size:12px;color:#BFDCCB}
.cb-text b{font-size:19px;font-weight:800}
.cb-go{display:flex;align-items:center;gap:4px;font-weight:700;font-size:14px;color:var(--sol);white-space:nowrap}
.cb-go svg{width:18px!important;height:18px!important}
@keyframes barIn{from{transform:translateY(20px);opacity:0}}
@media (prefers-reduced-motion:reduce){#cart-bar{animation:none}}
body.has-cart-bar .container{padding-bottom:110px}
@media(min-width:761px){#cart-bar{left:auto;right:24px;width:380px}}

/* Contador no card */
.card-qty{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;background:var(--mata);border-radius:14px;padding:3px;margin-top:2px}
.card-qty button{height:42px;border:0;border-radius:11px;background:transparent;color:#fff;font:inherit;font-size:22px;font-weight:700;cursor:pointer}
.card-qty button:last-child{background:var(--sol);color:var(--mata)}
.card-qty b{text-align:center;color:#fff;font-size:17px}
.product-card.in-cart>.btn{display:none!important}
.product-card.in-cart{box-shadow:0 0 0 2px var(--folha)}

/* Ícones da navegação */
.nav-item b svg{width:22px;height:22px;display:block}
.manual-sale-hero>span svg,.manual-sale-hero>b svg{width:26px;height:26px}
.seller-grid span svg{width:24px;height:24px;display:block}
.logout-btn{display:inline-flex;align-items:center;gap:6px}
.logout-btn svg{width:18px;height:18px}

/* Recibo da venda: texto não sobrepõe o quadro */
.review-box+.sale-help{margin-top:14px!important}
.sale-success{background:var(--folha)}
.sale-total{background:var(--mata)}

/* ================= CELULAR ================= */
@media(max-width:760px){
  body{font-size:15px}
  .demo-ribbon{height:22px!important;line-height:22px!important;font-size:11px!important}
  .topbar{height:60px!important;padding:0 14px!important}
  .brand strong{font-size:15px!important}
  .brand small{display:none}
  .mode-switch button{font-size:13px!important}

  /* Catálogo */
  .container{padding:14px 14px 34px!important}
  .hero{margin-bottom:6px!important}
  .hero-copy{padding:22px 20px 24px!important;border-radius:24px!important;min-height:0}
  .hero-copy h1{font-size:27px!important;line-height:1.08!important;max-width:72%;margin:6px 0 10px!important}
  .hero-copy p{font-size:14px!important;max-width:68%;color:#D6EADE!important;margin:0}
  .hero-mascot{width:138px;right:-18px;bottom:-14px}
  .hero-badges{margin-top:16px!important;gap:6px!important;max-width:70%}
  .hero-badges span{font-size:12px!important;padding:6px 10px!important;background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.18)!important}
  .section-title{margin:22px 2px 12px!important}
  .section-title h2{font-size:24px!important;margin:2px 0 0}
  .product-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}
  .product-card{display:flex!important;flex-direction:column;padding:8px 8px 10px!important;border:0!important;border-radius:22px!important;background:#fff;box-shadow:0 1px 2px rgba(14,74,48,.06)}
  .product-art{height:auto!important;aspect-ratio:1/1;border:0!important;border-radius:16px!important;margin:0 0 10px!important}
  .product-card .eyebrow{display:none}
  .product-card h3{font-size:15.5px!important;line-height:1.2!important;min-height:0!important;margin:0 4px!important;font-weight:700}
  .product-card p{display:block!important;font-size:12.5px!important;color:var(--cinza)!important;min-height:0!important;margin:3px 4px 0!important}
  .product-card .price{font-size:19px!important;font-weight:800!important;margin:8px 4px 10px!important}
  .product-card .btn{margin-top:auto;min-height:46px!important;font-size:15px!important;grid-column:auto!important}
  .footer-note{font-size:12px;text-align:center;color:var(--cinza)}

  /* Carrinho em tela cheia */
  .drawer h2{font-size:24px}
  .cart-item h4{font-size:16px;margin:0 0 2px}
  .cart-item label{font-size:13px!important}

  /* Login */
  .access-shortcuts small,.access-shortcuts>span{font-size:12px!important}
  .simple-login .login-brand span{font-size:11px;letter-spacing:.5px}
  .login-disclaimer{font-size:12px!important}

  /* Área interna */
  .management-main{padding:14px 14px 24px!important}
  .profile-bar{position:static!important;box-shadow:none!important;border:0!important;background:transparent!important;padding:0!important;margin:0 0 14px!important;gap:10px}
  .profile-bar>div{display:flex;align-items:center;gap:8px}
  .profile-bar>div:before{content:'';width:10px;height:10px;border-radius:50%;background:var(--folha);box-shadow:0 0 0 4px #D6EBDD}
  .profile-bar span{font-size:13px!important;text-transform:none!important;letter-spacing:0!important;font-weight:500!important}
  .profile-bar strong{font-size:13px!important;color:var(--tinta)!important}
  .profile-bar .logout-btn{min-width:0!important;min-height:38px!important;padding:0 12px!important;font-size:13px!important;background:#fff!important;border:1px solid var(--linha)!important;color:var(--cinza);border-radius:12px!important}

  .page-head h1{font-size:28px!important;margin:2px 0 4px!important}
  .page-head p{font-size:14px!important}

  /* Barra inferior: uma linha, ícones reais */
  .sidebar,.sidebar-administrativo{height:calc(68px + env(safe-area-inset-bottom))!important;flex-wrap:nowrap!important;overflow:hidden!important;background:#fff!important;border-top:1px solid var(--linha);box-shadow:0 -6px 20px rgba(14,74,48,.08)!important;padding:6px 4px env(safe-area-inset-bottom)!important;gap:2px}
  .sidebar .nav-item,.sidebar-administrativo .nav-item{flex:1 1 0!important;min-width:0!important;width:auto!important;min-height:56px!important;background:transparent!important;color:var(--cinza)!important;font-size:11px!important;font-weight:600;gap:3px!important;padding:4px 2px!important;border-radius:12px!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center}
  .sidebar .nav-item b{display:grid;place-items:center;width:52px;height:30px;border-radius:15px;transition:background .15s}
  .sidebar .nav-item.active{color:var(--mata)!important;font-weight:800}
  .sidebar .nav-item.active b{background:#D9EEDF}
  .sidebar .nav-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  .sidebar .nav-item:only-child{flex-direction:row!important;gap:8px!important;font-size:14px!important}
  body:has(.management),body:has(.sidebar-administrativo){padding-bottom:calc(78px + env(safe-area-inset-bottom))!important}
  .toast{left:50%!important;right:auto!important;transform:translateX(-50%);bottom:calc(88px + env(safe-area-inset-bottom))!important;white-space:nowrap;border-radius:14px;font-size:14px;max-width:calc(100vw - 32px);white-space:normal;text-align:center}
  body:not(:has(.management)) .toast{bottom:calc(92px + env(safe-area-inset-bottom))!important}

  /* Tela do vendedor */
  .manual-sale-hero{background:var(--mata)!important;box-shadow:0 12px 26px rgba(14,74,48,.22)!important;border-radius:22px!important;grid-template-columns:52px 1fr 26px!important;padding:18px 16px!important}
  .manual-sale-hero>span{background:var(--sol)!important;color:var(--mata);width:52px!important;height:52px!important;border-radius:15px!important}
  .manual-sale-hero small{font-size:12px!important;letter-spacing:0!important;color:#BFDCCB;font-weight:600!important}
  .manual-sale-hero strong{font-size:21px!important}
  .manual-sale-hero p{font-size:12.5px!important;color:#BFDCCB!important}
  .manual-sale-hero>b{color:var(--sol)}
  .seller-grid button{border:0!important;border-radius:20px!important;box-shadow:0 1px 2px rgba(14,74,48,.06);min-height:0!important;padding:16px!important}
  .seller-grid span{width:44px;height:44px;border-radius:13px;background:#E4F1E7;display:grid!important;place-items:center;color:var(--mata)!important}
  .seller-grid b{font-size:17px!important;margin:12px 0 2px!important}
  .seller-grid small{font-size:13px!important}

  /* Indicadores */
  .kpi-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}
  .kpi{border:0!important;border-radius:18px!important;padding:14px!important;min-width:0}
  .kpi span{font-size:12.5px!important}
  .kpi strong{font-size:20px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .kpi small{font-size:12px!important}
  .panel{border:0!important;border-radius:20px!important}
  .quick-item{gap:10px;font-size:14px}
  .quick-item small{font-size:12px}
  .badge{font-size:12px!important;padding:5px 10px!important}

  /* Pedidos em cartões */
  .data-table tr{border:0!important;border-radius:20px!important;box-shadow:0 1px 2px rgba(14,74,48,.06)!important;padding:14px 16px!important}
  .data-table td{font-size:14px!important;text-align:right}
  .data-table td:before{font-size:12px!important;text-transform:none!important;font-weight:600!important;letter-spacing:0;text-align:left;flex:0 0 auto}
  .data-table td:first-child{font-size:16px!important}
  .data-table td small{font-size:12.5px;color:var(--cinza)}
  .actions .btn{font-size:14px!important;min-height:44px!important;padding:0 14px!important}
  [data-page=entregas] .data-table td:nth-child(3):before{content:'Endereço'}
  [data-page=entregas] .data-table td:nth-child(4):before{content:'Itens'}
  [data-page=entregas] .data-table td:nth-child(6):before{content:none}
  [data-page=entregas] .data-table td:nth-child(6){justify-content:flex-end;border-top:1px solid var(--linha);padding-top:10px}
  [data-page=entregas] .data-table td:last-child{border-top:0}

  /* Cartões de clientes, entregas, estoque */
  .person-card,.delivery-card,.stock-card{border:0!important;border-radius:20px!important;box-shadow:0 1px 2px rgba(14,74,48,.06)}
  .delivery-card header>span,.delivery-payment small,.route-summary small,.stock-nums small{font-size:12px!important;text-transform:none!important;letter-spacing:0!important}
  .route-summary>div{border:0!important;border-radius:18px!important}
  .stock-photo{height:150px!important;border:0!important;border-radius:16px!important}
  .supervisor-note span{font-size:13px!important}

  /* Modais como folha inferior */
  .modal-wrap{padding:0!important}
  .modal{border-radius:26px 26px 0 0!important;padding:26px 18px 0!important;max-height:94vh!important;position:relative}
  .modal:before{content:'';position:absolute;top:9px;left:50%;width:40px;height:5px;margin-left:-20px;border-radius:3px;background:#D3DDD7}
  .modal h2{font-size:24px;line-height:1.15}
  .modal-actions{bottom:0!important;padding:12px 0 calc(14px + env(safe-area-inset-bottom))!important;margin-top:16px!important}
  .sale-steps span{font-size:12px!important;font-weight:600}
  .fast-product{border-radius:16px!important}
  .fast-product b{font-size:14px!important}
  .fast-product small{font-size:12px!important}
  .fast-icon{width:48px!important;height:48px!important;border:0!important;border-radius:12px!important}
  .review-box small{font-size:12px!important;font-weight:600!important}
  .check-list p{font-size:12px!important}
}
@media(max-width:360px){
  .hero-copy h1{font-size:24px!important}
  .product-card h3{font-size:14.5px!important}
  .sidebar .nav-item{font-size:10px!important}
  .sidebar .nav-item b{width:44px}
}
.hero-mascot{border-radius:50%;box-shadow:0 0 0 5px var(--mata)}
@media(max-width:760px){
  .brand>span:not(.brand-mark){display:none}
  .hero-mascot{width:112px!important;right:-10px!important;bottom:-10px!important}
  .hero-copy h1,.hero-copy p{max-width:none!important}
  .hero-badges{max-width:62%!important}
}
.logout-btn svg{flex:0 0 18px;width:18px!important;height:18px!important;min-width:18px}
@media(max-width:760px){
  .kpi-grid>.kpi:last-child:nth-child(odd){grid-column:1/-1}
  .data-table td{display:block!important;overflow:hidden;line-height:1.4}
  .data-table td:before{float:left;margin-right:12px;line-height:1.55}
  .data-table td:first-child{display:flex!important;justify-content:space-between;align-items:baseline}
  .data-table td:first-child br{display:none}
  .data-table td:last-child{display:flex!important}
  [data-page=entregas] .data-table td:nth-child(6){display:flex!important}
  .data-table td .badge{margin-left:4px}
}
@media(max-width:760px){
  .modal .fast-products{max-height:none!important;overflow:visible!important;padding-right:0}
  .modal .sale-total{position:sticky;bottom:84px;top:auto;z-index:3;box-shadow:0 8px 20px rgba(14,74,48,.25)}
}
@media(max-width:760px){.profile-bar .logout-btn{width:auto!important;max-width:none!important;flex:0 0 auto!important;white-space:nowrap;overflow:visible}}
/* Fotos reais com fundo branco: o branco assume a cor do bloco da categoria. */
.product-art img{mix-blend-mode:multiply}
.fast-icon,.stock-photo{background-blend-mode:multiply}
.product-art img{width:90%;height:90%}
input[type=checkbox]{accent-color:var(--folha)}
@media(min-width:761px){
  .sidebar{background:var(--mata)!important}
  .sidebar .nav-item{width:100%;background:transparent!important;color:#CFE6D7!important;font-size:14px;font-weight:600;text-align:left}
  .sidebar .nav-item:hover{background:rgba(255,255,255,.08)!important;color:#fff!important}
  .sidebar .nav-item.active{background:rgba(255,197,49,.16)!important;color:#fff!important}
  .sidebar .nav-item.active b{color:var(--sol)}
  .hero-side p{color:var(--cinza)!important}
  .hero-side .eyebrow{color:var(--folha)!important}
}
@media(max-width:760px){
  .profile-bar .logout-btn{min-height:42px!important}
  .form-group label{font-size:13px!important}
  .bar-row span,.bar-row b{font-size:12.5px!important}
  .sale-steps b{font-size:12px}
  .simple-login .login-brand span{font-size:12px!important;letter-spacing:0!important;text-transform:none}
}
@media(max-width:760px){
  .data-table td[data-label]:before{content:attr(data-label)!important}
  .data-table td:not([data-label]):before{content:none!important}
  .data-table td:last-child:not(.td-actions){display:block!important;border-top:0!important;padding-top:6px!important;margin-top:0!important}
  .data-table td.td-actions{display:flex!important;justify-content:flex-end;border-top:1px solid var(--linha)!important;padding-top:10px!important;margin-top:4px!important}
}
.brand-mark.has-logo{background:transparent!important;width:46px!important;height:46px!important;border-radius:50%!important;padding:0;overflow:hidden;box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--folha)}
.brand-mark.has-logo img{width:100%;height:100%;display:block}
@media(max-width:760px){
  .brand>span:not(.brand-mark){display:block!important}
  .brand>span:not(.brand-mark) strong{font-size:15px!important;white-space:nowrap;line-height:1.1}
  .brand>span:not(.brand-mark) small{display:block!important;font-size:11.5px;color:var(--cinza);white-space:nowrap}
  .brand-mark.has-logo{width:42px!important;height:42px!important;flex:0 0 42px}
  .mode-switch button{padding:8px 10px!important}
  .topbar{gap:8px}
}
@media(max-width:374px){.brand>span:not(.brand-mark) small{display:none!important}.brand>span:not(.brand-mark) strong{font-size:13.5px!important}}
@media(max-width:430px){.topbar:has(.cart-open:not([style*="none"])) .brand>span:not(.brand-mark) small{display:none!important}}
@media(max-width:380px){.topbar{padding:0 10px!important;gap:6px}.mode-switch button{padding:8px 8px!important;font-size:12.5px!important}.brand{gap:6px!important}.brand>span:not(.brand-mark) strong{font-size:13.5px!important}.icon-btn.cart-open{min-width:42px!important;padding:8px!important}}
@media(max-width:340px){.brand>span:not(.brand-mark){display:none!important}}
/* Sem abas Catálogo/Gestão */
.mode-switch{display:none!important}
.top-login{display:none;align-items:center;gap:7px;min-height:44px;padding:0 14px;border:0;border-radius:14px;background:var(--mata);color:#fff;font:inherit;font-weight:700;font-size:14px;cursor:pointer;white-space:nowrap}
.top-login svg{width:18px;height:18px}
body[data-view=catalogo] .top-login{display:inline-flex}
.topbar{gap:10px}
.topbar .brand{margin-right:auto}
.see-catalog{display:inline-flex;align-items:center;gap:6px;min-height:42px;padding:0 12px;border:1px solid var(--linha);background:#fff;border-radius:12px;font:inherit;font-weight:600;font-size:13px;color:var(--mata);cursor:pointer;margin-left:auto;white-space:nowrap}
.see-catalog svg{width:18px;height:18px}
@media(max-width:760px){.profile-bar>div>span{display:none!important}.profile-bar{gap:8px!important}}
@media(max-width:380px){.top-login{padding:0 11px;font-size:13px}}
@media(max-width:340px){.see-catalog span{display:none}}

/* Poppins é mais larga: ajustes de escala */
h1,h2,h3{letter-spacing:-.025em}
@media(max-width:760px){
  .hero-copy h1{font-size:24px!important;line-height:1.15!important}
  .page-head h1{font-size:25px!important;line-height:1.15!important}
  .product-card h3{font-size:14.5px!important}
  .product-card .price{font-size:18px!important}
  .sidebar .nav-item{font-size:10.5px!important;font-weight:500}
  .sidebar .nav-item.active{font-weight:600}
  .brand>span:not(.brand-mark) strong{font-size:14px!important}
  .manual-sale-hero strong{font-size:19px!important}
  .kpi strong{font-size:18px!important}
  .modal h2{font-size:22px}
}
/* Dinheiro recebido e troco */
.cash-box{margin:14px 0;padding:14px;border-radius:18px;background:#F3F8F4;border:1px solid #D3E6D9}
.cash-box[hidden]{display:none}
.cash-box>label{display:block;font-weight:600;font-size:14px;margin-bottom:8px}
.cash-input{display:flex;align-items:center;background:#fff;border:1.5px solid var(--linha);border-radius:14px;padding:0 14px;min-height:54px}
.cash-input:focus-within{border-color:var(--folha);box-shadow:0 0 0 3px #D6EBDD}
.cash-input span{font-weight:600;color:var(--cinza);font-size:16px}
.cash-input input{flex:1;min-width:0;border:0!important;outline:0;background:transparent;font:inherit;font-size:20px!important;font-weight:700;padding:0 8px;min-height:50px!important;box-shadow:none!important}
.cash-input.pct input{text-align:right}
.cash-input.big input{font-size:24px!important}
.cash-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px}
.cash-quick button{min-height:44px;border:1px solid var(--linha);background:#fff;border-radius:12px;font:inherit;font-size:13px;font-weight:600;color:var(--mata);cursor:pointer;padding:0 4px}
.cash-quick button:first-child{background:var(--mata);color:#fff;border-color:var(--mata)}
.cash-result{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding:12px 14px;border-radius:14px;background:#fff;border:1px solid var(--linha)}
.cash-result span{font-weight:600;color:var(--cinza)}
.cash-result strong{font-size:24px;font-weight:800}
.cash-result.ok{background:var(--sol);border-color:var(--sol)}
.cash-result.ok span,.cash-result.ok strong{color:var(--mata)}
.cash-result.short{background:#FDECEC;border-color:#F5C9C9}
.cash-result.short span,.cash-result.short strong{color:#B42318}
.review-change{background:#FFF3C4!important}
.review-change b{font-size:20px;color:var(--mata)}
/* Precificação */
.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.price-suggest{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:#F3F8F4;margin:2px 0 14px}
.price-suggest span{color:var(--cinza);font-weight:600;font-size:14px}
.price-suggest strong{font-size:20px;margin-right:auto}
.price-suggest .btn{min-height:40px!important;padding:0 16px!important}
.price-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}
.price-stats>div{background:#fff;border:1px solid var(--linha);border-radius:14px;padding:10px 12px}
.price-stats small,.price-row small{display:block;font-size:12px;color:var(--cinza)}
.price-stats b{font-size:16px}
.price-stats b.neg{color:#B42318}
.price-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:12px 0;padding:10px 12px;border-radius:14px;background:#F3F8F4}
.price-row b{font-size:15px}
.price-row b.low{color:#B35A00}
.stock-card .btn+.btn{margin-top:8px}
/* ===== Caixa e relatórios ===== */
.rep{--in:#2F8F55;--out:#C2410C}
.rep .pos{color:var(--in)!important}.rep .neg{color:var(--out)!important}
.rep-period{margin:0 0 12px}
.rep-chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px 0 4px;margin:0 -2px}
.rep-chips::-webkit-scrollbar{display:none}
.rep-chip{flex:0 0 auto;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--linha);background:#fff;font:inherit;font-size:13.5px;font-weight:600;color:var(--tinta);cursor:pointer;white-space:nowrap}
.rep-chip.on{background:var(--mata);border-color:var(--mata);color:#fff}
.rep-dates{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.rep-dates label,.rep-sel{display:flex;flex-direction:column;gap:4px;font-size:12.5px;font-weight:600;color:var(--cinza)}
.rep-dates input,.rep-sel select,.rep-search input{min-height:46px;border:1px solid var(--linha);border-radius:12px;padding:0 12px;font:inherit;font-size:16px;background:#fff;color:var(--tinta);width:100%}
.rep-range{margin:8px 2px 0;font-size:13.5px;color:var(--cinza)}
.rep-range b{color:var(--tinta)}
.rep-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:4px;background:#E6EEE8;border-radius:14px;margin:0 0 14px;position:sticky;top:60px;z-index:12}
.rep-tabs button{min-height:40px;border:0;border-radius:11px;background:transparent;font:inherit;font-size:13.5px;font-weight:600;color:var(--cinza);cursor:pointer}
.rep-tabs button.on{background:#fff;color:var(--mata);box-shadow:0 1px 3px rgba(14,74,48,.12)}
.rep-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}
.rep-kpi{background:#fff;border-radius:18px;padding:14px;min-width:0;box-shadow:0 1px 2px rgba(14,74,48,.06)}
.rep-kpi span,.rep-kpi small{display:block;font-size:12.5px;color:var(--cinza)}
.rep-kpi strong{display:block;font-size:20px;font-weight:700;margin:4px 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rep-kpi.in strong{color:var(--in)}.rep-kpi.out strong{color:var(--out)}
.rep-kpi.bal{background:var(--mata)}.rep-kpi.bal span,.rep-kpi.bal small{color:#BFDCCB}.rep-kpi.bal strong{color:#fff}
.rep-kpi.bal.neg{background:#7C2D12}
.rep-card{background:#fff;border-radius:20px;padding:16px;margin-bottom:12px;box-shadow:0 1px 2px rgba(14,74,48,.06)}
.rep-card-h{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px}
.rep-card-h h3{margin:0;font-size:16px}.rep-card-h span{font-size:12.5px;color:var(--cinza)}
.rep-legend{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--cinza);margin-bottom:10px}
.rep-legend i{width:10px;height:10px;border-radius:3px;display:inline-block;margin-left:6px}
.rep-legend i.e{background:var(--in);margin-left:0}.rep-legend i.s{background:var(--out)}
.rep-chart{display:grid;grid-template-columns:repeat(var(--n),1fr);gap:2px;height:170px;align-items:end}
.rep-col{display:flex;flex-direction:column;height:100%;min-width:0}
.rep-bars{flex:1;display:flex;align-items:flex-end;justify-content:center;gap:1px;border-bottom:1px solid var(--linha)}
.rep-bars b{width:45%;max-width:14px;border-radius:3px 3px 0 0;min-height:1px}
.rep-bars b.e{background:var(--in)}.rep-bars b.s{background:var(--out)}
.rep-col small{font-size:10.5px;color:var(--cinza);text-align:center;height:16px;line-height:16px;white-space:nowrap}
.rep-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.rep-grid .rep-card{margin:0}
.rep-hbar{margin:10px 0}
.rep-hbar-t{display:flex;justify-content:space-between;gap:8px;font-size:14px}
.rep-hbar-t b{font-weight:700}
.rep-hbar-track{height:8px;border-radius:4px;background:#EEF3EF;margin:5px 0 2px;overflow:hidden}
.rep-hbar-track i{display:block;height:100%;background:var(--folha);border-radius:4px}
.rep-hbar small{font-size:12px;color:var(--cinza)}
.rep-empty{color:var(--cinza);font-size:14px;text-align:center;padding:18px 0;margin:0}
.rep-filters{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px;align-items:end}
.rep-seg{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;grid-column:span 2}
.rep-seg .rep-chip{border-radius:12px;min-height:46px}
.rep-search{grid-column:1/-1}
.rep-totalbar{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:#fff;border-radius:18px;padding:12px 14px;margin-bottom:12px;box-shadow:0 1px 2px rgba(14,74,48,.06)}
.rep-totalbar small{display:block;font-size:12px;color:var(--cinza)}
.rep-totalbar b{font-size:16px;white-space:nowrap}
.rep-day{background:#fff;border-radius:18px;padding:4px 14px;margin-bottom:10px;box-shadow:0 1px 2px rgba(14,74,48,.06)}
.rep-day-h{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid var(--linha);font-size:14px}
.rep-day-h b{text-transform:capitalize}
.rep-day-h span{display:flex;gap:8px;font-size:13px;font-weight:600}.rep-day-h em{font-style:normal}
.rep-row{display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #EEF3EF}
.rep-row:last-child{border-bottom:0}
.rep-row>i{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font-style:normal;font-weight:700}
.rep-row>i.in{background:#E1F0E4;color:var(--in)}.rep-row>i.out{background:#FDEBDD;color:var(--out)}
.rep-row b{display:block;font-size:14px;font-weight:600;line-height:1.3}
.rep-row small{display:block;font-size:12px;color:var(--cinza)}
.rep-row strong{font-size:14.5px;white-space:nowrap}
.rep-sale{background:#fff;border-radius:18px;padding:12px 14px;margin-bottom:8px;box-shadow:0 1px 2px rgba(14,74,48,.06)}
.rep-sale-h{display:flex;justify-content:space-between;font-size:13px;color:var(--cinza);margin-bottom:6px}
.rep-sale-h b{color:var(--tinta)}
.rep-sale-b{display:flex;justify-content:space-between;gap:10px}
.rep-sale-b b{display:block;font-size:15px}
.rep-sale-b small{display:block;font-size:12.5px;color:var(--cinza);line-height:1.4}
.rep-sale-v{text-align:right;flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.rep-sale-v strong{font-size:16px}
.rep-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0 6px}
.rep-print-h{display:none}
@media(max-width:760px){
  .rep-kpis{grid-template-columns:1fr 1fr}
  .rep-kpi.bal{grid-column:1/-1;order:-1}
  .rep-kpi.bal strong{font-size:26px}
  .rep-grid{grid-template-columns:1fr;gap:0}
  .rep-grid .rep-card{margin-bottom:12px}
  .rep-filters{grid-template-columns:1fr 1fr}
  .rep-seg{grid-column:1/-1}
  .rep-tabs{top:58px}
  .rep-chart{height:150px}
  .rep-actions{position:sticky;bottom:calc(76px + env(safe-area-inset-bottom));background:linear-gradient(transparent,var(--fundo) 30%);padding-top:14px;margin-bottom:0}
}
@media print{
  .demo-ribbon,.topbar,.sidebar,.profile-bar,.rep-actions,.rep-chips,.rep-dates,.rep-tabs,.rep-filters,.page-head,.toast,#toast-root,.rep-body>.btn{display:none!important}
  body{background:#fff!important;padding:0!important}
  .management-main{padding:0!important}
  .rep-print-h{display:block!important;order:-1;margin-bottom:10px;border-bottom:2px solid #0E4A30;padding-bottom:8px}
  .rep{display:flex;flex-direction:column}
  .rep-print-h b{display:block;font-size:18px}.rep-print-h span{font-size:12px;color:#555}
  .rep-card,.rep-kpi,.rep-day,.rep-sale,.rep-totalbar{box-shadow:none!important;border:1px solid #ddd;break-inside:avoid}
  .rep-kpis{grid-template-columns:repeat(3,1fr)!important}.rep-kpi.bal{grid-column:auto!important;order:0!important}
  .rep-grid{grid-template-columns:repeat(3,1fr)!important}
  .rep-kpi.bal{background:#fff!important}.rep-kpi.bal strong{color:#0E4A30!important}.rep-kpi.bal span,.rep-kpi.bal small{color:#555!important}
}
.rep-day-h b{text-transform:none!important}.rep-day-h b::first-letter{text-transform:uppercase}
.rep-chips{flex-wrap:wrap;overflow:visible}
.rep-dates{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.rep-dates label,.rep-sel{min-width:0}
.rep-dates input{min-width:0;max-width:100%;-webkit-appearance:none;appearance:none}
.rep-sel select{min-width:0;text-overflow:ellipsis}
@media(max-width:760px){.rep-body[data-tab=movimentos] .rep-sel{grid-column:1/-1}.rep-chip{min-height:42px;padding:0 14px}}
.profile-bar button span{font-size:13px!important;text-transform:none!important;letter-spacing:0!important;color:inherit!important;font-weight:600!important;display:inline!important}
@media print{
  .management{display:block!important;grid-template-columns:none!important}
  .management-main{width:100%!important;max-width:none!important;margin:0!important}
  .rep-kpi strong{white-space:normal!important;overflow:visible!important}
  @page{margin:12mm}
}
/* Compartilhar no WhatsApp */
.btn-wa{background:#25D366!important;color:#06341C!important;display:inline-flex!important;align-items:center;justify-content:center;gap:7px}
.btn-wa svg{width:20px;height:20px;flex:0 0 20px}
.rep-actions{grid-template-columns:1.3fr 1fr 1fr!important}
.share-help{color:var(--cinza);font-size:14px;margin:-6px 0 12px}
.share-period{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.share-preview{background:#EFE7DD;border-radius:18px;padding:14px;max-height:46vh;overflow:auto}
.share-bubble{background:#DCF8C6;border-radius:12px 12px 12px 3px;padding:10px 12px;font-size:14px;line-height:1.45;color:#111B21;box-shadow:0 1px 1px rgba(0,0,0,.08);max-width:96%;word-wrap:break-word}
.share-edit{margin-top:10px}
.share-edit summary{cursor:pointer;font-weight:600;color:var(--mata);font-size:14px;padding:8px 0}
.share-edit textarea{width:100%;border:1px solid var(--linha);border-radius:12px;padding:10px;font:inherit;font-size:15px;line-height:1.4;resize:vertical}
.day-share{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border-radius:18px;padding:12px 12px 12px 16px;margin:0 0 14px;box-shadow:0 1px 2px rgba(14,74,48,.06)}
.day-share small{display:block;font-size:12.5px;color:var(--cinza)}
.day-share b{font-size:15px}
.day-share .btn{white-space:nowrap;min-height:46px!important;padding:0 14px!important}
@media(max-width:400px){.day-share{flex-direction:column;align-items:stretch}.day-share .btn{width:100%}}