/* UaiEats 6 — experiências públicas e terminais
   Identidade delivery-first. Mantém a marca original e altera apenas a interface. */
:root{
  --ue-green:#087f35;--ue-green-2:#0b9442;--ue-deep:#102d1e;--ue-deep-2:#183d28;
  --ue-orange:#ff7a00;--ue-cream:#f7f3ea;--ue-paper:#fffdf8;--ue-ink:#17251c;--ue-muted:#66736b;
  --ue-line:#e4ded2;--ue-danger:#d94343;--ue-shadow:0 18px 55px rgba(21,43,28,.10);
  --ue-radius:24px;
}
body.u6-storefront,body.u6-track,body.u6-waiter-login,body.u6-waiter,body.u6-plans{
  background:var(--ue-cream)!important;color:var(--ue-ink)!important;
  font-family:"Plus Jakarta Sans","Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
/* Storefront delivery ================================================= */
body.u6-storefront{background:linear-gradient(180deg,#f8f4ec 0,#fffdf9 32%,#f6f3ed 100%)!important}
body.u6-storefront .shell,body.u6-storefront .container,body.u6-storefront .page-shell{max-width:1240px!important}
body.u6-storefront .hero-header,body.u6-storefront .menu-header{
  background:linear-gradient(135deg,#102d1e 0%,#17482c 68%,#1a5a32 100%)!important;
  color:#fff!important;border:0!important;box-shadow:0 20px 60px rgba(16,45,30,.18)!important;
  border-radius:0 0 34px 34px!important;position:relative!important;overflow:hidden!important
}
body.u6-storefront .hero-header:after,body.u6-storefront .menu-header:after{content:"";position:absolute;right:-65px;top:-85px;width:250px;height:250px;border-radius:50%;border:1px solid rgba(255,255,255,.10);box-shadow:0 0 0 35px rgba(255,255,255,.025),0 0 0 70px rgba(255,255,255,.018);pointer-events:none}
body.u6-storefront .hero-title,body.u6-storefront .menu-restaurant-name{color:#fff!important;letter-spacing:-.035em!important}
body.u6-storefront .hero-sub{color:rgba(255,255,255,.68)!important}
body.u6-storefront .brand-logo,body.u6-storefront .menu-brand-logo{background:#fff!important;border:3px solid rgba(255,255,255,.72)!important;box-shadow:0 10px 25px rgba(0,0,0,.14)!important}
body.u6-storefront .cats{position:sticky!important;top:0!important;z-index:50!important;background:rgba(247,243,234,.88)!important;backdrop-filter:blur(14px)!important;padding:10px 2px!important}
body.u6-storefront .cat-chip,body.u6-storefront .pill{border-radius:999px!important;background:#fffdf8!important;border:1px solid var(--ue-line)!important;color:#4f5e54!important;box-shadow:0 3px 10px rgba(26,42,31,.035)!important}
body.u6-storefront .cat-chip.active,body.u6-storefront .pill.active{background:var(--ue-deep)!important;color:#fff!important;border-color:var(--ue-deep)!important}
body.u6-storefront .product-card,body.u6-storefront .public-product-card,body.u6-storefront .mini-product{
  background:var(--ue-paper)!important;border:1px solid var(--ue-line)!important;border-radius:20px!important;
  box-shadow:0 7px 22px rgba(23,44,29,.055)!important;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important
}
body.u6-storefront .product-card:hover,body.u6-storefront .public-product-card:hover{transform:translateY(-3px)!important;border-color:#b8d0c0!important;box-shadow:0 15px 36px rgba(23,44,29,.10)!important}
body.u6-storefront .product-img{border-radius:17px!important;overflow:hidden!important}
body.u6-storefront .product-name,body.u6-storefront .public-product-card strong{font-weight:800!important;letter-spacing:-.018em!important}
body.u6-storefront .product-price,body.u6-storefront .premium-price{color:var(--ue-green)!important;font-weight:900!important}
body.u6-storefront .plus-btn,body.u6-storefront .primary-btn,body.u6-storefront .btn-primary{background:var(--ue-green)!important;color:#fff!important;border:0!important;box-shadow:0 8px 18px rgba(8,127,53,.20)!important}
body.u6-storefront .plus-btn:hover,body.u6-storefront .primary-btn:hover{background:#086f31!important;transform:translateY(-1px)!important}
body.u6-storefront .bottom-cart{background:rgba(16,45,30,.95)!important;backdrop-filter:blur(16px)!important;border-top:1px solid rgba(255,255,255,.08)!important;box-shadow:0 -15px 45px rgba(10,33,20,.15)!important}
body.u6-storefront .bottom-cart-inner{border-radius:18px!important}
body.u6-storefront .product-modal,body.u6-storefront .form-card,body.u6-storefront .box,body.u6-storefront .data-card{background:#fffdf8!important;border-color:var(--ue-line)!important;border-radius:22px!important;box-shadow:var(--ue-shadow)!important}
body.u6-storefront input,body.u6-storefront select,body.u6-storefront textarea{background:#fff!important;border:1px solid #ddd6c9!important;border-radius:13px!important;box-shadow:none!important}
body.u6-storefront input:focus,body.u6-storefront select:focus,body.u6-storefront textarea:focus{border-color:#5da979!important;box-shadow:0 0 0 4px rgba(8,127,53,.09)!important}
body.u6-storefront .premium-banner{background:linear-gradient(135deg,#fff2dd,#fff9ef)!important;border-color:#edd6b3!important;border-radius:20px!important}
body.u6-storefront .closed-banner{background:#fff1ef!important;border-color:#f0c5be!important;color:#8b332b!important;border-radius:16px!important}

/* Tracking ============================================================ */
body.u6-track{background:linear-gradient(180deg,#102d1e 0 250px,#f7f3ea 250px)!important;min-height:100vh}
body.u6-track .shell{max-width:720px!important;margin:0 auto!important;padding:20px 16px 80px!important}
body.u6-track .hero-header,body.u6-track .final-top{background:transparent!important;color:#fff!important;border:0!important;box-shadow:none!important}
body.u6-track .hero-title,body.u6-track .hero-sub{color:#fff!important}
body.u6-track .status-card,body.u6-track .progress-card,body.u6-track .map-card,body.u6-track .driver-card,body.u6-track .summary-box,body.u6-track .share-track-card,body.u6-track .box{
  background:#fffdf8!important;border:1px solid var(--ue-line)!important;border-radius:22px!important;box-shadow:0 15px 45px rgba(18,41,25,.10)!important
}
body.u6-track .status-pill{border-radius:999px!important}
body.u6-track .progress-fill{background:linear-gradient(90deg,var(--ue-green),#36a957)!important}
body.u6-track .step.current .step-dot,body.u6-track .step.done .step-dot{background:var(--ue-green)!important;box-shadow:0 0 0 6px rgba(8,127,53,.09)!important}
body.u6-track .primary-btn{background:var(--ue-green)!important;border:0!important;border-radius:14px!important}
body.u6-track .danger-btn{border-radius:14px!important}

/* Login =============================================================== */
body.u6-login{margin:0!important;background:#f4f0e8!important;color:var(--ue-ink)!important;font-family:"Plus Jakarta Sans","Inter",system-ui,sans-serif!important}
body.u6-login .login-page{min-height:100vh!important;background:#f4f0e8!important}
body.u6-login .login-left{background:linear-gradient(145deg,#0c2b1b,#134328 65%,#1b6136)!important;position:relative!important;overflow:hidden!important}
body.u6-login .login-left:after{content:"";position:absolute;width:380px;height:380px;border-radius:50%;right:-140px;bottom:-140px;border:1px solid rgba(255,255,255,.10);box-shadow:0 0 0 55px rgba(255,255,255,.025),0 0 0 110px rgba(255,255,255,.018)}
body.u6-login .showcase-badge{background:rgba(255,255,255,.09)!important;border-color:rgba(255,255,255,.14)!important;color:#dff5e6!important;border-radius:999px!important}
body.u6-login .showcase h1,body.u6-login .showcase h2{letter-spacing:-.045em!important;max-width:660px!important}
body.u6-login .float-card{background:rgba(255,255,255,.09)!important;border:1px solid rgba(255,255,255,.12)!important;backdrop-filter:blur(12px)!important;border-radius:18px!important}
body.u6-login .login-right{background:#f4f0e8!important}
body.u6-login .login-right>div,body.u6-login .login-card{background:#fffdf8!important;border:1px solid #e4ded2!important;border-radius:28px!important;box-shadow:0 24px 70px rgba(24,43,30,.10)!important}
body.u6-login .login-title{letter-spacing:-.04em!important;color:#17271d!important}
body.u6-login .input-wrap input{border:1px solid #ddd6c9!important;background:#fff!important;border-radius:14px!important}
body.u6-login .input-wrap:focus-within input{border-color:#59a775!important;box-shadow:0 0 0 4px rgba(8,127,53,.09)!important}
body.u6-login .btn-login{background:var(--ue-green)!important;border:0!important;border-radius:14px!important;box-shadow:0 10px 22px rgba(8,127,53,.20)!important}

/* Waiter terminal ===================================================== */
body.u6-waiter-login{background:linear-gradient(160deg,#102d1e 0 42%,#f7f3ea 42%)!important}
body.u6-waiter-login .login-card,body.u6-waiter-login .install-card{background:#fffdf8!important;border:1px solid var(--ue-line)!important;border-radius:24px!important;box-shadow:var(--ue-shadow)!important}
body.u6-waiter-login .login-btn{background:var(--ue-green)!important;border-radius:14px!important}
body.u6-waiter .top-app{background:#102d1e!important;color:#fff!important;border-bottom:0!important;box-shadow:0 8px 28px rgba(16,45,30,.14)!important}
body.u6-waiter .wrap{max-width:1180px!important}
body.u6-waiter .card,body.u6-waiter .current,body.u6-waiter .quick-card{background:#fffdf8!important;border:1px solid var(--ue-line)!important;border-radius:18px!important;box-shadow:0 6px 18px rgba(22,42,28,.05)!important}
body.u6-waiter .cat,body.u6-waiter .tab{border-radius:999px!important}
body.u6-waiter .cat.active,body.u6-waiter .tab.active,body.u6-waiter .send{background:var(--ue-green)!important;color:#fff!important}

/* Plans =============================================================== */
body.u6-plans .hero{background:linear-gradient(145deg,#102d1e,#1b5b34)!important;color:#fff!important;border-radius:0 0 36px 36px!important}
body.u6-plans .plan-card{background:#fffdf8!important;border-color:var(--ue-line)!important;border-radius:22px!important;box-shadow:0 10px 28px rgba(20,42,27,.07)!important}
body.u6-plans .plan-card.popular{border:2px solid var(--ue-green)!important;transform:translateY(-6px)!important}
body.u6-plans .plan-action{border-radius:13px!important}

@media(max-width:760px){
  body.u6-storefront .hero-header,body.u6-storefront .menu-header{border-radius:0 0 24px 24px!important}
  body.u6-storefront .product-card,body.u6-storefront .public-product-card{border-radius:16px!important}
  body.u6-login .login-left{display:none!important}
  body.u6-login .login-right{padding:18px!important;align-items:center!important}
  body.u6-login .login-right>div,body.u6-login .login-card{border-radius:22px!important}
  body.u6-track{background:linear-gradient(180deg,#102d1e 0 190px,#f7f3ea 190px)!important}
}
