:root{--ink:#101415;--ink2:#1b2224;--yellow:#f6c600;--yellow2:#ffe46a;--bg:#f1f5f9;--card:#fff;--muted:#64748b;--line:#dbe3ea;--danger:#dc2626;--ok:#16a34a;--warn:#d97706;--info:#2563eb;--radius:18px;--radius-lg:26px;--shadow:0 8px 26px rgba(15,23,42,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:#0f172a}button,input,select,textarea{font:inherit}button,a{transition:.18s ease}button{cursor:pointer}a{text-decoration:none;color:inherit}.hidden{display:none!important}.muted{color:var(--muted)}.small{font-size:.86rem}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.nowrap{white-space:nowrap}.right{text-align:right}.center{text-align:center}.w100{width:100%}
.shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;background:var(--ink);color:#fff;padding:0 18px 24px;overflow:auto;z-index:30}.brand{height:185px;display:flex;align-items:center;justify-content:center}.brand img{width:155px;height:155px;object-fit:contain}.nav{display:grid;gap:6px}.nav button{width:100%;border:0;background:transparent;color:#dbe4e8;border-radius:16px;padding:12px 14px;display:flex;align-items:center;gap:12px;font-weight:800;text-align:left}.nav button:hover{background:rgba(255,255,255,.08)}.nav button.active{background:var(--yellow);color:#000}.nav .ico{width:24px;text-align:center;font-size:18px}.side-note{margin:35px 12px 0;color:#94a3b8;font-size:.86rem;line-height:1.45}.main{margin-left:260px;min-height:100vh}.topbar{min-height:78px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:12px 28px;position:sticky;top:0;z-index:20}.quick{display:flex;align-items:center;gap:9px;max-width:440px;width:100%;background:#f8fafc;border:1px solid var(--line);border-radius:14px;padding:11px 14px;color:#64748b}.user{margin-left:auto;text-align:right}.user b{display:block}.page{padding:28px;max-width:1700px;margin:auto}.page-head{display:flex;gap:18px;align-items:end;justify-content:space-between;margin-bottom:22px}.page-head h1{font-size:2.1rem;line-height:1;margin:0;font-weight:950;letter-spacing:-.03em}.page-head p{margin:8px 0 0;color:#64748b}.head-actions{display:flex;gap:10px;flex-wrap:wrap}.btn{border:1px solid var(--line);background:#fff;border-radius:14px;padding:11px 15px;font-weight:900;color:#111827;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 1px 1px rgba(0,0,0,.02)}.btn:hover{transform:translateY(-1px);border-color:#b6c1cb}.btn.primary{background:var(--yellow);border-color:var(--yellow);color:#000}.btn.dark{background:var(--ink);border-color:var(--ink);color:#fff}.btn.danger{background:#fee2e2;border-color:#fecaca;color:#991b1b}.btn.ok{background:#dcfce7;border-color:#bbf7d0;color:#166534}.btn.sm{padding:8px 11px;border-radius:11px;font-size:.86rem}.btn.icon{width:42px;height:42px;padding:0}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.grid{display:grid;gap:16px}.cards4{grid-template-columns:repeat(4,minmax(0,1fr))}.cards3{grid-template-columns:repeat(3,minmax(0,1fr))}.cards2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:#fff;border:1px solid #e7edf2;border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.card.compact{padding:15px}.metric span{color:#64748b;font-weight:700}.metric b{display:block;font-size:1.8rem;margin-top:5px}.metric .bar{height:5px;background:var(--yellow);border-radius:99px;margin-top:13px}.metric.danger .bar{background:#ef4444}.dark-panel{background:var(--ink);color:#fff;border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.dark-panel h2,.card h2{margin:0 0 6px;font-size:1.25rem}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.section-title h2{margin:0;font-size:1.2rem}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:15px}.field,.select,.textarea{width:100%;border:1px solid #cfd8e3;background:#fff;border-radius:13px;padding:11px 12px;outline:none}.field:focus,.select:focus,.textarea:focus{border-color:var(--yellow);box-shadow:0 0 0 3px rgba(246,198,0,.15)}.label{display:block;font-size:.83rem;font-weight:900;margin:0 0 6px}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.span2{grid-column:span 2}.span3{grid-column:span 3}.span4{grid-column:span 4}.table-wrap{overflow:auto;border:1px solid #e5ebf0;border-radius:16px;background:#fff}.table{width:100%;border-collapse:collapse;min-width:780px}.table th{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:#64748b;background:#f8fafc;text-align:left;padding:12px;border-bottom:1px solid #e5ebf0}.table td{padding:12px;border-bottom:1px solid #eef2f5;vertical-align:middle}.table tr:last-child td{border-bottom:0}.table tr:hover td{background:#fcfdfe}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:.76rem;font-weight:900;background:#e2e8f0;color:#334155}.badge.ok{background:#dcfce7;color:#166534}.badge.warn{background:#fef3c7;color:#92400e}.badge.danger{background:#fee2e2;color:#991b1b}.badge.info{background:#dbeafe;color:#1d4ed8}.badge.dark{background:#1f2937;color:#fff}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:14px}.product-card{background:#fff;border:1px solid #e5ebf0;border-radius:18px;padding:13px;box-shadow:0 5px 18px rgba(15,23,42,.05);position:relative}.product-img{height:132px;background:#f8fafc;border-radius:14px;overflow:hidden;display:flex;align-items:center;justify-content:center;margin-bottom:11px}.product-img img{width:100%;height:100%;object-fit:contain}.product-img .placeholder{font-size:2rem}.product-card h3{margin:0;font-size:1rem}.product-card p{margin:4px 0;color:#64748b;font-size:.84rem}.product-card .price{font-size:1.16rem;font-weight:950;margin-top:8px}.product-card .stock{font-size:.82rem;margin-top:4px}.searchbar{display:flex;align-items:center;gap:9px;border:2px solid #d4dce4;background:#fff;border-radius:14px;padding:0 12px}.searchbar:focus-within{border-color:var(--yellow)}.searchbar input{border:0;outline:0;padding:12px 0;width:100%;background:transparent}.tabs{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:16px}.tab{border:1px solid #d7e0e8;background:#fff;border-radius:15px;padding:12px 14px;font-weight:900}.tab.active{border-color:var(--yellow);background:#fff8d6;box-shadow:0 0 0 2px var(--yellow)}.notice{border-radius:14px;padding:12px 14px;font-weight:700;margin:12px 0;background:#eff6ff;color:#1e40af}.notice.error{background:#fee2e2;color:#991b1b}.notice.ok{background:#dcfce7;color:#166534}.empty{padding:35px;text-align:center;color:#64748b}.split{display:grid;grid-template-columns:minmax(0,1fr) 410px;gap:18px}.sticky{position:sticky;top:98px;height:max-content}.cart-line{display:grid;grid-template-columns:1fr auto;gap:10px;padding:10px 0;border-bottom:1px solid #edf1f4}.qty{display:flex;align-items:center;gap:6px}.qty button{width:30px;height:30px;border:1px solid #d8e0e8;background:#fff;border-radius:9px;font-weight:900}.total-box{border-top:1px solid #e5e7eb;margin-top:14px;padding-top:13px}.total-row{display:flex;justify-content:space-between;margin:5px 0}.total-row.grand{font-size:1.35rem;font-weight:950;margin-top:10px}.chips{display:flex;gap:8px;overflow:auto;padding-bottom:4px}.chip{white-space:nowrap;border:1px solid #d8e1e8;background:#fff;border-radius:999px;padding:8px 13px;font-size:.82rem;font-weight:900}.chip.active{background:var(--ink);color:#fff;border-color:var(--ink)}.modal-bg{position:fixed;inset:0;background:rgba(15,23,42,.55);display:none;align-items:center;justify-content:center;padding:20px;z-index:80}.modal-bg.show{display:flex}.modal{width:min(760px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:24px;padding:22px;box-shadow:0 25px 80px rgba(0,0,0,.25)}.modal h2{margin:0 0 16px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.login-wrap{min-height:100vh;display:grid;place-items:center;background:linear-gradient(145deg,#0c1011 0 47%,#f6c600 47% 53%,#eef2f7 53%)}.login-card{width:min(430px,calc(100% - 30px));background:#fff;border-radius:28px;padding:28px;box-shadow:0 28px 90px rgba(0,0,0,.25)}.login-card img{display:block;width:130px;margin:-8px auto 10px}.login-card h1{text-align:center;margin:0;font-size:1.8rem}.login-card p{text-align:center;color:#64748b}.store{min-height:100vh;background:#f3f6f8}.store-head{background:var(--ink);color:#fff;position:sticky;top:0;z-index:20;box-shadow:0 6px 20px rgba(0,0,0,.18)}.store-head-inner{max-width:1400px;margin:auto;padding:12px 20px;display:flex;align-items:center;gap:18px}.store-head img{width:75px;height:75px;object-fit:contain}.store-head h1{margin:0;font-size:1.35rem}.store-head p{margin:3px 0 0;color:#cbd5e1}.store-main{max-width:1400px;margin:auto;padding:22px 20px 100px}.store-tools{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;margin-bottom:16px}.floating-cart{position:fixed;right:22px;bottom:22px;z-index:25}.floating-cart .btn{box-shadow:0 14px 35px rgba(0,0,0,.25);padding:15px 20px}.driver{max-width:760px;margin:auto;padding:18px}.driver-head{background:var(--ink);color:#fff;border-radius:22px;padding:18px;display:flex;align-items:center;gap:13px}.driver-head img{width:70px;height:70px;object-fit:contain}.driver-card{background:#fff;border-radius:20px;padding:16px;margin-top:13px;box-shadow:var(--shadow)}.driver-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:13px}.mobile-top{display:none}.menu-toggle{border:0;background:var(--yellow);border-radius:12px;width:44px;height:44px;font-size:20px;font-weight:900}.overlay{display:none}.kpi-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.kpi-mini{background:rgba(255,255,255,.08);border-radius:15px;padding:12px;text-align:center}.kpi-mini b{display:block;font-size:1.35rem}.actions-row{display:flex;gap:7px;flex-wrap:wrap}.divider{height:1px;background:#e5e7eb;margin:16px 0}.success-panel{background:#ecfdf5;border:1px solid #bbf7d0;border-radius:20px;padding:20px;text-align:center}.danger-text{color:#b91c1c}.ok-text{color:#15803d}
@media(max-width:1150px){.cards4{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:repeat(2,1fr)}.span3,.span4{grid-column:span 2}.split{grid-template-columns:1fr}.sticky{position:static}.kpi-strip{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.main{margin-left:0}.mobile-top{display:flex;align-items:center;gap:10px}.topbar{padding:10px 16px}.quick{display:none}.overlay.show{display:block;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:25}.page{padding:20px 15px}.page-head{align-items:flex-start;flex-direction:column}.user{font-size:.82rem}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.cards4,.cards3,.cards2,.form-grid,.form-grid.two,.form-grid.three{grid-template-columns:1fr}.span2,.span3,.span4{grid-column:span 1}.page-head h1{font-size:1.75rem}.page{padding:16px 11px}.card{padding:14px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.product-img{height:112px}.product-card{padding:10px}.store-main{padding:14px 10px 92px}.store-head-inner{padding:8px 11px}.store-head img{width:58px;height:58px}.store-tools{grid-template-columns:1fr}.kpi-strip{grid-template-columns:repeat(2,1fr)}.driver-actions{grid-template-columns:1fr}.btn{padding:10px 12px}.modal{padding:17px;border-radius:20px}}
/* Loja do cliente — referência oficial do ChatGPT Site */
.customer-store{background:#eef3f8;color:#0f172a}.customer-head{background:#0d1213;color:#fff;border-bottom:1px solid #1f2937}.customer-head-inner{min-height:82px;max-width:1450px;margin:auto;padding:8px 18px;display:flex;align-items:center;gap:12px}.customer-head img{width:64px;height:64px;object-fit:contain}.customer-brand{display:grid;gap:2px}.customer-brand b{font-size:1rem}.customer-brand span{font-size:.82rem;color:#f6c600;font-weight:800}.customer-whatsapp{margin-left:auto;background:#00c889;color:#fff;border-radius:13px;padding:12px 16px;font-weight:900;display:flex;align-items:center;gap:8px}.customer-layout{max-width:1450px;margin:auto;padding:13px 18px 26px;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px}.customer-catalog{min-width:0}.customer-search{height:46px;background:#fff;border-radius:14px;display:flex;align-items:center;gap:10px;padding:0 14px;color:#334155}.customer-search input{border:0;outline:0;width:100%;font-size:.9rem}.customer-cats{display:flex;gap:7px;overflow:auto;padding:10px 0 2px}.customer-cat{border:1px solid #d8e0e7;background:#fff;border-radius:999px;padding:7px 12px;font-size:.78rem;font-weight:850;white-space:nowrap}.customer-cat.active{background:#0d1213;color:#fff;border-color:#0d1213}.customer-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:13px;margin-top:10px}.customer-product-card{background:#fff4b3;border-radius:22px;overflow:hidden;max-width:240px;box-shadow:0 1px 0 rgba(15,23,42,.05)}.customer-product-image{height:128px;display:flex;align-items:center;justify-content:center;background:#fff6bd}.customer-product-image img{width:100%;height:100%;object-fit:contain}.customer-product-image span{font-size:2.5rem}.customer-product-body{background:#fff;padding:14px 13px 13px;min-height:92px}.customer-product-body small{color:#64748b;font-size:.65rem}.customer-product-body h3{margin:4px 0 6px;font-size:.96rem}.customer-product-body b{font-size:1.08rem}.customer-product-card>button{width:100%;border:0;background:#f6c600;padding:11px;font-weight:950;color:#000}.customer-cart-card{background:#fff;border:1px solid #e0e6ec;border-radius:22px;padding:16px;box-shadow:0 1px 3px rgba(15,23,42,.06);height:max-content;position:sticky;top:13px}.customer-cart-card h2{font-size:1.03rem;margin:1px 0 12px;display:flex;gap:8px;align-items:center}.customer-cart-lines{max-height:210px;overflow:auto}.customer-empty-cart{text-align:center;color:#64748b;padding:14px 0 22px;font-size:.83rem}.customer-cart-line{display:grid;grid-template-columns:1fr auto;gap:8px;padding:8px 0;border-bottom:1px solid #edf1f4;font-size:.82rem}.customer-cart-line small{display:block;color:#64748b;margin-top:3px}.customer-qty{display:flex;align-items:center;gap:5px}.customer-qty button{width:25px;height:25px;border:1px solid #d8e0e7;border-radius:7px;background:#fff;font-weight:900}.customer-total{border-top:1px solid #111827;padding:13px 2px 10px;display:flex;justify-content:space-between;font-size:.95rem}.customer-field{width:100%;border:1px solid #111827;border-radius:12px;padding:10px 12px;margin-bottom:8px;background:#fff;outline:none;font-size:.82rem}.customer-field:focus{border-color:#f6c600;box-shadow:0 0 0 3px rgba(246,198,0,.16)}.customer-address-box{border:1px solid #111827;border-radius:12px;background:#f8fafc;padding:10px 12px;margin-bottom:8px}.customer-address-box h3{font-size:.84rem;margin:0 0 8px}.customer-address-box .customer-field{margin-bottom:8px}.customer-address-box .customer-field:last-child{margin-bottom:0}.customer-cep-row{display:grid;grid-template-columns:1fr 75px;gap:8px}.customer-yellow-btn{height:41px;border:0;border-radius:11px;background:#f6c600;font-weight:950}.customer-two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.customer-city-row{display:grid;grid-template-columns:1fr 64px;gap:8px}.customer-uf{text-align:center}.customer-notes{min-height:62px;resize:vertical}.customer-fee-info{font-size:.72rem;color:#64748b;text-align:right;min-height:16px;margin:-1px 2px 6px}.customer-confirm{width:100%;border:0;border-radius:11px;background:#111827;color:#fff;padding:13px;font-weight:950}.customer-confirm:disabled{background:#a3a3a3}.customer-talk-link{display:block;text-align:center;color:#00a56d;font-weight:850;font-size:.78rem;margin-top:10px}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,120px);background:#111827;color:#fff;border-radius:12px;padding:11px 15px;z-index:100;opacity:0;transition:.2s}.toast.show{transform:translate(-50%,0);opacity:1}
@media(max-width:900px){.customer-layout{grid-template-columns:1fr}.customer-cart-card{position:static}.customer-products{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-product-card{max-width:none}.customer-whatsapp span{display:none}.customer-whatsapp{padding:11px 13px}}
@media(max-width:520px){.customer-head-inner{padding:7px 10px}.customer-head img{width:52px;height:52px}.customer-layout{padding:10px}.customer-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.customer-product-image{height:105px}.customer-product-body{padding:10px;min-height:83px}.customer-product-card{border-radius:17px}.customer-product-body h3{font-size:.86rem}.customer-product-card>button{padding:10px;font-size:.8rem}.customer-two{grid-template-columns:1fr}.customer-city-row{grid-template-columns:1fr 68px}}


/* RC2 — menu lateral, ícones, logo e acesso à loja */
.sidebar{transition:width .2s ease,padding .2s ease,transform .2s ease}.main{transition:margin-left .2s ease}.brand{height:190px;position:relative}.brand-logo-frame{width:160px;height:160px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:transparent;box-shadow:0 0 0 1px rgba(246,198,0,.18),0 14px 30px rgba(0,0,0,.18)}.brand-logo-frame img{width:100%;height:100%;object-fit:cover;transform:scale(1.14);border-radius:50%}.sidebar-collapse{position:absolute;top:16px;right:12px;width:34px;height:34px;border:1px solid rgba(255,255,255,.14);border-radius:11px;background:rgba(255,255,255,.06);color:#e5edf0;display:grid;place-items:center;z-index:2}.sidebar-collapse:hover{background:rgba(255,255,255,.12);border-color:rgba(246,198,0,.45)}.sidebar-collapse svg,.nav-icon,.top-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.sidebar-collapse svg{width:18px;height:18px;transition:transform .2s ease}.nav button,.nav-link{min-height:48px;width:100%;border:0;background:transparent;color:#dbe4e8;border-radius:16px;padding:12px 14px;display:flex;align-items:center;gap:13px;font-weight:850;text-align:left}.nav button:hover,.nav-link:hover{background:rgba(255,255,255,.08);color:#fff}.nav button.active{background:var(--yellow);color:#050708;box-shadow:0 7px 18px rgba(246,198,0,.12)}.nav-icon{width:21px;height:21px}.nav-label{line-height:1.18}.nav-separator{height:1px;background:rgba(255,255,255,.11);margin:8px 10px}.store-access{border:1px solid rgba(246,198,0,.24);color:#ffe681}.store-access:hover{background:rgba(246,198,0,.1);color:#fff1a8}.external-mark{margin-left:auto;font-size:.85rem;opacity:.75}.top-store-link{margin-left:auto;margin-right:18px;display:inline-flex;align-items:center;gap:8px;border:1px solid #e4e9ee;border-radius:13px;padding:10px 13px;background:#fff;font-weight:900;color:#111827;white-space:nowrap}.top-store-link:hover{border-color:var(--yellow);box-shadow:0 0 0 3px rgba(246,198,0,.10)}.top-icon{width:18px;height:18px}.user{margin-left:0}.quick{margin-right:auto}
body.sidebar-collapsed .sidebar{width:88px;padding-left:10px;padding-right:10px}body.sidebar-collapsed .main{margin-left:88px}body.sidebar-collapsed .brand{height:112px}body.sidebar-collapsed .brand-logo-frame{width:70px;height:70px;box-shadow:0 0 0 1px rgba(246,198,0,.22),0 8px 18px rgba(0,0,0,.18)}body.sidebar-collapsed .nav button,body.sidebar-collapsed .nav-link{justify-content:center;padding:12px 10px;gap:0}body.sidebar-collapsed .nav-label,body.sidebar-collapsed .external-mark,body.sidebar-collapsed .side-note{display:none}body.sidebar-collapsed .nav-separator{margin:8px 7px}body.sidebar-collapsed .sidebar-collapse{right:50%;transform:translateX(50%);top:84px;background:#1a2022}body.sidebar-collapsed .sidebar-collapse svg{transform:rotate(180deg)}
.login-card img,.customer-head img,.driver-head img{border-radius:50%;object-fit:cover;transform:scale(1.08);clip-path:circle(47% at 50% 50%)}.customer-head img{transform:scale(1.13)}.driver-head img{transform:scale(1.10)}
.dashboard-store-cta{display:inline-flex;align-items:center;gap:8px}
@media(max-width:900px){body.sidebar-collapsed .sidebar{width:260px;padding:0 18px 24px;transform:translateX(-100%)}body.sidebar-collapsed .sidebar.open{transform:none}body.sidebar-collapsed .main{margin-left:0}body.sidebar-collapsed .brand{height:185px}body.sidebar-collapsed .brand-logo-frame{width:150px;height:150px}body.sidebar-collapsed .nav button,body.sidebar-collapsed .nav-link{justify-content:flex-start;padding:12px 14px;gap:13px}body.sidebar-collapsed .nav-label,body.sidebar-collapsed .external-mark,body.sidebar-collapsed .side-note{display:initial}.sidebar-collapse{display:none}.top-store-link{margin-left:auto;margin-right:10px}.top-store-link span{display:none}.top-store-link{padding:10px}.user{margin-left:0}}
@media(max-width:620px){.top-store-link{display:none}}

/* RC4 — alertas de pedidos e gestão de entregadores */
.order-alert-wrap{position:relative;margin-left:auto;margin-right:10px}.order-bell{position:relative;width:42px;height:42px;border:1px solid #e4e9ee;border-radius:13px;background:#fff;display:grid;place-items:center;color:#111827;cursor:pointer}.order-bell:hover,.order-bell.active{border-color:var(--yellow);box-shadow:0 0 0 3px rgba(246,198,0,.10)}.order-bell-count{position:absolute;top:-6px;right:-6px;min-width:21px;height:21px;padding:0 5px;border-radius:999px;background:#dc2626;color:#fff;font-size:.72rem;font-weight:950;line-height:21px;text-align:center;box-shadow:0 0 0 2px #fff}.order-alert-panel{position:absolute;right:0;top:50px;width:min(410px,calc(100vw - 24px));background:#fff;border:1px solid #dfe5eb;border-radius:18px;box-shadow:0 18px 50px rgba(15,23,42,.18);z-index:90;overflow:hidden}.order-alert-head,.order-alert-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 14px}.order-alert-head{border-bottom:1px solid #eef2f5}.order-alert-foot{border-top:1px solid #eef2f5;justify-content:flex-end}.order-alert-list{max-height:330px;overflow:auto;padding:7px}.order-alert-item{width:100%;border:0;background:#fff;border-radius:12px;padding:11px;text-align:left;display:grid;grid-template-columns:1fr auto;gap:8px;cursor:pointer}.order-alert-item:hover{background:#f8fafc}.order-alert-item.warn{background:#fff9db}.order-alert-item.danger{background:#fff0f0}.order-alert-item b{display:block}.order-alert-age{font-size:.74rem;font-weight:900;color:#475569}.order-alert-item.warn .order-alert-age{color:#a16207}.order-alert-item.danger .order-alert-age{color:#b91c1c}.order-alert-pulse{animation:bellPulse .9s ease 2}@keyframes bellPulse{0%,100%{transform:rotate(0)}25%{transform:rotate(-10deg)}50%{transform:rotate(10deg)}75%{transform:rotate(-6deg)}}
.driver-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}.driver-user-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;background:#f1f5f9;font-size:.8rem;font-weight:800}.platform-note{padding:12px 14px;border:1px solid #e2e8f0;border-radius:13px;background:#f8fafc;color:#475569;font-size:.86rem}.settings-status{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 10px;background:#eef2f7;font-size:.78rem;font-weight:850}.settings-status.on{background:#dcfce7;color:#166534}.settings-status.off{background:#f1f5f9;color:#64748b}
@media(max-width:620px){.order-alert-wrap{margin-left:auto;margin-right:6px}.order-alert-panel{position:fixed;right:10px;left:10px;top:68px;width:auto}.order-bell{width:40px;height:40px}}
.settings-layout{grid-template-columns:240px 1fr!important}.settings-nav{position:sticky;top:94px}
@media(max-width:820px){.settings-layout{grid-template-columns:1fr!important}.settings-nav{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.settings-nav .tab{margin:0}}

/* RC5 - escolha de entregas e rota */
.driver-card.selectable-card{border:2px solid transparent;transition:.15s ease}.driver-card.selectable-card.selected{border-color:var(--yellow);box-shadow:0 0 0 3px rgba(246,198,0,.16),var(--shadow)}.driver-card-top{display:flex;align-items:flex-start;gap:10px}.driver-card-title{flex:1;min-width:0}.delivery-check{display:flex;align-items:center;justify-content:center;margin-top:1px}.delivery-check input{position:absolute;opacity:0;pointer-events:none}.delivery-check span{width:25px;height:25px;border:2px solid #cbd5e1;border-radius:8px;background:#fff;display:grid;place-items:center}.delivery-check input:checked+span{background:var(--yellow);border-color:var(--yellow)}.delivery-check input:checked+span:after{content:'✓';font-weight:950;color:#111}.driver-items{font-size:.92rem;color:#334155}.route-plan{border:2px solid #f6c600}.route-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:12px 0}.route-stats>div{background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;padding:10px}.route-stats span{display:block;color:#64748b;font-size:.78rem;font-weight:800}.route-stats b{display:block;margin-top:2px;font-size:1.05rem}.route-stops{display:grid;gap:9px}.route-stop{display:flex;gap:10px;align-items:flex-start;padding:11px;border:1px solid #e2e8f0;border-radius:14px;background:#fff}.route-number{width:30px;height:30px;border-radius:50%;background:#101415;color:#fff;display:grid;place-items:center;font-weight:950;flex:none}@media(max-width:620px){.route-stats{grid-template-columns:1fr 1fr}.route-stats>div:last-child{grid-column:span 2}}

/* RC6 — WhatsApp manual por pedido */
.whatsapp-btn{background:#dcfce7;border-color:#bbf7d0;color:#166534}.whatsapp-btn:hover{background:#bbf7d0;border-color:#86efac;color:#14532d}.whatsapp-btn:focus{box-shadow:0 0 0 3px rgba(34,197,94,.14)}

/* RC8 — contingência local / offline */
.local-page{max-width:1180px;margin:auto;padding:18px}.local-head{display:flex;align-items:center;gap:16px}.local-head img{width:76px;height:76px;border-radius:50%;object-fit:cover}.local-head h1{margin:0}.local-head p{margin:4px 0;color:#cbd5e1}.local-head .eyebrow{color:#f6c600;font-weight:950;font-size:.78rem;letter-spacing:.08em}.local-head>.btn{margin-left:auto}.local-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.local-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.local-stat{border:1px solid #e2e8f0;border-radius:14px;padding:12px;background:#f8fafc}.local-stat span{display:block;color:#64748b;font-size:.78rem;font-weight:850}.local-stat b{display:block;margin-top:4px;font-size:1.08rem}.local-stat.ok{background:#ecfdf5;border-color:#bbf7d0}.local-stat.warn{background:#fffbeb;border-color:#fde68a}.local-stat.danger{background:#fef2f2;border-color:#fecaca}.local-url{padding:14px;border-radius:14px;background:#111827;color:#f6c600;font-weight:950;font-size:1.1rem;word-break:break-all;margin:12px 0}.local-conflict{padding:10px 0;border-bottom:1px solid #e5e7eb}.local-conflict:last-child{border:0}.contingency-strip{display:none;align-items:center;justify-content:space-between;gap:10px;border-radius:12px;padding:9px 12px;margin-bottom:10px;font-size:.82rem;font-weight:850}.contingency-strip.online{display:flex;background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.contingency-strip.offline{display:flex;background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}.contingency-strip.syncing{display:flex;background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}@media(max-width:850px){.local-grid{grid-template-columns:1fr}.local-status-grid{grid-template-columns:1fr 1fr}.local-head{align-items:flex-start;flex-wrap:wrap}.local-head>.btn{margin-left:0}}


/* =========================================================
   ZERO1 v1.0.1 — UI Premium
   ========================================================= */
:root{
  --yellow-soft:#fff4b8;
  --yellow-page:#fff6c9;
  --yellow-page-2:#fffbe8;
}
body{background:linear-gradient(180deg,#fffbe8 0,#f8fafc 52%,#f1f5f9 100%)}
.page{position:relative}
.topbar{background:linear-gradient(90deg,#fffdf2,#fff7c9);box-shadow:0 4px 18px rgba(15,23,42,.04)}
.card{border-color:#e8e0b7}
.page-head h1{font-size:2.2rem}
.page-head p{font-weight:600}
.premium-metrics{align-items:stretch}
.metric-rich{
  position:relative;min-height:144px;display:grid;grid-template-columns:56px minmax(0,1fr) 76px;
  gap:14px;align-items:center;overflow:hidden;border-color:#f1e3a1;background:linear-gradient(145deg,#fff 0,#fffef8 100%)
}
.metric-rich.warning{border-color:#fde68a}.metric-rich.danger{border-color:#fecaca}
.metric-icon{
  width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);color:#111827;
  box-shadow:0 8px 20px rgba(246,198,0,.20)
}
.metric-icon svg,.delivery-main-icon svg,.kpi-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.metric-copy{min-width:0;display:flex;flex-direction:column;gap:4px}
.metric-copy>span{font-size:.84rem;color:#64748b;font-weight:800}
.metric-copy>b{font-size:1.7rem;letter-spacing:-.03em;line-height:1.08}
.metric-caption{font-size:.75rem;color:#64748b;font-weight:700}
.metric-delta{font-style:normal;font-size:.76rem;font-weight:950}
.metric-delta em{font-style:normal;font-weight:650;color:#64748b;margin-left:4px}
.metric-delta.up{color:#16a34a}.metric-delta.down{color:#dc2626}.metric-delta.flat{color:#64748b}
.metric-spark{height:58px;display:flex;align-items:end;gap:4px;justify-content:flex-end}
.metric-spark i{width:7px;min-height:8px;border-radius:4px 4px 1px 1px;background:linear-gradient(180deg,#ffd51a,#f6c600)}
.metric-spark.danger i{background:linear-gradient(180deg,#fca5a5,#ef4444)}
.delivery-title{display:flex;align-items:center;gap:12px}
.delivery-main-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--yellow);color:#0b1011}
.premium-delivery{border:1px solid rgba(246,198,0,.2);box-shadow:0 14px 34px rgba(15,23,42,.14)}
.premium-delivery .kpi-strip{gap:10px}
.premium-delivery .kpi-mini{position:relative;padding:16px 12px 14px;min-height:100px;border:1px solid rgba(255,255,255,.04)}
.kpi-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:rgba(246,198,0,.14);color:#ffd21b;margin:0 auto 7px}
.kpi-icon svg{width:18px;height:18px}
.ranking-card{overflow:hidden}
.ranking-row{display:grid;grid-template-columns:30px minmax(120px,1fr) minmax(80px,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #eef2f5}
.ranking-row:last-child{border-bottom:0}
.ranking-pos{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#f6c600;font-weight:950}
.ranking-name{font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ranking-bar{height:8px;border-radius:999px;background:#eef2f7;overflow:hidden}.ranking-bar i{display:block;height:100%;background:#f6c600;border-radius:999px}
.zero1-promo{
  margin-top:18px;min-height:142px;border-radius:24px;overflow:hidden;padding:20px 26px;display:grid;
  grid-template-columns:1.25fr 130px .8fr;gap:18px;align-items:center;
  background:
    radial-gradient(circle at 15% 10%,rgba(255,255,255,.8),transparent 22%),
    linear-gradient(120deg,#ffdc24 0,#f6c600 46%,#e7ab00 100%);
  color:#111827;box-shadow:0 12px 28px rgba(196,143,0,.16)
}
.zero1-promo-copy{display:flex;flex-direction:column;line-height:.92;font-weight:950;letter-spacing:-.03em}
.zero1-promo-copy span{font-size:1.15rem}.zero1-promo-copy b{font-size:2rem}
.zero1-promo img{width:120px;height:120px;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,0,0,.22))}
.zero1-promo-side{font-weight:900;line-height:1.3;text-align:right}
.product-manager{background:rgba(255,255,255,.82);backdrop-filter:blur(6px)}
.product-card{transition:transform .18s ease,box-shadow .18s ease;border-color:#eee4b5}
.product-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(15,23,42,.10)}
.channel-chips{display:flex;gap:10px;flex-wrap:wrap}
.channel-chips span{min-width:120px;border:1px solid #eadf9c;background:#fffbea;border-radius:14px;padding:10px 13px;display:flex;gap:7px;align-items:center;font-weight:750}
.channel-chips span b{font-size:1.2rem}
.sales-resume{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sales-resume>div{padding:12px;border-radius:14px;background:#fffbea;border:1px solid #eadf9c}.sales-resume span{display:block;color:#64748b;font-size:.8rem}.sales-resume b{font-size:1.25rem}

/* Menu compacto com nomes: substitui o comportamento antigo que escondia .nav-label */
@media (min-width:901px){
  body.sidebar-collapsed .sidebar{width:108px;padding-left:9px;padding-right:9px}
  body.sidebar-collapsed .main{margin-left:108px}
  body.sidebar-collapsed .brand{height:108px}
  body.sidebar-collapsed .brand-logo-frame{width:68px;height:68px}
  body.sidebar-collapsed .nav button,body.sidebar-collapsed .nav-link{
    min-height:62px;justify-content:center;align-items:center;flex-direction:column;padding:8px 4px;gap:4px;text-align:center
  }
  body.sidebar-collapsed .nav-label{display:block!important;font-size:.66rem;line-height:1.05;max-width:86px;white-space:normal}
  body.sidebar-collapsed .external-mark{display:none!important}
  body.sidebar-collapsed .side-note{
    display:flex!important;flex-direction:column;gap:6px;margin:28px 5px 4px;text-align:center;font-size:.59rem;line-height:1.22;color:#f6c600
  }
  body.sidebar-collapsed .side-note span{color:#b8c4ca;font-size:.55rem;text-transform:none}
  body.sidebar-collapsed .sidebar-collapse{top:79px}
}

/* PDV */
.pdv-product-card{padding-bottom:44px}
.product-add-fab{position:absolute;right:12px;top:12px;width:38px;height:38px;border:0;border-radius:50%;background:#f6c600;color:#111827;font-weight:950;font-size:1.35rem;box-shadow:0 7px 18px rgba(246,198,0,.28);z-index:3}
.product-add-fab:hover{transform:scale(1.06)}
.pdv-add-label{position:absolute;left:12px;right:12px;bottom:10px;border-radius:10px;background:#fff8d6;border:1px solid #f5dd5e;padding:7px 8px;text-align:center;font-weight:900;font-size:.76rem;color:#5c4900}

/* Cliente recorrente + loja */
.returning-customer{border:1px solid #f1cf2d;background:#fff8cc;border-radius:14px;padding:10px 11px;margin-bottom:9px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.returning-customer div{display:flex;flex-direction:column;gap:2px}.returning-customer b{font-size:.84rem}.returning-customer span{font-size:.72rem;color:#64748b}
.returning-customer button{border:1px solid #d4b800;background:#fff;border-radius:10px;padding:7px 9px;font-weight:850;font-size:.7rem;white-space:nowrap}
.customer-promo-banner{max-width:1450px;margin:0 auto 24px;border-radius:20px;min-height:118px;padding:16px 24px;display:grid;grid-template-columns:1fr 100px 1fr;align-items:center;gap:16px;background:linear-gradient(115deg,#ffdc1c,#f6c600 58%,#dca000);color:#111827;box-shadow:0 10px 24px rgba(162,115,0,.14)}
.customer-promo-banner>div:first-child{display:flex;flex-direction:column;font-weight:950;line-height:1}.customer-promo-banner>div:first-child span{font-size:1rem}.customer-promo-banner>div:first-child b{font-size:1.55rem}
.customer-promo-banner img{width:94px;height:94px;object-fit:contain}.customer-banner-copy{text-align:right;font-weight:950;font-size:.85rem}
.customer-product-card{border:1px solid #f1df7b;box-shadow:0 7px 20px rgba(15,23,42,.06)}
.customer-product-card>button{font-size:.8rem}.customer-product-card>button:hover{background:#ffd91c}

/* Responsividade */
@media (max-width:1100px){
  .metric-rich{grid-template-columns:48px 1fr 58px;padding:16px}.metric-icon{width:46px;height:46px}.metric-copy>b{font-size:1.38rem}
  .zero1-promo{grid-template-columns:1fr 96px}.zero1-promo-side{display:none}.zero1-promo img{width:90px;height:90px}
}
@media (max-width:700px){
  .zero1-promo{grid-template-columns:1fr 74px;padding:16px}.zero1-promo-copy span{font-size:.85rem}.zero1-promo-copy b{font-size:1.35rem}.zero1-promo img{width:70px;height:70px}
  .customer-promo-banner{margin:0 12px 18px;grid-template-columns:1fr 72px;padding:13px 15px}.customer-banner-copy{display:none}.customer-promo-banner img{width:68px;height:68px}.customer-promo-banner>div:first-child b{font-size:1.2rem}
  .returning-customer{align-items:flex-start;flex-direction:column}.returning-customer button{width:100%}
}

/* =========================================================
   ZERO1 v1.0.1 RC11 — UI Premium Completa
   ========================================================= */
.module-intro{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid #f0d95a;background:linear-gradient(115deg,#fffbea,#fff6b9);border-radius:18px;box-shadow:0 7px 20px rgba(176,132,0,.07)}
.module-intro.compact-intro{margin-top:16px;padding:13px 15px}.module-intro-icon{width:46px;height:46px;border-radius:14px;background:#111827;color:#f6c600;display:grid;place-items:center;flex:none}.module-intro-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.module-intro b{display:block;font-size:1rem}.module-intro span{display:block;color:#64748b;font-size:.84rem;margin-top:3px;line-height:1.45}
.premium-tag{display:inline-flex;align-items:center;border-radius:999px;background:#fff5bf;border:1px solid #efd24b;padding:6px 10px;font-size:.73rem;font-weight:950;color:#705800;white-space:nowrap}.premium-tabs .tab{box-shadow:0 5px 15px rgba(15,23,42,.04)}
.entry-premium-card{background:linear-gradient(145deg,#fff,#fffdf5)}.entry-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:18px;align-items:start}.pricing-guide{border:1px solid #eadb88;border-radius:18px;background:#fffbea;padding:18px;position:sticky;top:96px}.pricing-guide-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#f6c600;color:#111827;margin-bottom:11px}.pricing-guide-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.pricing-guide h3{margin:0 0 7px}.pricing-guide p{font-size:.85rem;line-height:1.45}.pricing-example{padding:11px 12px;border-radius:13px;background:#111827;color:#fff;margin:12px 0}.pricing-example span{display:block;color:#cbd5e1;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}.pricing-example b{display:block;color:#ffd21a;margin-top:3px}
.finance-premium-grid,.reports-premium-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.finance-health{min-height:255px}.finance-big-balance{display:flex;flex-direction:column;margin:22px 0 14px}.finance-big-balance span{color:#cbd5e1;font-weight:700}.finance-big-balance b{font-size:2.25rem;letter-spacing:-.04em;margin-top:3px}.finance-progress{height:10px;background:rgba(255,255,255,.12);border-radius:999px;overflow:hidden}.finance-progress i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#f6c600,#ffe56f)}.finance-comparison{display:flex;justify-content:space-between;gap:12px;margin-top:12px;color:#dbe4e8;font-size:.82rem}.finance-comparison b{display:block;color:#fff;margin-top:2px}
.report-bar-row{display:grid;grid-template-columns:minmax(90px,130px) 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #edf1f4}.report-bar-row:last-child{border-bottom:0}.report-bar-row>span{font-weight:800;color:#475569;font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.report-bar-row>div{height:10px;background:#eef2f6;border-radius:999px;overflow:hidden}.report-bar-row i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#f6c600,#ffdb25)}.report-bar-row>b{font-size:.82rem}.stock-health-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stock-health-grid>div{padding:14px;border:1px solid #e7edf2;border-radius:15px;background:#f8fafc;position:relative}.stock-health-grid b{display:block;font-size:1.55rem;margin-top:6px}.stock-health-grid small{display:block;color:#64748b;margin-top:2px}.health-dot{width:11px;height:11px;border-radius:50%;display:block}.health-dot.ok{background:#16a34a}.health-dot.warn{background:#f59e0b}.health-dot.danger{background:#ef4444}.health-dot.info{background:#2563eb}.export-premium-card{background:linear-gradient(135deg,#fff,#fffdf3)}.export-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.export-tile{border:1px solid #e9dc92;border-radius:17px;background:#fff;padding:17px;text-align:left;display:grid;gap:5px;color:#111827}.export-tile:hover{transform:translateY(-2px);border-color:#f6c600;box-shadow:0 10px 22px rgba(15,23,42,.08)}.export-tile>span{width:42px;height:42px;border-radius:13px;background:#f6c600;display:grid;place-items:center;margin-bottom:4px}.export-tile svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.export-tile b{font-size:1rem}.export-tile small{color:#64748b}
.premium-settings-layout{align-items:start}.premium-settings-nav{display:grid;gap:7px;position:sticky;top:96px}.settings-nav-title{padding:7px 8px 10px;color:#64748b;text-transform:uppercase;letter-spacing:.06em;font-size:.7rem;font-weight:950}.premium-settings-nav .tab{display:grid!important;grid-template-columns:32px 1fr;grid-template-rows:auto auto;text-align:left!important;column-gap:8px;row-gap:1px;align-items:center;padding:10px 11px!important;box-shadow:none}.premium-settings-nav .tab>span{grid-row:1/3;width:30px;height:30px;border-radius:10px;background:#f8fafc;display:grid;place-items:center}.premium-settings-nav .tab.active>span{background:#f6c600;color:#111827}.premium-settings-nav .tab>b{font-size:.83rem}.premium-settings-nav .tab>small{font-size:.68rem;color:#64748b;font-weight:650}.settings-content-premium{min-height:410px;background:linear-gradient(145deg,#fff,#fffdf7)}
.driver-premium-body{background:linear-gradient(180deg,#fff8c7 0,#f3f6f8 40%,#edf2f7 100%);min-height:100vh}.driver-premium{max-width:900px}.driver-head.driver-premium-head{background:linear-gradient(120deg,#0d1213,#171f20);border:1px solid rgba(246,198,0,.25);box-shadow:0 12px 28px rgba(15,23,42,.18)}.driver-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:13px}.driver-summary-card{background:#fff;border:1px solid #eddc7a;border-radius:17px;padding:14px;display:flex;align-items:center;gap:11px;box-shadow:0 7px 18px rgba(15,23,42,.06)}.driver-summary-icon{width:42px;height:42px;border-radius:13px;background:#f6c600;display:grid;place-items:center;font-size:1.1rem}.driver-summary-card span{display:block;color:#64748b;font-size:.75rem;font-weight:800}.driver-summary-card b{display:block;font-size:1.45rem;margin-top:2px}.driver-card{border:1px solid #e7e0b7}.driver-card:hover{box-shadow:0 10px 24px rgba(15,23,42,.09)}.driver-card-top .badge{margin-left:auto}.driver-promo{margin:18px 0 8px}.driver-promo .zero1-promo{margin-top:0;min-height:112px}
.customer-hero{max-width:1450px;margin:13px auto 0;padding:0 18px}.customer-hero-inner{border-radius:20px;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;padding:16px 18px;background:linear-gradient(115deg,#fff8c8,#f6c600);border:1px solid #efd148;box-shadow:0 8px 20px rgba(177,126,0,.09)}.customer-hero h2{margin:0;font-size:1.35rem}.customer-hero p{margin:4px 0 0;color:#5b6471;font-size:.84rem}.customer-benefits{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.customer-benefits span{border-radius:999px;background:#fff;padding:7px 10px;font-size:.72rem;font-weight:900;border:1px solid rgba(17,24,39,.08)}
.pdv-premium-shell{background:linear-gradient(180deg,#fff8c7,#f1f5f9 45%)!important}.pdv-premium-head{background:linear-gradient(115deg,#0d1213,#1a2224)!important;border:1px solid rgba(246,198,0,.25)}.pdv-premium-head h1{color:#fff}.pdv-premium-head strong{color:#f6c600}.pdv-side-card{border-color:#eadc8e!important}.pdv-checkout-title{display:flex;align-items:center;gap:9px}.pdv-checkout-title span{width:38px;height:38px;border-radius:12px;background:#f6c600;display:grid;place-items:center}.pdv-checkout-title h2{margin:0}
.empty{border-radius:13px}.table-wrap{box-shadow:0 2px 0 rgba(15,23,42,.01)}
@media(max-width:1050px){.entry-layout{grid-template-columns:1fr}.pricing-guide{position:static}.finance-premium-grid,.reports-premium-grid{grid-template-columns:1fr}.export-grid{grid-template-columns:1fr 1fr}.premium-settings-layout{grid-template-columns:1fr!important}.premium-settings-nav{position:static;grid-template-columns:1fr 1fr}.settings-nav-title{grid-column:1/-1}.premium-settings-nav .tab{width:100%}}
@media(max-width:700px){.driver-summary-grid{grid-template-columns:1fr}.export-grid{grid-template-columns:1fr}.stock-health-grid{grid-template-columns:1fr 1fr}.customer-hero{padding:0 10px}.customer-hero-inner{grid-template-columns:1fr}.customer-benefits{justify-content:flex-start}.premium-settings-nav{grid-template-columns:1fr}.finance-comparison{flex-direction:column}.entry-layout .form-grid{grid-template-columns:1fr}.entry-layout .span2,.entry-layout .span3,.entry-layout .span4{grid-column:auto}}


/* =========================================================
   ZERO1 RC12 — UI Premium Yellow Edition
   Predominância amarela + cards brancos + banner com bebidas
   ========================================================= */
:root{
  --bg:#ffe36a;
  --yellow-page-strong:#ffd51a;
  --yellow-page-mid:#ffe56f;
  --yellow-page-soft:#fff0a8;
  --yellow-glow:#fff8d4;
}
html{background:#ffd51a}
body{
  background:
    radial-gradient(circle at 18% 0%,rgba(255,255,255,.52),transparent 24%),
    radial-gradient(circle at 82% 12%,rgba(255,255,255,.28),transparent 18%),
    linear-gradient(145deg,#ffd51a 0%,#ffe568 42%,#ffef9d 68%,#ffd21a 100%);
  background-attachment:fixed;
}
.main{
  background:
    radial-gradient(circle at 12% 8%,rgba(255,255,255,.48),transparent 20%),
    linear-gradient(155deg,#ffdc2f 0%,#ffea78 46%,#fff0a8 72%,#ffd51a 100%);
}
.page{background:transparent}
.topbar{
  background:linear-gradient(90deg,rgba(255,255,255,.93),rgba(255,249,210,.96),rgba(255,230,83,.94));
  border-bottom-color:#e7bf00;
  backdrop-filter:blur(10px);
}
.quick{background:rgba(255,255,255,.92)}
.card,.table-wrap,.modal,.customer-cart-card,.driver-card,.settings-content-premium,.entry-premium-card{
  background:#fff;
  border-color:#ead26a;
  box-shadow:0 10px 28px rgba(116,78,0,.10);
}
.card:hover{border-color:#e0bd29}
.product-manager{background:#fff!important;backdrop-filter:none}
.module-intro{background:#fff;border-color:#e8cf55}
.page-head h1{color:#101415;text-shadow:0 1px 0 rgba(255,255,255,.35)}
.page-head p{color:#4b5563}
.dark-panel{border:1px solid rgba(246,198,0,.34)}
.table th{background:#fff9dc}
.table tr:hover td{background:#fffbed}
.searchbar,.field,.select,.textarea,.tab,.btn{border-color:#d9c268}
.btn.primary,.customer-yellow-btn{box-shadow:0 7px 18px rgba(246,198,0,.22)}
.product-card,.customer-product-card{background:#fff;border-color:#e8cf55}
.product-img,.customer-product-image{background:linear-gradient(145deg,#fff9dc,#fff2aa)}
.metric-rich{background:#fff;border-color:#e8cf55}
.channel-chips span,.sales-resume>div,.stock-health-grid>div{background:#fff;border-color:#e8cf55}
.export-tile{border-color:#e6c947}
.export-tile:hover{border-color:#d7ad00}
.premium-tag{background:#fff7ca;border-color:#e5c63a}
.pricing-guide{background:#fff;border-color:#e4ca4f}
.platform-note{background:#fffdf0;border-color:#e4ce69}

/* Loja do cliente: fundo amarelo predominante e cards brancos */
.customer-store,.store{
  background:
    radial-gradient(circle at 15% 5%,rgba(255,255,255,.48),transparent 22%),
    linear-gradient(150deg,#ffd51a 0%,#ffe66f 50%,#fff0a2 75%,#ffd51a 100%)!important;
}
.customer-layout{background:transparent}
.customer-hero-inner{background:linear-gradient(110deg,#fff7c8 0%,#ffd51a 62%,#f6c600 100%);border-color:#d9ae00}
.customer-search{border:1px solid #d8bd51;box-shadow:0 7px 20px rgba(90,62,0,.08)}
.customer-cat{border-color:#d8bd51}
.customer-catalog{padding:2px 0 8px}
.customer-cart-card{border-color:#d8bd51}
.customer-address-box{background:#fffdf2;border-color:#cbb44b}
.customer-field{border-color:#8f7b31}
.customer-product-body{background:#fff}
.customer-product-card>button{background:#f6c600}

/* Entregador, PDV e contingência seguem a mesma identidade amarela */
.driver-premium-body{
  background:
    radial-gradient(circle at 12% 2%,rgba(255,255,255,.48),transparent 20%),
    linear-gradient(155deg,#ffd51a 0%,#ffe97e 55%,#fff0aa 100%)!important;
}
.pdv-premium-shell{
  background:
    radial-gradient(circle at 15% 0%,rgba(255,255,255,.45),transparent 20%),
    linear-gradient(150deg,#ffd51a 0%,#ffe873 55%,#fff1aa 100%)!important;
}
.local-page{background:transparent}
.local-stat{background:#fff;border-color:#e2c95e}

/* Banner aprovado: usa a arte com bebidas, texto inclinado e logo central */
.zero1-promo.zero1-promo-art{
  display:block;
  min-height:0;
  padding:0;
  overflow:hidden;
  background:#f6c600;
  border:1px solid #d8a900;
  border-radius:24px;
  box-shadow:0 14px 32px rgba(129,86,0,.20);
}
.zero1-promo-art-img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1550/294;
  object-fit:cover;
}
.customer-promo-banner.customer-promo-art{
  max-width:1450px;
  min-height:0;
  padding:0;
  display:block;
  overflow:hidden;
  border:1px solid #d8a900;
  border-radius:24px;
  background:#f6c600;
  box-shadow:0 14px 32px rgba(129,86,0,.20);
}
.customer-promo-art>img{display:block;width:100%;height:auto;aspect-ratio:1550/294;object-fit:cover}
.driver-promo .zero1-promo-art{margin-top:0}

/* Frase lateral: tratamento publicitário da referência, sem versão visível */
.side-note-premium{
  position:relative;
  margin:34px 8px 8px!important;
  padding:12px 8px 18px;
  color:#f6c600!important;
  text-align:left;
  line-height:.88!important;
  font-weight:950;
  letter-spacing:-.025em;
  transform:rotate(-3deg);
  transform-origin:left center;
  text-transform:uppercase;
}
.side-note-premium span,.side-note-premium b,.side-note-premium strong{display:block!important;color:#f6c600!important}
.side-note-premium span{font-size:.80rem!important;letter-spacing:.01em}
.side-note-premium b{font-size:1.12rem!important;margin-top:2px}
.side-note-premium strong{font-size:1.14rem!important;margin-top:1px}
.side-note-premium i{display:block;width:58px;height:4px;background:#f6c600;border-radius:999px;margin-top:10px;transform:rotate(-5deg)}
@media (min-width:901px){
  body.sidebar-collapsed .side-note-premium{margin:24px 1px 4px!important;padding:6px 0 12px;transform:rotate(-3deg);text-align:center;gap:0!important}
  body.sidebar-collapsed .side-note-premium span{font-size:.49rem!important}
  body.sidebar-collapsed .side-note-premium b,body.sidebar-collapsed .side-note-premium strong{font-size:.63rem!important}
  body.sidebar-collapsed .side-note-premium i{width:44px;height:3px;margin:8px auto 0}
}


.login-wrap{background:linear-gradient(145deg,#0c1011 0 34%,#ffd51a 34% 68%,#ffe978 68% 100%)}
.local-page{min-height:100vh}

/* Ajustes responsivos para preservar o amarelo e a arte */
@media(max-width:900px){
  .main{background:linear-gradient(155deg,#ffdc2f,#ffea78 60%,#fff0a8)}
  .customer-store{background:linear-gradient(150deg,#ffd51a,#ffe66f 58%,#fff0a2)!important}
}
@media(max-width:700px){
  .zero1-promo.zero1-promo-art,.customer-promo-banner.customer-promo-art{border-radius:18px}
  .zero1-promo-art-img,.customer-promo-art>img{aspect-ratio:775/147}
}

/* =========================================================
   ZERO1 RC13 — ajustes finais de banner e arte lateral
   Corrige logo do banner, garante banner em largura total
   nas telas internas e reforça a arte/frase do menu lateral.
   ========================================================= */
.zero1-promo.zero1-promo-art img.zero1-promo-art-img{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:1550/294!important;
  object-fit:cover!important;
  filter:none!important;
}
.side-note-premium{
  margin:30px 10px 10px!important;
  padding:18px 14px 24px 16px!important;
  border-radius:22px;
  background:
    radial-gradient(circle at 18% 18%,rgba(255,255,255,.10),transparent 18%),
    linear-gradient(160deg,#12181b 0%,#0b1013 58%,#161d20 100%)!important;
  border:1px solid rgba(246,198,0,.32);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 14px 28px rgba(0,0,0,.22);
  overflow:hidden;
  isolation:isolate;
}
.side-note-premium::before{
  content:"";
  position:absolute;
  right:-20px;
  top:-10px;
  width:110px;
  height:110px;
  background:radial-gradient(circle,rgba(246,198,0,.55) 0,rgba(246,198,0,.14) 40%,transparent 72%);
  transform:rotate(-14deg);
  z-index:-1;
}
.side-note-premium::after{
  content:"";
  position:absolute;
  left:18px;
  right:52px;
  bottom:12px;
  height:4px;
  border-radius:999px;
  background:linear-gradient(90deg,#f6c600,#ffe98a);
  transform:skewX(-26deg);
  box-shadow:0 0 18px rgba(246,198,0,.26);
  z-index:-1;
}
.side-note-premium span,
.side-note-premium b,
.side-note-premium strong{
  position:relative;
  z-index:1;
  text-shadow:0 2px 10px rgba(0,0,0,.18);
}
.side-note-premium span{font-size:.82rem!important;letter-spacing:.08em!important}
.side-note-premium b{font-size:1.18rem!important}
.side-note-premium strong{font-size:1.22rem!important}
.side-note-premium i{display:none!important}
@media (min-width:901px){
  body.sidebar-collapsed .side-note-premium{
    margin:22px 1px 4px!important;
    padding:10px 5px 14px!important;
    border-radius:18px;
  }
  body.sidebar-collapsed .side-note-premium::before{width:78px;height:78px;right:-16px;top:-6px}
  body.sidebar-collapsed .side-note-premium::after{left:12px;right:14px;bottom:8px;height:3px}
  body.sidebar-collapsed .side-note-premium span{font-size:.48rem!important;letter-spacing:.06em!important}
  body.sidebar-collapsed .side-note-premium b,body.sidebar-collapsed .side-note-premium strong{font-size:.66rem!important}
}

/* =========================================================
   ZERO1 RC13.1 — Banner aprovado aplicado sem corte
   Mantém o novo banner completo em todas as telas.
   ========================================================= */
.zero1-promo.zero1-promo-art,
.customer-promo-banner.customer-promo-art{
  overflow:hidden!important;
  background:#f6c600!important;
}
.zero1-promo.zero1-promo-art img.zero1-promo-art-img,
.customer-promo-banner.customer-promo-art>img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center center!important;
  filter:none!important;
}
@media(max-width:700px){
  .zero1-promo.zero1-promo-art img.zero1-promo-art-img,
  .customer-promo-banner.customer-promo-art>img{
    aspect-ratio:auto!important;
    object-fit:contain!important;
  }
}

/* =========================================================
   ZERO1 RC13.2 — Banner compacto e responsivo
   Remove margens internas da arte, reduz o impacto vertical
   no desktop e mantém largura fluida em tablet/celular.
   ========================================================= */
.zero1-promo.zero1-promo-art,
.customer-promo-banner.customer-promo-art{
  width:min(94%,1200px)!important;
  max-width:1200px!important;
  min-height:0!important;
  height:auto!important;
  margin:18px auto 0!important;
  padding:0!important;
  background:transparent!important;
  border:none!important;
  border-radius:22px!important;
  overflow:hidden!important;
  box-shadow:0 10px 26px rgba(112,76,0,.16)!important;
}
.customer-promo-banner.customer-promo-art{
  margin:20px auto 24px!important;
}
.zero1-promo.zero1-promo-art img.zero1-promo-art-img,
.customer-promo-banner.customer-promo-art>img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:100%!important;
  max-height:none!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:none!important;
  margin:0!important;
  padding:0!important;
}
@media(max-width:900px){
  .zero1-promo.zero1-promo-art,
  .customer-promo-banner.customer-promo-art{
    width:96%!important;
    max-width:none!important;
    border-radius:18px!important;
    margin-top:14px!important;
  }
}
@media(max-width:600px){
  .zero1-promo.zero1-promo-art,
  .customer-promo-banner.customer-promo-art{
    width:100%!important;
    border-radius:14px!important;
    margin-top:12px!important;
    box-shadow:0 7px 18px rgba(112,76,0,.14)!important;
  }
}

/* ZERO1 v1.0.2 — Usuários e Permissões */
.user-permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.user-permission-card{display:flex;gap:10px;align-items:flex-start;border:1px solid #e5cf68;border-radius:15px;padding:12px;background:#fffdf2;cursor:pointer;transition:.15s ease}
.user-permission-card:hover{border-color:#d8ac00;transform:translateY(-1px)}
.user-permission-card input{margin-top:3px;accent-color:#f6c600;width:17px;height:17px}
.user-permission-card span{display:flex;flex-direction:column;gap:3px}.user-permission-card b{font-size:.86rem}.user-permission-card small{color:#64748b;line-height:1.3}
#nav button[hidden]{display:none!important}
@media(max-width:700px){.user-permission-grid{grid-template-columns:1fr}}