:root{
  --green-950:#0E1B16;--green-900:#10271f;--green-800:#144D3A;--orange:#F59E2C;
  --cream:#F2F0E8;--gray:#6B6F72;--white:#fff;--ink:#142019;--line:rgba(14,27,22,.12);
  --shadow:0 24px 70px rgba(7,22,15,.16);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Poppins,Arial,sans-serif;color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 40px));margin:0 auto}
.brand-link{display:inline-flex;align-items:center}.brand-lockup{display:inline-flex;align-items:center}.brand-logo-full{display:block;width:240px;max-width:100%;height:auto}
.site-header{position:fixed;z-index:50;top:0;left:0;right:0;background:rgba(14,27,22,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.05);transition:.25s}.site-header.scrolled{background:rgba(10,21,17,.96);box-shadow:0 10px 35px rgba(0,0,0,.15)}.header-inner{height:84px;display:flex;align-items:center;gap:28px}.nav{margin-left:auto;display:flex;align-items:center;gap:27px;color:rgba(242,240,232,.72);font-size:12px;font-weight:600}.nav a:hover{color:var(--orange)}.client-area-button{display:flex;align-items:center;gap:10px;border:1px solid rgba(245,158,44,.38);background:rgba(245,158,44,.08);border-radius:15px;padding:9px 13px;color:var(--cream);min-width:176px;transition:.2s}.client-area-button:hover{background:var(--orange);color:var(--green-950);transform:translateY(-1px)}.client-area-icon{width:31px;height:31px;border-radius:10px;background:var(--orange);color:var(--green-950);display:grid;place-items:center;font-weight:800}.client-area-button:hover .client-area-icon{background:var(--green-950);color:var(--orange)}.client-area-button>span:last-child{display:grid}.client-area-button b{font-size:12px}.client-area-button small{font-size:8px;opacity:.7;margin-top:2px}.menu-toggle{display:none;margin-left:auto;border:0;background:none;padding:8px}.menu-toggle span{display:block;width:24px;height:2px;background:var(--cream);margin:5px 0}
.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#081611 0%,var(--green-950) 56%,#123d2f 100%);color:var(--cream);padding:155px 0 88px}.hero-orb{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.hero-orb-a{width:630px;height:630px;right:-260px;top:-200px;border:1px solid rgba(245,158,44,.11);box-shadow:0 0 0 80px rgba(245,158,44,.03),0 0 0 160px rgba(245,158,44,.02)}.hero-orb-b{width:380px;height:380px;left:-240px;bottom:-220px;background:radial-gradient(circle,rgba(245,158,44,.3),transparent 68%)}.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:72px;align-items:center;position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--orange);font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.eyebrow span{width:30px;height:2px;background:var(--orange)}.eyebrow.dark{color:var(--green-800)}.hero h1,.section-heading h2,.split-copy h2,.purpose-copy h2,.client-cta h2{font-size:clamp(40px,5vw,72px);line-height:.98;letter-spacing:-3px;margin:20px 0}.hero h1 strong,.section-heading strong,.split-copy strong,.purpose-copy strong{color:var(--orange)}.hero-copy>p{max-width:640px;color:rgba(242,240,232,.66);font-size:16px;line-height:1.8}.hero-actions,.client-cta-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:13px;padding:13px 18px;font-weight:700;font-size:12px;border:1px solid transparent;cursor:pointer;transition:.2s}.btn-primary{background:var(--orange);color:var(--green-950);box-shadow:0 10px 30px rgba(245,158,44,.18)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 36px rgba(245,158,44,.25)}.btn-ghost{border-color:rgba(242,240,232,.17);color:var(--cream);background:rgba(255,255,255,.025)}.btn-ghost:hover{border-color:var(--orange)}.btn-dark{background:var(--green-950);color:var(--cream)}.btn-danger{background:#a63838;color:#fff}.btn-soft{background:#eef1ed;color:var(--green-950);border-color:var(--line)}.btn-full{width:100%}.hero-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:34px}.hero-tags span{font-size:10px;padding:8px 11px;border:1px solid rgba(255,255,255,.09);border-radius:99px;color:rgba(242,240,232,.62)}.hero-brand-card{background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.1);border-radius:32px;padding:34px;box-shadow:0 30px 100px rgba(0,0,0,.25);position:relative;overflow:hidden}.hero-brand-card:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-70px;bottom:-100px;background:rgba(245,158,44,.08)}.brand-symbol-large{height:175px;display:grid;place-items:center}.brand-symbol-large img{width:min(100%,430px);height:auto;max-height:150px;object-fit:contain}.brand-card-copy{margin-top:12px}.brand-card-copy small{font-size:9px;color:var(--orange);font-weight:700;letter-spacing:2px}.brand-card-copy strong{display:block;font-size:24px;line-height:1.2;margin-top:8px}.brand-card-copy p{font-size:12px;color:rgba(242,240,232,.55)}.brand-card-points{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:24px;position:relative;z-index:2}.brand-card-points div{border-top:1px solid rgba(255,255,255,.1);padding-top:12px;display:grid}.brand-card-points b{font-size:10px;color:var(--orange)}.brand-card-points span{font-size:9px;margin-top:4px;color:rgba(242,240,232,.65)}.trust-strip{background:#0a1511;color:var(--cream);border-top:1px solid rgba(255,255,255,.05)}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr)}.trust-grid>div{display:flex;align-items:center;gap:15px;padding:24px 30px;border-right:1px solid rgba(255,255,255,.06)}.trust-grid>div:last-child{border-right:0}.line-icon{width:42px;height:42px;border-radius:13px;border:1px solid rgba(245,158,44,.25);color:var(--orange);display:grid;place-items:center;font-size:21px}.trust-grid p{display:grid;margin:0}.trust-grid b{font-size:12px}.trust-grid small{font-size:9px;color:rgba(242,240,232,.48);margin-top:3px;line-height:1.4}
.section{padding:105px 0}.section-light{background:var(--cream)}.section-dark{background:var(--green-950);color:var(--cream)}.section-heading{max-width:850px;margin-bottom:48px}.section-heading h2,.split-copy h2,.purpose-copy h2,.client-cta h2{font-size:clamp(34px,4vw,55px);line-height:1.06;letter-spacing:-2.2px}.section-heading>p,.split-copy>p,.purpose-copy>p{font-size:14px;line-height:1.85;color:var(--gray);max-width:760px}.section-dark .split-copy>p{color:rgba(242,240,232,.58)}.solution-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.solution-card{position:relative;background:#fff;border:1px solid rgba(14,27,22,.08);border-radius:22px;padding:27px 23px;min-height:270px;overflow:hidden;transition:.25s}.solution-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:rgba(245,158,44,.3)}.solution-card>span{position:absolute;right:16px;top:9px;font-size:45px;font-weight:800;color:rgba(14,27,22,.04)}.solution-card>i{font-style:normal;width:52px;height:52px;border-radius:15px;background:var(--green-950);color:var(--orange);display:grid;place-items:center;font-size:24px;margin-bottom:50px}.solution-card h3{font-size:18px;margin:0 0 9px}.solution-card p{font-size:12px;color:var(--gray);line-height:1.7;margin:0}.audience-band{margin-top:25px;border:1px solid var(--line);background:rgba(255,255,255,.35);border-radius:18px;padding:20px 24px;display:flex;align-items:center;gap:18px;overflow:auto;white-space:nowrap}.audience-band>b{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:var(--green-800);margin-right:10px}.audience-band>span{font-size:13px;font-weight:600}.audience-band>i{width:5px;height:5px;border-radius:50%;background:var(--orange)}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.text-link{display:inline-flex;gap:10px;margin-top:18px;color:var(--orange);font-weight:700;font-size:12px}.flow-card{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);border-radius:26px;padding:30px}.flow-card>div{display:grid;grid-template-columns:58px 1fr;gap:16px;align-items:start}.flow-card b{width:50px;height:50px;border-radius:14px;background:rgba(245,158,44,.1);border:1px solid rgba(245,158,44,.16);display:grid;place-items:center;color:var(--orange);font-size:11px}.flow-card span{display:grid}.flow-card strong{font-size:17px}.flow-card small{font-size:11px;color:rgba(242,240,232,.48);line-height:1.6;margin-top:3px}.flow-card em{display:block;width:1px;height:38px;background:linear-gradient(var(--orange),transparent);margin:6px 0 6px 24px;opacity:.4}.purpose{background:#fff}.purpose-grid{display:grid;grid-template-columns:.68fr 1.32fr;gap:75px;align-items:center}.purpose-symbol{min-height:390px;border-radius:30px;background:var(--green-950);display:grid;place-items:center;position:relative;overflow:hidden;box-shadow:var(--shadow)}.purpose-symbol:before{content:"";position:absolute;width:390px;height:390px;border:1px solid rgba(245,158,44,.16);border-radius:50%;box-shadow:0 0 0 55px rgba(245,158,44,.035),0 0 0 110px rgba(245,158,44,.02)}.purpose-symbol img{width:min(82%,430px);height:auto;position:relative;z-index:2}.values-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}.values-row>div{border-top:2px solid var(--orange);padding-top:12px;display:grid}.values-row b{font-size:14px}.values-row span{font-size:10px;color:var(--gray);margin-top:3px}.client-cta{background:linear-gradient(var(--cream),#e7e3d8);padding:0 0 95px}.client-cta-card{background:var(--green-950);border-radius:32px;padding:52px;color:var(--cream);display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center;box-shadow:0 26px 80px rgba(14,27,22,.18)}.client-cta h2{margin:16px 0 12px}.client-cta p{font-size:12px;color:rgba(242,240,232,.55);line-height:1.7;max-width:690px}.client-cta-actions{justify-content:flex-end;margin:0}.footer{background:#08130f;color:rgba(242,240,232,.55);padding:42px 0 22px}.footer-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:35px;align-items:center;padding-bottom:26px;border-bottom:1px solid rgba(255,255,255,.06)}.footer-grid p{font-size:11px}.footer-grid>a{color:var(--orange);font-size:11px;font-weight:700}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:18px;font-size:9px;text-transform:uppercase;letter-spacing:1px}
.reveal{opacity:0;transform:translateY(18px);transition:.65s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.15s}.delay-3{transition-delay:.22s}

/* Portais */
.portal-body{background:#edf0eb;min-height:100vh}.portal-header{background:var(--green-950);color:var(--cream);border-bottom:1px solid rgba(255,255,255,.06)}.portal-header-inner{min-height:78px;display:flex;align-items:center;gap:24px}.portal-title{display:grid;margin-left:12px;padding-left:22px;border-left:1px solid rgba(255,255,255,.12)}.portal-title span{font-size:8px;color:var(--orange);font-weight:700;letter-spacing:1.7px}.portal-title b{font-size:13px;margin-top:3px}.portal-user{margin-left:auto;display:flex;align-items:center;gap:14px}.portal-user span{font-size:10px;color:rgba(242,240,232,.65)}.portal-user a{font-size:10px;font-weight:700;color:var(--orange);border:1px solid rgba(245,158,44,.25);padding:8px 11px;border-radius:10px}.portal-main{padding:34px 0 65px}.portal-grid{display:grid;grid-template-columns:230px 1fr;gap:24px;align-items:start}.sidebar{background:#fff;border:1px solid rgba(14,27,22,.08);border-radius:18px;padding:12px;position:sticky;top:20px}.sidebar a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:10px;font-size:11px;font-weight:600;color:#425048}.sidebar a:hover,.sidebar a.active{background:var(--green-950);color:var(--cream)}.sidebar a.active:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--orange)}.portal-content h1{font-size:28px;letter-spacing:-1px;margin:0}.portal-content .lead{font-size:11px;color:var(--gray);margin:6px 0 24px}.panel-card{background:#fff;border:1px solid rgba(14,27,22,.08);border-radius:18px;padding:22px;box-shadow:0 6px 25px rgba(14,27,22,.04);margin-bottom:18px}.panel-card h2{font-size:16px;margin:0 0 15px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stat-card{background:#fff;border:1px solid rgba(14,27,22,.08);border-radius:16px;padding:18px}.stat-card small{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:var(--gray)}.stat-card strong{display:block;font-size:28px;margin-top:5px}.stat-card em{font-style:normal;font-size:9px;color:var(--green-800)}.status-pill{display:inline-flex;align-items:center;border-radius:99px;padding:6px 9px;font-size:9px;font-weight:700}.status-ok{background:#dff3e7;color:#1c6d3e}.status-warn{background:#fff0d9;color:#9c5e05}.status-danger{background:#f8dddd;color:#963333}.status-neutral{background:#ecefed;color:#52615a}.data-table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:720px}.data-table th{text-align:left;font-size:8px;letter-spacing:.8px;text-transform:uppercase;color:var(--gray);padding:10px;border-bottom:1px solid var(--line)}.data-table td{font-size:10px;padding:12px 10px;border-bottom:1px solid rgba(14,27,22,.06);vertical-align:top}.data-table tr:last-child td{border-bottom:0}.data-table strong{font-size:11px}.table-actions{display:flex;gap:6px;flex-wrap:wrap}.table-actions .btn{padding:7px 9px;font-size:9px;border-radius:8px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;flex-wrap:wrap}.toolbar form{display:flex;gap:8px;flex-wrap:wrap}.toolbar input,.toolbar select{border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 10px;font-size:10px}
.auth-page{min-height:100vh;background:radial-gradient(circle at 80% 15%,rgba(245,158,44,.13),transparent 25%),var(--green-950);display:grid;place-items:center;padding:30px 0}.auth-shell{width:min(980px,calc(100% - 28px));display:grid;grid-template-columns:.95fr 1.05fr;background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 30px 100px rgba(0,0,0,.25)}.auth-brand{background:#081610;color:var(--cream);padding:48px;display:flex;flex-direction:column;justify-content:space-between;min-height:620px}.auth-brand-copy h1{font-size:42px;line-height:1.03;letter-spacing:-2px}.auth-brand-copy h1 strong{color:var(--orange)}.auth-brand-copy p{font-size:11px;color:rgba(242,240,232,.55);line-height:1.8}.auth-brand-points{display:grid;gap:10px}.auth-brand-points div{display:flex;gap:10px;align-items:center;font-size:10px;color:rgba(242,240,232,.65)}.auth-brand-points i{width:28px;height:28px;border-radius:9px;background:rgba(245,158,44,.1);color:var(--orange);display:grid;place-items:center;font-style:normal}.auth-panel{padding:48px}.auth-panel h2{font-size:26px;margin:0 0 6px}.auth-panel>p{font-size:10px;color:var(--gray);margin:0 0 24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:grid;gap:6px;margin-bottom:13px}.field.full{grid-column:1/-1}.field label{font-size:9px;font-weight:700;color:#455249}.field input,.field textarea,.field select{width:100%;border:1px solid #d9dfda;background:#fff;border-radius:11px;padding:11px 12px;font-size:11px;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:rgba(245,158,44,.9);box-shadow:0 0 0 3px rgba(245,158,44,.08)}.form-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:8px}.form-help{font-size:9px;color:var(--gray);line-height:1.6}.form-help a{color:var(--green-800);font-weight:700}.alert{padding:12px 13px;border-radius:11px;font-size:10px;margin-bottom:15px}.alert-danger{background:#fde8e8;color:#8a2c2c}.alert-ok{background:#e5f5ea;color:#216c40}.alert-warn{background:#fff1d8;color:#895600}.status-page-card{text-align:center;max-width:640px;margin:40px auto;background:#fff;border-radius:24px;padding:42px;border:1px solid var(--line)}.status-big-icon{width:74px;height:74px;border-radius:22px;margin:0 auto 18px;background:#fff0da;color:#a86400;display:grid;place-items:center;font-size:32px}.status-page-card h1{font-size:27px}.status-page-card p{font-size:11px;color:var(--gray);line-height:1.8}
.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.product-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden}.product-visual{height:150px;background:linear-gradient(135deg,var(--green-950),#174535);display:grid;place-items:center;position:relative}.product-visual:before{content:"SUPLIO";position:absolute;font-size:52px;font-weight:800;letter-spacing:5px;color:rgba(255,255,255,.04)}.product-package{width:90px;height:70px;background:#c89a61;border-radius:5px;transform:rotate(-5deg);box-shadow:0 12px 25px rgba(0,0,0,.2);position:relative}.product-package:after{content:"S";position:absolute;inset:0;display:grid;place-items:center;font-size:35px;font-weight:800;color:var(--green-950)}.product-card-body{padding:18px}.product-code{font-size:8px;color:var(--orange);font-weight:700;letter-spacing:1px}.product-card h3{font-size:15px;margin:6px 0}.product-card p{font-size:9px;color:var(--gray);line-height:1.5}.product-price{font-size:20px;font-weight:800;margin:12px 0 2px}.product-unit{font-size:8px;color:var(--gray)}.order-line{display:grid;grid-template-columns:90px 1fr;gap:10px;align-items:end;margin-top:14px}.order-line .field{margin:0}.order-total{font-size:9px;color:var(--gray);display:grid}.order-total strong{font-size:15px;color:var(--green-950)}.order-form-footer{margin-top:18px;display:grid;gap:12px}.empty-state{text-align:center;padding:36px;color:var(--gray);font-size:11px}.order-summary{display:grid;grid-template-columns:1fr auto;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);font-size:10px}.order-summary:last-child{border-bottom:0}.order-summary strong{font-size:11px}.order-summary span:last-child{text-align:right}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.detail-item{padding:12px;border:1px solid var(--line);border-radius:12px}.detail-item small{font-size:8px;color:var(--gray);text-transform:uppercase}.detail-item strong{display:block;font-size:11px;margin-top:3px}.admin-action-box{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.admin-action-box form{display:flex;gap:8px;flex-wrap:wrap}.admin-action-box select,.admin-action-box textarea{border:1px solid var(--line);border-radius:10px;padding:9px;font-size:10px}
.install-page{background:var(--green-950);min-height:100vh;padding:40px 0}.install-card{width:min(800px,calc(100% - 30px));margin:auto;background:#fff;border-radius:24px;padding:34px}.install-card h1{margin-top:0}.install-card .logo-install{margin-bottom:28px}.install-note{background:#f5f1e8;border-left:3px solid var(--orange);padding:12px;font-size:10px;line-height:1.6;margin-bottom:20px}.code-inline{font-family:monospace;background:#eef1ed;padding:2px 5px;border-radius:4px}
@media(max-width:980px){
 .nav{display:none;position:absolute;top:76px;left:20px;right:20px;background:#10271f;border:1px solid rgba(255,255,255,.07);border-radius:15px;padding:15px;flex-direction:column;align-items:stretch}.nav.open{display:flex}.menu-toggle{display:block}.header-inner{height:76px}.client-area-button{margin-left:0;min-width:160px}.hero-grid,.split-grid,.purpose-grid,.client-cta-card{grid-template-columns:1fr}.solution-grid{grid-template-columns:repeat(2,1fr)}.hero-brand-card{max-width:680px}.client-cta-actions{justify-content:flex-start}.portal-grid{grid-template-columns:1fr}.sidebar{position:static;display:flex;overflow:auto;white-space:nowrap}.stats-grid{grid-template-columns:repeat(2,1fr)}.catalog-grid{grid-template-columns:repeat(2,1fr)}.auth-shell{grid-template-columns:1fr}.auth-brand{min-height:auto}.auth-brand-points{display:none}
}
@media(max-width:700px){
 .container{width:min(100% - 24px,1180px)}.brand-logo-full{width:190px}.client-area-button{min-width:auto;padding:8px 10px}.client-area-button .client-area-icon{display:none}.client-area-button b{font-size:10px}.client-area-button small{font-size:7px}.hero{padding:125px 0 65px}.hero h1{letter-spacing:-2px}.hero-grid{gap:40px}.brand-card-points{grid-template-columns:1fr}.trust-grid{grid-template-columns:1fr}.trust-grid>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.06)}.section{padding:75px 0}.solution-grid{grid-template-columns:1fr}.purpose-symbol{min-height:260px}.purpose-symbol img{width:min(82%,330px)}.values-row{grid-template-columns:1fr}.client-cta{padding-bottom:60px}.client-cta-card{padding:28px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.portal-header-inner{flex-wrap:wrap;padding:12px 0}.portal-title{order:3;width:100%;margin:0;padding:9px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.08)}.portal-user span{display:none}.portal-main{padding-top:20px}.stats-grid,.catalog-grid,.detail-grid{grid-template-columns:1fr}.auth-brand,.auth-panel{padding:30px 24px}.auth-brand-copy h1{font-size:34px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.install-card{padding:25px 20px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}

/* SUPLIO V3 */
.product-base-price{font-size:10px;color:var(--gray);text-decoration:line-through;margin-top:8px}
.product-special-badge{display:inline-flex;margin:4px 0 8px;padding:4px 8px;border-radius:999px;background:rgba(245,158,44,.12);color:#9c5a00;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.7px}
.compact-field{min-width:130px}.compact-field input{min-width:110px}
.product-admin-form{border-bottom:1px solid var(--line);padding:18px 0}.product-admin-form:last-child{border-bottom:0}
.danger-zone{margin-top:22px;padding-top:18px;border-top:1px solid #f0c5c5;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.danger-zone span{font-size:10px;color:var(--gray)}
.boleto-meta{display:grid;grid-template-columns:1fr 2fr 1fr;gap:12px;margin:18px 0}.barcode-box strong{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;word-break:break-all;font-size:13px;letter-spacing:.4px}.boleto-preview{width:100%;height:620px;border:1px solid var(--line);border-radius:16px;background:#f5f5f5}
[data-cep-status]{display:block;min-height:16px;margin-top:5px;color:#63766e}
@media(max-width:700px){.boleto-meta{grid-template-columns:1fr}.boleto-preview{height:500px}.compact-field{min-width:105px}.brand-logo-full{width:190px}}

.brand-logo-full{display:block;width:245px;max-width:100%;height:auto;object-fit:contain}
@media(max-width:700px){.brand-logo-full{width:190px}}


/* SUPLIO V3.1 — instalação PWA somente dentro dos painéis */
.pwa-install-button{appearance:none;border:1px solid rgba(245,158,44,.38);background:rgba(245,158,44,.08);color:var(--cream);border-radius:12px;padding:7px 10px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-family:inherit;text-align:left;transition:.2s ease}.pwa-install-button[hidden]{display:none!important}.pwa-install-button:hover{background:rgba(245,158,44,.16);border-color:rgba(245,158,44,.75);transform:translateY(-1px)}.pwa-install-icon{width:28px;height:28px;border-radius:9px;background:var(--orange);color:var(--green-950);display:grid;place-items:center;font-size:17px;font-weight:800}.pwa-install-button span:last-child{display:grid;line-height:1.1}.pwa-install-button b{font-size:9px}.pwa-install-button small{font-size:7px;color:rgba(242,240,232,.55);margin-top:3px}
.pwa-install-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:20px}.pwa-install-modal[hidden]{display:none}.pwa-install-backdrop{position:absolute;inset:0;background:rgba(4,13,9,.74);backdrop-filter:blur(5px)}.pwa-install-dialog{position:relative;width:min(430px,100%);background:#fff;border-radius:22px;padding:30px;box-shadow:0 28px 90px rgba(0,0,0,.32);text-align:center}.pwa-modal-close{position:absolute;right:14px;top:12px;width:34px;height:34px;border:0;border-radius:50%;background:#eef1ed;color:var(--green-950);font-size:22px;cursor:pointer}.pwa-app-icon{width:82px;height:82px;border-radius:20px;overflow:hidden;margin:0 auto 15px;box-shadow:0 10px 30px rgba(14,27,22,.16)}.pwa-app-icon img{width:100%;height:100%;display:block}.pwa-install-dialog h2{font-size:21px;margin:0 0 8px}.pwa-install-dialog p{font-size:11px;color:var(--gray);line-height:1.7;margin:0 0 20px}.pwa-install-dialog .btn{min-height:46px}
.pwa-entry-body{min-height:100vh;background:var(--green-950);display:grid;place-items:center;padding:24px}.pwa-entry-card{width:min(520px,100%);background:#fff;border-radius:26px;padding:34px;box-shadow:0 25px 80px rgba(0,0,0,.3)}.pwa-entry-logo{background:var(--green-950);border-radius:18px;padding:20px;margin-bottom:24px}.pwa-entry-logo img{width:min(100%,320px);display:block;margin:auto}.pwa-entry-card h1{font-size:28px;margin:0 0 8px}.pwa-entry-card>p{font-size:11px;color:var(--gray);line-height:1.7}.pwa-entry-actions{display:grid;gap:10px;margin-top:24px}.pwa-entry-note{margin-top:18px;padding-top:18px;border-top:1px solid var(--line);font-size:9px!important}
@media(max-width:700px){.portal-user{gap:8px}.pwa-install-button{padding:6px 8px}.pwa-install-button small{display:none}.pwa-install-button b{font-size:8px}.pwa-install-icon{width:25px;height:25px}.pwa-install-dialog{padding:26px 20px}.portal-user>a{padding:7px 9px}}

/* SUPLIO V3.2 — controle individual de instalação do aplicativo */
.app-permission-form{display:flex;align-items:center;gap:6px;white-space:nowrap}.app-permission-form select{min-width:68px;border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 8px;font:inherit;font-size:9px}.app-permission-form .btn{padding:7px 8px;font-size:8px}


/* SUPLIO V3.3 — responsividade real dos painéis */
html,body{max-width:100%;overflow-x:hidden}.portal-grid,.portal-content,.panel-card,.data-table-wrap{min-width:0}.data-table-wrap{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}

@media(max-width:700px){
  /* Estrutura do painel no celular: não deixar conteúdo desktop alargar o viewport */
  .portal-body{width:100%;min-width:0;overflow-x:hidden;background:#edf0eb}
  .portal-header{width:100%;max-width:100%;position:relative;z-index:30}
  .portal-header-inner{width:calc(100% - 20px);max-width:none;min-height:64px;padding:9px 0;display:flex;flex-wrap:nowrap;align-items:center;gap:8px}
  .portal-header .brand-link{flex:0 1 auto;min-width:0}
  .portal-header .brand-logo-full{width:145px;max-width:145px;height:auto}
  .portal-header-client .portal-title{display:none}
  .portal-header-admin .portal-title{order:2;min-width:0;margin:0 0 0 5px;padding-left:10px;border-left:1px solid rgba(255,255,255,.12);border-top:0;width:auto}
  .portal-header-admin .portal-title span{font-size:7px;letter-spacing:1.2px;white-space:nowrap}
  .portal-header-admin .portal-title b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:105px}
  .portal-user{margin-left:auto;flex:0 0 auto;gap:6px;min-width:0}
  .portal-user>span{display:none}
  .portal-user>a{padding:8px 10px;font-size:10px;border-radius:9px;white-space:nowrap}
  .pwa-install-button{width:36px;height:36px;padding:0;display:grid;place-items:center;border-radius:10px}
  .pwa-install-button>span:last-child{display:none}
  .pwa-install-icon{width:26px;height:26px;border-radius:8px;font-size:16px}

  .portal-main{padding:14px 0 36px;width:100%}
  .portal-main>.container,.portal-grid{width:calc(100% - 20px);max-width:none;margin-left:auto;margin-right:auto}
  .portal-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
  .portal-content{width:100%;max-width:100%;min-width:0}

  /* Navegação vira barra de abas própria para toque */
  .sidebar{width:100%;max-width:100%;position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;overflow:visible;white-space:normal;padding:5px;border-radius:13px}
  .sidebar a{justify-content:center;text-align:center;min-width:0;min-height:42px;padding:9px 6px;border-radius:9px;font-size:10px;line-height:1.25;white-space:normal}
  .sidebar a.active:before{display:none}

  /* Conteúdo principal */
  .portal-content h1{font-size:22px;line-height:1.15;letter-spacing:-.6px;margin:2px 0 0}
  .portal-content .lead{font-size:12px;line-height:1.55;margin:7px 0 16px}
  .panel-card{width:100%;max-width:100%;padding:14px;border-radius:15px;margin-bottom:12px;overflow:hidden}
  .panel-card h2{font-size:16px;line-height:1.25;margin:0 0 12px}
  .toolbar{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:9px;margin-bottom:12px}
  .toolbar>div{min-width:0}
  .toolbar .status-pill{justify-self:start}
  .form-help{font-size:10px;line-height:1.5}
  .status-pill{font-size:9px;padding:5px 8px}

  /* Catálogo e pedido */
  .catalog-grid{grid-template-columns:minmax(0,1fr);gap:12px}
  .product-card{width:100%;border-radius:16px}
  .product-visual{height:118px}
  .product-visual:before{font-size:39px;letter-spacing:3px}
  .product-package{width:72px;height:56px}
  .product-package:after{font-size:27px}
  .product-card-body{padding:15px}
  .product-code{font-size:9px}
  .product-card h3{font-size:16px;line-height:1.25;margin:6px 0}
  .product-card p{font-size:11px;line-height:1.55;margin:6px 0}
  .product-base-price{font-size:10px}
  .product-price{font-size:22px;line-height:1.15;margin:10px 0 2px}
  .product-unit{font-size:9px}
  .product-special-badge{font-size:8px}
  .order-line{grid-template-columns:105px minmax(0,1fr);gap:12px;margin-top:14px;align-items:end}
  .order-total{font-size:10px;min-width:0}
  .order-total strong{font-size:16px;word-break:break-word}
  .order-form-footer{margin-top:14px;gap:10px}
  .order-form-footer .btn{width:100%;min-height:48px;font-size:12px}

  /* Safari/iPhone: 16px impede zoom automático em campos */
  .field label{font-size:10px}
  .field input,.field textarea,.field select,.toolbar input,.toolbar select,.admin-action-box select,.admin-action-box textarea,.app-permission-form select{font-size:16px;min-width:0;max-width:100%}
  .field input,.field textarea,.field select{padding:11px 12px}
  .btn{min-height:42px;font-size:12px;padding:11px 14px}

  /* Histórico de pedidos do cliente vira cartões, não tabela desktop espremida */
  .client-orders-table{min-width:0!important;width:100%}
  .client-orders-table thead{display:none}
  .client-orders-table,.client-orders-table tbody,.client-orders-table tr,.client-orders-table td{display:block;width:100%}
  .client-orders-table tbody{display:grid;gap:8px}
  .client-orders-table tr{padding:10px 11px;border:1px solid var(--line);border-radius:12px;background:#fbfcfa}
  .client-orders-table td{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:5px 0;border:0;font-size:11px;text-align:right}
  .client-orders-table td::before{content:attr(data-label);flex:0 0 auto;color:var(--gray);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.55px;text-align:left}
  .client-orders-table td strong{font-size:12px}

  /* Tabelas administrativas continuam roláveis sem alargar a página */
  .data-table:not(.client-orders-table){min-width:680px}
  .data-table-wrap{border-radius:10px}

  .stats-grid,.detail-grid{grid-template-columns:minmax(0,1fr)}
  .stat-card{padding:14px}
  .stat-card strong{font-size:24px}
  .detail-item small{font-size:9px}.detail-item strong{font-size:12px}
  .admin-action-box,.admin-action-box form{width:100%}
  .admin-action-box form>*{max-width:100%}
}

@media(max-width:380px){
  .portal-header .brand-logo-full{width:132px;max-width:132px}
  .portal-header-inner{width:calc(100% - 16px)}
  .portal-main>.container,.portal-grid{width:calc(100% - 16px)}
  .sidebar a{font-size:9px;padding:8px 4px}
  .panel-card{padding:12px}
  .order-line{grid-template-columns:94px minmax(0,1fr);gap:9px}
}


/* SUPLIO V4.0 — App Cliente mobile-first */
.client-app-body{background:#f5f6f3;color:#101713;padding-bottom:86px;min-height:100vh}.client-app-body svg,.client-login-body svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.client-app-topbar{position:sticky;top:0;z-index:80;background:rgba(245,246,243,.95);backdrop-filter:blur(14px);border-bottom:1px solid rgba(14,27,22,.06)}.client-app-topbar-inner{max-width:740px;margin:auto;height:72px;padding:10px 15px;display:flex;align-items:center;gap:12px}.app-round-button,.app-cart-button{width:48px;height:48px;border:0;border-radius:50%;background:#fff;color:var(--green-950);display:grid;place-items:center;position:relative;box-shadow:0 5px 18px rgba(14,27,22,.06);flex:0 0 auto}.app-round-button{cursor:pointer}.app-cart-badge{position:absolute;right:-2px;top:-3px;min-width:19px;height:19px;border-radius:10px;background:var(--orange);color:var(--green-950);border:2px solid #f5f6f3;display:grid;place-items:center;font-size:9px;font-weight:800;padding:0 4px}.client-app-logo{flex:1;min-width:0;display:flex;align-items:center}.client-app-logo .brand-logo-full{width:180px;max-height:48px;object-fit:contain;object-position:left center}.client-app-title{flex:1;font-size:19px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-app-main{width:min(100%,740px);margin:0 auto;min-height:calc(100vh - 150px)}.app-search-wrap{padding:15px 15px 7px}.app-search{display:grid;grid-template-columns:26px 1fr auto;gap:8px;align-items:center;background:#fff;border:1px solid rgba(14,27,22,.06);border-radius:18px;padding:7px 8px 7px 14px;box-shadow:0 8px 28px rgba(14,27,22,.05)}.app-search span{color:#59635e}.app-search input{border:0;outline:0;background:transparent;min-width:0;font-size:16px;padding:9px 3px}.app-search button{border:0;background:var(--orange);color:var(--green-950);font-weight:800;border-radius:12px;padding:10px 13px;font-size:11px}.app-categories{display:flex;gap:10px;overflow-x:auto;padding:12px 15px 18px;scrollbar-width:none}.app-categories::-webkit-scrollbar{display:none}.app-category{min-width:82px;display:grid;justify-items:center;gap:7px;color:#6a716e;font-size:10px;font-weight:600}.app-category span{width:62px;height:58px;border-radius:17px;background:#fff3d5;color:var(--green-800);display:grid;place-items:center;font-size:20px;font-weight:800;border:1px solid transparent}.app-category.active span{background:var(--green-950);color:var(--orange);border-color:rgba(245,158,44,.35)}.app-category b{font-size:10px;max-width:82px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-section{padding:2px 15px 20px}.app-section-heading{display:flex;justify-content:space-between;align-items:end;gap:12px;margin:6px 0 15px}.app-section-heading h1{font-size:22px;line-height:1.1;margin:0;color:var(--green-950)}.app-section-heading span{font-size:9px;color:#7a817d}.app-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.app-product-card{background:#fff;border-radius:19px;overflow:hidden;border:1px solid rgba(14,27,22,.06);box-shadow:0 8px 26px rgba(14,27,22,.04);min-width:0}.app-product-image{height:150px;background:#f0f2ee;display:grid;place-items:center;overflow:hidden}.app-product-image>img{width:100%;height:100%;object-fit:contain;background:#fff}.app-product-placeholder{display:grid;place-items:center;color:#8c938f;font-size:8px;text-transform:uppercase;letter-spacing:.7px;gap:6px}.app-product-placeholder img{width:56px;height:56px;object-fit:contain;opacity:.14}.app-product-info{padding:12px;display:grid;align-content:start;gap:6px;min-height:185px}.app-product-info h2{font-size:13px;line-height:1.35;margin:0;font-weight:600;min-height:35px}.app-product-info small{font-size:8px;color:#8a908d}.app-product-info>strong{font-size:18px;color:var(--green-800);margin-top:auto}.app-mini-add{width:100%;border:1px solid rgba(20,77,58,.18);background:#f8faf8;color:var(--green-800);border-radius:10px;min-height:36px;font-size:10px;font-weight:800;cursor:pointer}.app-mini-add:disabled{opacity:.6}.client-app-bottom{position:fixed;z-index:90;bottom:0;left:0;right:0;height:72px;background:var(--green-950);display:flex;justify-content:center;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -8px 30px rgba(0,0,0,.12)}.client-app-bottom a{width:min(25%,185px);display:grid;place-items:center;align-content:center;gap:3px;color:rgba(242,240,232,.62);font-size:8px}.client-app-bottom a svg{width:22px;height:22px}.client-app-bottom a.active{color:var(--orange)}.client-app-drawer{position:fixed;inset:0;z-index:1000}.client-app-drawer[hidden]{display:none}.client-app-drawer-backdrop{position:absolute;inset:0;border:0;background:rgba(2,10,7,.58)}.client-app-drawer-panel{position:absolute;left:0;top:0;bottom:0;width:min(84vw,330px);background:var(--green-950);color:var(--cream);padding:24px 20px;display:grid;align-content:start;gap:5px;box-shadow:20px 0 60px rgba(0,0,0,.3)}.client-app-drawer-brand{padding:8px 5px 24px}.client-app-drawer-brand .brand-logo-full{width:210px}.client-app-drawer-panel>a{padding:14px 12px;border-radius:11px;font-size:13px}.client-app-drawer-panel>a:hover{background:rgba(255,255,255,.06)}.client-app-drawer-panel .drawer-logout{color:#ffab97;margin-top:15px;border-top:1px solid rgba(255,255,255,.08);border-radius:0}.drawer-open{overflow:hidden}.app-toast{position:fixed;left:50%;bottom:88px;z-index:1200;transform:translateX(-50%);background:var(--green-950);color:#fff;border-radius:999px;padding:11px 16px;font-size:11px;box-shadow:0 15px 40px rgba(0,0,0,.25);max-width:calc(100% - 30px);text-align:center}.app-toast.error{background:#9d3c3c}.app-toast[hidden]{display:none}.app-empty{background:#fff;border-radius:18px;padding:28px 20px;text-align:center;border:1px solid rgba(14,27,22,.06)}.app-empty strong{display:block;font-size:17px}.app-empty p{font-size:11px;color:#7a817d}.app-primary-action,.app-secondary-action{width:100%;min-height:52px;border:0;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;font-size:13px;font-weight:800;cursor:pointer;padding:12px 16px}.app-primary-action{background:var(--orange);color:var(--green-950);box-shadow:0 12px 26px rgba(245,158,44,.18)}.app-primary-action.muted{background:var(--green-950);color:var(--cream)}.app-secondary-action{background:#fff;color:var(--green-950);border:1px solid rgba(14,27,22,.12)}.app-inline-success,.app-inline-error{margin:12px 15px;padding:12px 14px;border-radius:13px;font-size:11px}.app-inline-success{background:#e4f4e9;color:#23623a}.app-inline-error{background:#fbe6e6;color:#9e3434}
.product-detail-page{background:#eff1ee}.product-detail-visual{height:min(55vh,480px);background:#fff;display:grid;place-items:center;padding:18px}.product-detail-visual>img{width:100%;height:100%;object-fit:contain}.detail-placeholder{display:grid;place-items:center;gap:10px;color:#909793;font-size:10px;text-transform:uppercase}.detail-placeholder img{width:150px;opacity:.12}.product-detail-sheet{background:#fff;border-radius:28px 28px 0 0;padding:24px 20px 30px;margin-top:0;min-height:360px}.product-detail-category{font-size:9px;text-transform:uppercase;letter-spacing:1.2px;color:var(--orange);font-weight:800}.product-detail-sheet h1{font-size:24px;line-height:1.22;margin:8px 0 5px}.product-detail-code{font-size:10px;color:#858c88}.product-buy-row{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-top:22px}.product-buy-row>div:first-child{display:grid}.product-buy-row small{font-size:10px;color:#858c88}.product-buy-row strong{font-size:24px;color:var(--green-800)}.qty-stepper{display:grid;grid-template-columns:38px 72px 38px;align-items:center}.qty-stepper button{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--green-800);background:#fff;color:var(--green-800);display:grid;place-items:center}.qty-stepper input{width:66px;border:1.5px solid var(--green-800);border-radius:9px;height:40px;text-align:center;font-size:16px}.qty-stepper svg{width:17px;height:17px}.product-subtotal{display:flex;justify-content:space-between;margin:17px 0 19px;padding:14px 0;border-top:1px solid #eceeea;border-bottom:1px solid #eceeea}.product-subtotal span{font-size:11px;color:#858c88}.product-subtotal strong{font-size:20px}.product-description h2{font-size:14px;margin:16px 0 6px}.product-description p{font-size:11px;line-height:1.65;color:#6f7773}.product-rule{font-size:9px;color:#8a918d}.product-detail-sheet form{margin-top:20px}.product-detail-sheet form .app-primary-action{position:sticky;bottom:82px}
.cart-page{padding:12px 15px 24px}.cart-list{display:grid;gap:10px}.cart-item{background:#fff;border-radius:17px;padding:12px;display:grid;grid-template-columns:72px minmax(0,1fr) 35px;gap:11px;align-items:start;border:1px solid rgba(14,27,22,.06)}.cart-item-image{width:72px;height:72px;border-radius:12px;background:#f4f5f2;overflow:hidden;display:grid;place-items:center}.cart-item-image img{width:100%;height:100%;object-fit:contain}.cart-item-info{min-width:0}.cart-item-info h2{font-size:12px;line-height:1.35;margin:0 0 4px}.cart-item-info>span{font-size:9px;color:#838a86}.cart-item-info>strong{display:block;font-size:15px;color:var(--green-800);margin:5px 0}.cart-item-qty{display:flex;align-items:center;gap:6px}.cart-item-qty input{width:70px;height:36px;border:1px solid rgba(14,27,22,.18);border-radius:9px;text-align:center;font-size:16px}.cart-item-qty span{font-size:9px;color:#858c88}.cart-remove-link{border:0;background:#fff1ed;color:#c25141;width:34px;height:34px;border-radius:50%;display:grid;place-items:center}.cart-remove-link svg{width:18px;height:18px}.cart-form>.app-secondary-action{margin-top:12px}.cart-summary{background:#fff;border-radius:20px;padding:19px;margin-top:14px;border:1px solid rgba(14,27,22,.06);display:grid;gap:11px}.cart-summary>div:not(.minimum-progress){display:flex;justify-content:space-between}.cart-summary span{font-size:11px;color:#7a817d}.cart-summary strong{font-size:14px}.cart-summary p{font-size:10px;margin:0;color:#7b827e}.minimum-progress{height:8px;border-radius:8px;background:#ecefea;overflow:hidden}.minimum-progress i{display:block;height:100%;background:var(--orange);border-radius:inherit}.minimum-ok{color:#287348!important;font-weight:700}.cart-summary .app-primary-action,.cart-summary .app-secondary-action{margin-top:3px}.cart-empty{margin-top:20px}.cart-empty .app-primary-action{margin-top:16px}
.confirm-page{padding:15px}.confirm-card{background:#fff;border-radius:20px;padding:20px;border:1px solid rgba(14,27,22,.06)}.confirm-card h1{font-size:21px;margin:0 0 4px}.confirm-card>p{font-size:10px;color:#7a817d;line-height:1.5;margin-bottom:20px}.confirm-line{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid #edf0eb;font-size:11px}.confirm-line span{max-width:72%}.confirm-line strong{white-space:nowrap}.confirm-total{display:flex;justify-content:space-between;align-items:center;padding:16px 0;margin-bottom:8px}.confirm-total span{font-size:12px}.confirm-total strong{font-size:23px;color:var(--green-800)}.app-field{display:grid;gap:7px;font-size:10px;font-weight:600;margin-bottom:13px}.app-field input,.app-field textarea{width:100%;border:1px solid rgba(14,27,22,.15);border-radius:12px;background:#fff;padding:12px;font-size:16px;outline:none}.app-field input:focus,.app-field textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(245,158,44,.1)}
.order-history-page{padding-top:12px}.order-history-list{display:grid;gap:10px}.order-history-card{background:#fff;border-radius:17px;padding:15px 42px 15px 15px;display:grid;grid-template-columns:.7fr 1fr 1fr;gap:12px;position:relative;border:1px solid rgba(14,27,22,.06);box-shadow:0 5px 18px rgba(14,27,22,.04)}.order-history-card>div{display:grid;align-content:start;gap:3px}.order-history-card small{font-size:9px;color:#7d8581}.order-history-card strong{font-size:13px}.order-history-card span{font-size:9px;color:#7d8581}.order-history-card .status-text{font-weight:700}.order-chevron{position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:27px!important;color:#a0a6a2!important}.order-detail-page{padding:14px 15px 25px}.order-success{background:#e3f3e8;color:#245e38;border-radius:17px;padding:14px;display:flex;gap:12px;align-items:center;margin-bottom:11px}.order-success>span{width:36px;height:36px;border-radius:50%;background:#2e7b49;color:#fff;display:grid;place-items:center}.order-success strong{font-size:13px}.order-success p{font-size:9px;margin:2px 0 0}.order-detail-card{background:#fff;border-radius:19px;padding:18px;border:1px solid rgba(14,27,22,.06);margin-bottom:11px}.order-detail-status{display:flex;justify-content:space-between;align-items:center;gap:8px}.order-detail-status small{font-size:8px;color:#7d8581;text-align:right}.order-detail-card h1,.order-detail-card h2{font-size:17px;margin:18px 0 8px}.order-detail-line{display:flex;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid #edf0eb}.order-detail-line>div{display:grid;gap:2px}.order-detail-line strong{font-size:11px}.order-detail-line small,.order-detail-line span{font-size:9px;color:#7c837f}.order-detail-line>b{font-size:12px;white-space:nowrap}.order-detail-total{display:flex;justify-content:space-between;align-items:center;padding-top:16px}.order-detail-total span{font-size:11px}.order-detail-total strong{font-size:23px;color:var(--green-800)}.order-note{margin-top:16px;background:#f6f7f4;padding:12px;border-radius:11px}.order-note small{font-size:8px;text-transform:uppercase;color:#8b918e}.order-note p{font-size:10px;margin:4px 0}.copy-code{display:grid;grid-template-columns:1fr auto;gap:7px;margin:7px 0 14px}.copy-code code{background:#f3f5f2;border-radius:10px;padding:11px;font-size:10px;word-break:break-all}.copy-code button{border:0;background:var(--green-950);color:#fff;border-radius:10px;padding:0 12px;font-size:9px}.boleto-client-card>label{font-size:9px;color:#7d8581}.boleto-client-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.boleto-client-actions svg{width:17px;height:17px}.repeat-order-form{margin-top:12px}
.account-page{padding:14px 15px 25px}.account-card{background:#fff;border-radius:19px;padding:18px;border:1px solid rgba(14,27,22,.06);margin-bottom:11px}.account-company{display:flex;align-items:center;gap:12px}.account-avatar{width:48px;height:48px;border-radius:15px;background:var(--green-950);color:var(--orange);display:grid;place-items:center;font-size:20px;font-weight:800}.account-company h1{font-size:16px;margin:0}.account-company p{font-size:9px;color:#7d8581;margin:3px 0}.account-data{display:grid;gap:10px;margin:18px 0}.account-data>div{display:grid;gap:2px;padding-bottom:8px;border-bottom:1px solid #edf0eb}.account-data small{font-size:8px;color:#858c88}.account-data strong{font-size:11px;font-weight:600}.account-card h2{font-size:16px;margin:0 0 7px}.account-card p{font-size:10px;color:#707874;line-height:1.6}.app-logout{display:block;text-align:center;color:#a33b3b;font-size:12px;padding:15px}
.client-login-body{margin:0;background:linear-gradient(180deg,#f7f8f5,#eef1ed);min-height:100vh}.client-login-shell{width:min(100%,520px);min-height:100vh;margin:auto;padding:42px 18px 28px;display:flex;flex-direction:column;justify-content:center}.client-login-logo{display:block;margin:0 auto 34px}.client-login-logo .brand-logo-full{width:245px}.client-login-card{background:#fff;border-radius:25px;padding:26px 21px;box-shadow:0 20px 60px rgba(14,27,22,.08)}.login-eyebrow{font-size:9px;letter-spacing:1.8px;text-transform:uppercase;color:var(--orange);font-weight:800}.client-login-card h1{font-size:28px;letter-spacing:-1px;margin:7px 0 5px}.client-login-card>p{font-size:10px;color:#77807b;line-height:1.6;margin-bottom:20px}.client-login-card .app-primary-action{margin-top:7px}.login-links{display:flex;justify-content:space-between;gap:15px;margin-top:18px;font-size:10px}.login-links a{text-decoration:underline;color:#6f7773}.login-footer{text-align:center;margin-top:25px;color:#8b928e;font-size:8px;letter-spacing:1px}.product-checks{display:flex;gap:22px;flex-wrap:wrap}.product-checks label{display:flex!important;align-items:center;gap:7px}.product-checks input{width:auto!important}
@media(min-width:741px){.client-app-body{background:#e9ece7}.client-app-main{background:#f5f6f3;box-shadow:0 0 70px rgba(14,27,22,.08)}.client-app-topbar-inner{background:#f5f6f3}.client-app-bottom{left:50%;right:auto;width:740px;transform:translateX(-50%);border-radius:22px 22px 0 0}.app-product-grid{grid-template-columns:repeat(3,1fr)}.app-product-image{height:180px}}
@media(max-width:370px){.app-product-grid{gap:8px}.app-product-info{padding:10px}.app-product-info h2{font-size:12px}.app-product-image{height:130px}.client-app-logo .brand-logo-full{width:160px}.order-history-card{grid-template-columns:.65fr 1fr 1fr;padding-left:11px;gap:8px}.order-history-card strong{font-size:11px}.boleto-client-actions{grid-template-columns:1fr}}

.status-text.status-ok{color:#287348;background:none}.status-text.status-warn{color:#94640d;background:none}.status-text.status-danger{color:#a33b3b;background:none}

/* SUPLIO V4.4 — Notificações */
.notification-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:8px}.notification-product-grid label{display:flex;align-items:flex-start;gap:8px;border:1px solid var(--line);border-radius:10px;padding:10px;background:#fff;font-size:11px}.notification-product-grid input{margin-top:2px}.notification-product-grid small{color:var(--gray)}@media(max-width:720px){.notification-product-grid{grid-template-columns:1fr}}

/* SUPLIO V5.0 — Entregas / App Entregador */
.alert-neutral{background:#eef2ef;border:1px solid #dce4df;color:var(--green-950);padding:14px 16px;border-radius:14px;font-size:11px;line-height:1.6}.alert-warn{background:#fff5df;border:1px solid #f1d59c;color:#6b4b11;padding:14px 16px;border-radius:14px}.route-actions{display:flex;gap:7px;flex-wrap:wrap}.delivery-proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.delivery-proof-image{width:100%;max-height:520px;object-fit:contain;border-radius:16px;background:#eef1ed}.delivery-signature-image{width:100%;max-height:280px;object-fit:contain;border:1px solid var(--line);border-radius:16px;background:#fff}

.driver-login-body{margin:0;min-height:100vh;background:var(--cream);color:var(--green-950)}.driver-login-shell{min-height:100vh;display:grid;grid-template-columns:1fr 520px}.driver-login-brand{background:linear-gradient(145deg,#07150f,#0E1B16 65%,#154332);color:var(--cream);padding:64px;display:flex;flex-direction:column;justify-content:space-between}.driver-login-brand .brand-logo-full{width:min(360px,80%)}.driver-login-brand span,.driver-login-title small{color:var(--orange);font-size:10px;font-weight:800;letter-spacing:2px}.driver-login-brand h1{font-size:clamp(44px,5vw,72px);line-height:1;margin:16px 0;letter-spacing:-3px;max-width:700px}.driver-login-brand p{max-width:580px;color:rgba(242,240,232,.65);line-height:1.7}.driver-login-card{padding:64px 58px;display:flex;flex-direction:column;justify-content:center;background:#fff}.driver-login-title h2{font-size:34px;margin:8px 0 30px}.driver-login-card .field{margin-bottom:18px}.driver-login-help{font-size:10px;color:var(--gray);line-height:1.6;margin-top:20px}

.driver-app-body{margin:0;background:#f4f5f2;color:var(--green-950);padding-bottom:94px}.driver-app-topbar{position:sticky;top:0;z-index:60;background:var(--green-950);color:var(--cream);border-bottom:1px solid rgba(255,255,255,.08)}.driver-app-topbar-inner{min-height:78px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:10px max(18px,calc((100vw - 1180px)/2))}.driver-app-logo .brand-logo-full{width:170px}.driver-app-heading{display:grid;line-height:1.15}.driver-app-heading small{color:var(--orange);font-size:8px;letter-spacing:1.5px;font-weight:800}.driver-app-heading strong{font-size:15px}.driver-logout{color:var(--cream);font-size:10px;font-weight:700;border:1px solid rgba(255,255,255,.14);padding:9px 12px;border-radius:12px}.driver-round{background:rgba(255,255,255,.08)!important;color:var(--cream)!important}.driver-main{width:min(760px,100%);margin:0 auto;padding:22px 18px 110px}.driver-welcome,.driver-route-hero{background:var(--green-950);color:var(--cream);padding:26px;border-radius:25px;margin-bottom:22px;box-shadow:0 15px 45px rgba(14,27,22,.1)}.driver-welcome>span,.driver-route-hero small{color:var(--orange);font-size:9px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase}.driver-welcome h1,.driver-route-hero h1{font-size:30px;line-height:1.05;margin:8px 0}.driver-welcome p,.driver-route-hero p{font-size:11px;color:rgba(242,240,232,.62);line-height:1.6;margin-bottom:0}.driver-section-title{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin:24px 4px 12px}.driver-section-title h2{margin:0;font-size:22px}.driver-section-title span{font-size:10px;color:var(--gray)}.driver-route-list{display:grid;gap:12px}.driver-route-card{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:14px;background:#fff;border:1px solid rgba(14,27,22,.07);border-radius:20px;padding:17px;color:var(--green-950);box-shadow:0 8px 28px rgba(14,27,22,.05)}.driver-route-icon{width:48px;height:48px;border-radius:15px;background:#fff4da;color:var(--orange);display:grid;place-items:center}.driver-route-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8}.driver-route-copy{display:grid}.driver-route-copy small{font-size:8px;color:var(--orange);font-weight:800;text-transform:uppercase;letter-spacing:1px}.driver-route-copy strong{font-size:15px;margin:3px 0}.driver-route-copy span{font-size:9px;color:var(--gray)}.driver-route-arrow{font-size:26px;color:var(--gray)}.driver-empty{background:#fff;border-radius:24px;padding:44px 24px;text-align:center;border:1px solid rgba(14,27,22,.07)}.driver-empty>div{width:62px;height:62px;border-radius:20px;background:#fff4da;color:var(--orange);display:grid;place-items:center;margin:0 auto 15px}.driver-empty svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.8}.driver-empty h2{margin:0 0 7px}.driver-empty p{color:var(--gray);font-size:11px}.driver-progress{height:7px;background:rgba(255,255,255,.1);border-radius:99px;overflow:hidden;margin:18px 0}.driver-progress span{display:block;height:100%;background:var(--orange);border-radius:99px}.driver-route-hero .btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.driver-stops{display:grid;gap:12px}.driver-stop-card{display:grid;grid-template-columns:42px 1fr;gap:12px;background:#fff;border-radius:22px;padding:17px;border:1px solid rgba(14,27,22,.07);box-shadow:0 8px 28px rgba(14,27,22,.045)}.driver-stop-card.delivered{opacity:.78}.driver-stop-seq{width:42px;height:42px;border-radius:14px;background:var(--green-950);color:var(--cream);display:grid;place-items:center;font-weight:800}.driver-stop-card.delivered .driver-stop-seq{background:#dff2e5;color:#1b7840}.driver-stop-top{display:flex;justify-content:space-between;align-items:start;gap:10px}.driver-stop-top small{font-size:8px;color:var(--orange);font-weight:800}.driver-stop-top h3{font-size:16px;margin:2px 0 0}.driver-address{font-size:10px;line-height:1.5;color:var(--gray);margin:9px 0}.driver-stop-meta{display:flex;gap:12px;flex-wrap:wrap;font-size:9px;color:var(--gray);margin-bottom:12px}.driver-stop-meta span{display:flex;align-items:center;gap:5px}.driver-stop-meta svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}.driver-stop-actions{display:grid;grid-template-columns:.8fr 1.2fr;gap:8px}.driver-app-bottom{position:fixed;z-index:70;left:0;right:0;bottom:0;background:var(--green-950);min-height:76px;display:flex;justify-content:center;box-shadow:0 -8px 30px rgba(14,27,22,.12)}.driver-app-bottom a{width:150px;display:grid;place-items:center;align-content:center;gap:4px;color:rgba(242,240,232,.58);font-size:9px}.driver-app-bottom a.active{color:var(--orange)}.driver-app-bottom svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8}.driver-history-list{display:grid;gap:11px}.driver-history-card{background:#fff;border-radius:18px;padding:14px;display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;color:var(--green-950);border:1px solid rgba(14,27,22,.07)}.driver-history-card>div{width:42px;height:42px;border-radius:13px;background:#e6f4e9;color:#277c48;display:grid;place-items:center}.driver-history-card svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2}.driver-history-card span{display:grid}.driver-history-card strong{font-size:12px}.driver-history-card small{font-size:9px;color:var(--gray);margin-top:3px}.driver-history-card>b{font-size:23px;color:var(--gray)}

.driver-delivery-head{padding:10px 4px 18px}.driver-delivery-head small{font-size:8px;color:var(--orange);font-weight:800;letter-spacing:1.2px}.driver-delivery-head h1{font-size:26px;line-height:1.05;margin:7px 0}.driver-delivery-head p{font-size:10px;color:var(--gray);line-height:1.5}.driver-alert{padding:14px 16px;border-radius:15px;margin-bottom:15px;font-size:11px}.driver-alert.error{background:#ffe8e8;color:#9b2e2e}.driver-delivery-form{display:grid;gap:14px}.driver-delivery-card{background:#fff;border-radius:23px;padding:20px;border:1px solid rgba(14,27,22,.07);box-shadow:0 8px 28px rgba(14,27,22,.04);position:relative}.driver-step-number{width:30px;height:30px;border-radius:10px;background:var(--orange);color:var(--green-950);font-size:11px;font-weight:800;display:grid;place-items:center;margin-bottom:12px}.driver-delivery-card h2{font-size:18px;margin:0 0 4px}.driver-delivery-card>div>p,.driver-delivery-card>p{font-size:10px;color:var(--gray);line-height:1.5}.driver-items-check{display:grid;gap:10px;margin-top:15px}.driver-item-check{display:grid;grid-template-columns:1fr 112px;gap:10px;align-items:end;padding:13px;border-radius:15px;background:#f5f6f3}.driver-item-check span{display:grid}.driver-item-check strong{font-size:11px}.driver-item-check small{font-size:8px;color:var(--gray);margin-top:2px}.driver-item-check label{font-size:8px;color:var(--gray)}.driver-item-check input{width:100%;padding:9px;border:1px solid #cfd8d2;border-radius:10px;margin-top:3px}.driver-item-check>b{grid-column:1/-1;font-size:9px;color:var(--green-700)}.driver-photo-upload{margin-top:16px;display:flex;align-items:center;gap:12px;border:1.5px dashed #c8d3cc;border-radius:17px;padding:16px;cursor:pointer}.driver-photo-upload svg{width:28px;height:28px;fill:none;stroke:var(--orange);stroke-width:1.8}.driver-photo-upload span{display:grid}.driver-photo-upload strong{font-size:11px}.driver-photo-upload small{font-size:8px;color:var(--gray);margin-top:3px}.driver-photo-upload input{position:absolute;opacity:0;pointer-events:none}.driver-photo-preview{margin-top:12px}.driver-photo-preview img{width:100%;max-height:380px;object-fit:cover;border-radius:15px}.driver-ok-check{display:flex;gap:12px;align-items:flex-start;background:#eef8f1;border:1px solid #cfe5d6;border-radius:15px;padding:14px;margin-top:14px}.driver-ok-check input{width:22px;height:22px;accent-color:var(--green-800)}.driver-ok-check span{display:grid}.driver-ok-check strong{font-size:10px}.driver-ok-check small{font-size:8px;color:var(--gray);line-height:1.4;margin-top:3px}.signature-box{margin-top:15px;border:1px solid #ccd6d0;border-radius:16px;overflow:hidden;background:#fff}.signature-box canvas{display:block;width:100%;height:190px;background:#fff;touch-action:none}.signature-actions{border-top:1px solid #edf0ee;padding:9px 11px;display:flex;justify-content:space-between;align-items:center}.signature-actions span{font-size:8px;color:var(--gray)}.driver-finish-button{border:0;border-radius:18px;background:var(--orange);color:var(--green-950);min-height:58px;font-family:inherit;font-weight:800;font-size:13px;display:flex;gap:8px;align-items:center;justify-content:center;box-shadow:0 12px 28px rgba(245,158,44,.22)}.driver-finish-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}.driver-proof-done{background:#fff;border-radius:25px;padding:24px;text-align:center}.driver-proof-check{width:62px;height:62px;border-radius:50%;background:#e2f5e7;color:#248045;font-size:30px;display:grid;place-items:center;margin:0 auto 15px}.driver-proof-done h2{margin:0 0 7px}.driver-proof-done p{font-size:10px;color:var(--gray)}.driver-proof-done>img{width:100%;max-height:400px;object-fit:contain;border-radius:16px;margin:15px 0}.driver-proof-done .signature-preview{height:180px;object-fit:contain;border:1px solid #e2e7e3;background:#fff}

@media(max-width:760px){.delivery-proof-grid{grid-template-columns:1fr}.driver-login-shell{display:block}.driver-login-brand{min-height:215px;padding:28px 24px;justify-content:flex-start;gap:35px}.driver-login-brand .brand-logo-full{width:240px}.driver-login-brand h1{font-size:34px;letter-spacing:-1.5px;margin:8px 0}.driver-login-brand p{font-size:10px}.driver-login-card{padding:30px 22px 42px;border-radius:28px 28px 0 0;margin-top:-22px;position:relative}.driver-login-title h2{font-size:27px;margin-bottom:22px}.driver-app-topbar-inner{padding:8px 14px;min-height:70px}.driver-app-logo .brand-logo-full{width:120px}.driver-app-heading strong{font-size:12px}.driver-logout{font-size:9px;padding:8px 10px}.driver-main{padding:18px 14px 100px}.driver-welcome,.driver-route-hero{padding:21px;border-radius:21px}.driver-welcome h1,.driver-route-hero h1{font-size:26px}.driver-stop-card{grid-template-columns:36px 1fr;padding:14px}.driver-stop-seq{width:36px;height:36px;border-radius:11px}.driver-stop-actions{grid-template-columns:1fr 1fr}.driver-item-check{grid-template-columns:1fr 100px}.signature-box canvas{height:180px}}
.driver-header-actions{display:flex;align-items:center;gap:7px}.driver-install{border:1px solid rgba(245,158,44,.45);background:rgba(245,158,44,.08);color:var(--orange);font-family:inherit;font-size:9px;font-weight:800;padding:8px 10px;border-radius:11px;cursor:pointer}
@media(max-width:520px){.driver-install{font-size:0;padding:8px}.driver-install:after{content:'↓';font-size:14px}.driver-app-heading small{display:none}}

/* ======================================================================
   SUPLIO V5.7 — IDENTIDADE VISUAL OFICIAL
   Baseada no brand board oficial: verde #0E1B16 / #144D3A,
   laranja #F59E2C, off-white #F2F0E8 e tipografia Poppins.
   ====================================================================== */
:root{
  --brand-deep:#0E1B16;
  --brand-green:#144D3A;
  --brand-orange:#F59E2C;
  --brand-cream:#F2F0E8;
  --brand-gray:#6B6F72;
  --brand-paper:#F7F5EF;
}

/* Logo oficial */
.brand-logo-full{width:255px;max-height:74px;object-fit:contain;object-position:left center}
.site-header .brand-logo-full{width:250px}
.portal-header .brand-logo-full{width:245px}
.footer .brand-logo-full{width:260px}

/* SITE INSTITUCIONAL */
.public-site{background:var(--brand-paper)}
.public-site .site-header{
  background:rgba(8,24,18,.94);
  border-bottom:1px solid rgba(245,158,44,.13);
  box-shadow:0 10px 35px rgba(4,16,11,.16);
}
.public-site .site-header.scrolled{background:rgba(8,24,18,.98)}
.public-site .header-inner{height:92px}
.public-site .nav{gap:30px;color:rgba(242,240,232,.72)}
.public-site .nav a{position:relative}
.public-site .nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:2px;background:var(--brand-orange);transition:.2s}
.public-site .nav a:hover:after{right:0}
.public-site .client-area-button{border-color:rgba(245,158,44,.48);background:rgba(245,158,44,.08)}
.public-site .client-area-button:hover{background:var(--brand-orange)}

.hero-official{
  min-height:720px;
  padding:165px 0 95px;
  background:
    radial-gradient(circle at 78% 25%,rgba(20,77,58,.55),transparent 34%),
    radial-gradient(circle at 7% 90%,rgba(245,158,44,.10),transparent 26%),
    linear-gradient(135deg,#081510 0%,#0E1B16 52%,#123d2f 100%);
}
.hero-official:before{content:"";position:absolute;inset:0;opacity:.14;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to right,transparent,black 30%,black 70%,transparent)}
.hero-official .hero-grid{grid-template-columns:.98fr 1.02fr;gap:65px}
.hero-official .hero-copy{max-width:620px}
.hero-official h1{font-size:clamp(48px,5.7vw,78px);letter-spacing:-3.5px;margin-top:23px}
.hero-official .hero-copy>p{max-width:590px;color:rgba(242,240,232,.70)}
.hero-official .hero-tags span{border-color:rgba(245,158,44,.20);background:rgba(255,255,255,.025)}

.official-showcase{position:relative;border:1px solid rgba(255,255,255,.10);border-radius:32px;padding:18px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));box-shadow:0 34px 100px rgba(0,0,0,.30);overflow:hidden}
.official-showcase:before{content:"";position:absolute;width:270px;height:270px;border:1px solid rgba(245,158,44,.15);border-radius:50%;right:-105px;top:-130px;box-shadow:0 0 0 55px rgba(245,158,44,.025),0 0 0 110px rgba(245,158,44,.016)}
.official-showcase-mark{height:60px;display:flex;align-items:center;padding:3px 8px;position:relative;z-index:2}
.official-showcase-mark img{height:54px;width:auto;max-width:70px;object-fit:contain}
.official-showcase-media{height:330px;border-radius:22px;overflow:hidden;position:relative;background:linear-gradient(145deg,#12372a,#0a1d16);display:grid;place-items:center}
.official-showcase-media>img{width:100%;height:100%;object-fit:cover}
.official-showcase-media.has-product:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(8,21,16,.76) 100%);pointer-events:none}
.official-showcase-fallback{width:100%;height:100%;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,rgba(245,158,44,.10),transparent 45%)}
.official-showcase-fallback img{width:44%;max-height:220px;object-fit:contain;opacity:.93}
.official-showcase-badge{position:absolute;z-index:3;left:18px;bottom:17px;background:rgba(14,27,22,.86);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.10);border-radius:13px;padding:10px 13px;display:grid;color:var(--brand-cream)}
.official-showcase-badge b{font-size:9px;letter-spacing:1.8px;color:var(--brand-orange)}
.official-showcase-badge span{font-size:10px;margin-top:2px}
.official-showcase-footer{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:17px 3px 2px;position:relative;z-index:2}
.official-showcase-footer>div{display:grid;border-top:1px solid rgba(255,255,255,.10);padding:12px 9px 5px}
.official-showcase-footer span{font-size:8px;color:var(--brand-orange);font-weight:800;letter-spacing:1px}
.official-showcase-footer b{font-size:10px;color:var(--brand-cream);margin-top:3px}
.official-showcase-footer small{font-size:8px;color:rgba(242,240,232,.48);line-height:1.45;margin-top:3px}

.public-site .trust-strip{background:#091610;border-color:rgba(245,158,44,.11)}
.public-site .trust-grid>div{padding:28px 32px}
.public-site .line-icon{border-color:rgba(245,158,44,.38);background:rgba(245,158,44,.04)}
.public-site .section-light,.public-site .purpose{background:var(--brand-paper)}
.public-site .section-dark{background:linear-gradient(145deg,#0a1712,#0E1B16 68%,#143f30)}
.public-site .solution-card{border-radius:24px;border-color:rgba(14,27,22,.08);box-shadow:0 10px 35px rgba(14,27,22,.035)}
.public-site .solution-card>i{border:1px solid rgba(245,158,44,.18);box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}
.public-site .audience-band{background:#fff;border-color:rgba(14,27,22,.08)}
.public-site .purpose-symbol{background:linear-gradient(180deg,#f7f5ef,#f2efe6);padding:20px;box-sizing:border-box;overflow:hidden}
.public-site .purpose-symbol img{display:block;width:min(64%,300px);max-height:340px;object-fit:contain;object-position:center;transform:translateX(8px)}
.public-site .client-cta{background:var(--brand-paper)}
.public-site .client-cta-card{background:linear-gradient(135deg,#0b1a14,#144D3A);border:1px solid rgba(245,158,44,.16);box-shadow:0 30px 80px rgba(14,27,22,.16)}
.public-site .footer{background:#07140f;border-top:1px solid rgba(245,158,44,.10)}

/* APP CLIENTE — aparência oficial */
.client-app-body{background:var(--brand-paper)}
.client-app-topbar{background:rgba(14,27,22,.97);border-bottom:1px solid rgba(245,158,44,.13);box-shadow:0 6px 22px rgba(5,17,12,.15)}
.client-app-topbar-inner{height:78px}
.client-app-logo .brand-logo-full{width:190px;max-height:51px}
.client-app-title{color:var(--brand-cream);font-weight:700}
.client-app-topbar .app-round-button,.client-app-topbar .app-cart-button{background:rgba(242,240,232,.08);color:var(--brand-cream);box-shadow:none;border:1px solid rgba(242,240,232,.10)}
.client-app-topbar .app-round-button:active,.client-app-topbar .app-cart-button:active{background:rgba(245,158,44,.16)}
.client-app-topbar .app-cart-badge{border-color:var(--brand-deep);background:var(--brand-orange);color:var(--brand-deep)}
.client-app-main{background:var(--brand-paper)}
.app-search-wrap{padding-top:18px}
.app-search{border-radius:20px;border:1px solid rgba(14,27,22,.07);box-shadow:0 10px 30px rgba(14,27,22,.055)}
.app-search button{background:var(--brand-orange);color:var(--brand-deep);border-radius:13px}
.app-categories{padding-top:15px}
.app-category span{background:#fff2d8;border-color:rgba(245,158,44,.08);box-shadow:0 5px 18px rgba(14,27,22,.03)}
.app-category.active span{background:var(--brand-deep);border-color:var(--brand-orange);box-shadow:0 8px 25px rgba(14,27,22,.11)}
.app-section-heading h1{color:var(--brand-deep);letter-spacing:-.7px}
.app-product-card{border-radius:22px;border-color:rgba(14,27,22,.065);box-shadow:0 12px 34px rgba(14,27,22,.055)}
.app-product-image{background:#fff}
.app-product-info>strong{color:var(--brand-green)}
.app-mini-add{border-color:rgba(20,77,58,.24);background:#fbfcfa;color:var(--brand-green)}
.app-mini-add:hover{background:var(--brand-green);color:#fff}
.client-app-bottom{background:var(--brand-deep);border-top:1px solid rgba(245,158,44,.12)}
.client-app-bottom a.active{color:var(--brand-orange)}
.client-app-drawer-panel{background:linear-gradient(165deg,#081711,#0E1B16 60%,#144D3A);border-right:1px solid rgba(245,158,44,.12)}
.app-primary-action{background:var(--brand-orange);color:var(--brand-deep)}
.app-primary-action.muted{background:var(--brand-deep);color:var(--brand-cream)}

/* Login cliente com assinatura visual da marca */
.client-login-body{background:radial-gradient(circle at 50% 0,rgba(245,158,44,.11),transparent 30%),linear-gradient(180deg,#f8f6f0,#efeee8)}
.client-login-logo .brand-logo-full{width:270px}
.client-login-card{border:1px solid rgba(14,27,22,.07);box-shadow:0 25px 65px rgba(14,27,22,.10)}
.client-login-card h1{color:var(--brand-deep)}
.login-eyebrow{color:var(--brand-orange)}

/* Painel ADM / Comercial */
.portal-body{background:#eef0eb}
.portal-header{background:linear-gradient(90deg,#091711,#0E1B16 58%,#123a2c);border-bottom:1px solid rgba(245,158,44,.13)}
.portal-title{border-left-color:rgba(245,158,44,.24)}
.portal-title span{color:var(--brand-orange)}
.sidebar{border-color:rgba(14,27,22,.07);box-shadow:0 12px 35px rgba(14,27,22,.035)}
.sidebar a:hover,.sidebar a.active{background:var(--brand-deep)}
.panel-card,.stat-card{border-color:rgba(14,27,22,.07);box-shadow:0 8px 26px rgba(14,27,22,.035)}
.portal-content h1{color:var(--brand-deep)}

/* Entrador / Comercial login */
.driver-login-brand{background:radial-gradient(circle at 70% 20%,rgba(20,77,58,.65),transparent 34%),linear-gradient(145deg,#07150f,#0E1B16 64%,#144D3A)}
.driver-login-brand .brand-logo-full{width:min(400px,85%)}
.driver-login-card{background:#fff}
.driver-login-title small{color:var(--brand-orange)}

/* Entrada PWA */
.pwa-entry-body{background:radial-gradient(circle at 50% 20%,rgba(20,77,58,.72),transparent 33%),var(--brand-deep)}
.pwa-entry-logo{border:1px solid rgba(245,158,44,.15);background:#0a1812}
.pwa-entry-card{border:1px solid rgba(255,255,255,.06)}

@media(min-width:741px){
  .client-app-body{background:#e5e9e3}
  .client-app-main{background:var(--brand-paper);box-shadow:0 0 75px rgba(14,27,22,.09)}
  .client-app-topbar-inner{background:transparent}
}

@media(max-width:980px){
  .hero-official{min-height:auto}
  .hero-official .hero-grid{grid-template-columns:1fr;gap:42px}
  .official-showcase{max-width:720px;width:100%}
  .official-showcase-media{height:360px}
}

@media(max-width:680px){
  .public-site .header-inner{height:78px}
  .public-site .site-header .brand-logo-full{width:205px}
  .hero-official{padding:125px 0 68px}
  .hero-official h1{font-size:clamp(43px,13vw,62px);letter-spacing:-2.4px}
  .official-showcase{border-radius:24px;padding:12px}
  .official-showcase-media{height:260px;border-radius:18px}
  .official-showcase-footer{grid-template-columns:1fr;gap:3px}
  .official-showcase-footer>div{grid-template-columns:28px 80px 1fr;align-items:start;gap:6px;padding:9px 6px}
  .official-showcase-footer b{margin-top:0}
  .official-showcase-footer small{margin-top:0}
  .client-app-topbar-inner{height:72px}
  .client-app-logo .brand-logo-full{width:174px}
  .portal-header .brand-logo-full{width:150px}
}

@media(max-width:370px){
  .client-app-logo .brand-logo-full{width:150px}
  .public-site .site-header .brand-logo-full{width:176px}
}

/* Assinatura da home do App inspirada no brand board oficial */
.app-brand-intro{margin:16px 15px 4px;min-height:118px;border-radius:22px;padding:18px 19px;display:flex;align-items:center;gap:17px;position:relative;overflow:hidden;background:linear-gradient(135deg,#0b1a14,#144D3A);color:var(--brand-cream);box-shadow:0 15px 36px rgba(14,27,22,.14);border:1px solid rgba(245,158,44,.13)}
.app-brand-intro:after{content:"";position:absolute;width:155px;height:155px;border:1px solid rgba(245,158,44,.15);border-radius:50%;right:-70px;top:-76px;box-shadow:0 0 0 34px rgba(245,158,44,.025)}
.app-brand-intro>img{width:66px;height:78px;object-fit:contain;position:relative;z-index:1;flex:0 0 auto}
.app-brand-intro>div{display:grid;position:relative;z-index:1;min-width:0}
.app-brand-intro span{font-size:7px;font-weight:800;letter-spacing:1.5px;color:var(--brand-orange)}
.app-brand-intro strong{font-size:17px;line-height:1.15;margin-top:4px;letter-spacing:-.35px}
.app-brand-intro small{font-size:8px;color:rgba(242,240,232,.65);line-height:1.45;margin-top:5px}
@media(max-width:370px){.app-brand-intro{padding:16px 15px;gap:12px}.app-brand-intro>img{width:55px}.app-brand-intro strong{font-size:15px}}

/* SUPLIO V5.7.2 — instalação no login Comercial */
.commercial-install-area{margin-top:14px;padding-top:14px;border-top:1px solid var(--line);display:grid;gap:7px}.commercial-install-area small{font-size:9px;color:var(--gray);line-height:1.45;text-align:center}.commercial-install-area .btn{min-height:45px}

/* SUPLIO V5.7.9 — correção visual do login administrativo
   Remove os artefatos/"orelhas" das quinas esquerdas do card.
   O arredondamento passa a pertencer aos painéis filhos, não ao contêiner. */
.auth-page .auth-shell{
  background:transparent;
  border-radius:0;
  overflow:visible;
  box-shadow:none;
  filter:drop-shadow(0 30px 70px rgba(0,0,0,.22));
}
.auth-page .auth-brand{
  border-radius:28px 0 0 28px;
  overflow:hidden;
}
.auth-page .auth-panel{
  background:#fff;
  border-radius:0 28px 28px 0;
  overflow:hidden;
}
@media(max-width:980px){
  .auth-page .auth-brand{border-radius:28px 28px 0 0}
  .auth-page .auth-panel{border-radius:0 0 28px 28px}
}