.settings-photo-actions{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 18px}
.settings-photo-actions button{font-size:13px}
.menu-dough-settings{margin:24px 0}
.settings-grid section>small{display:block;margin:-5px 0 13px}
.settings-grid section>label+small{margin-top:-10px}
body[data-appearance-role=shop] .sidebar{background:var(--sidebar-custom,var(--navy))!important}
body[data-appearance-role=shop]{background:var(--portal-background,var(--canvas))!important}
body[data-appearance-role=shop] .main-content,body[data-appearance-role=shop] .view{background:transparent}
body[data-appearance-role=kitchen],body[data-appearance-role=rider],body[data-appearance-role=customer]{background:var(--portal-background,#f4f7f7)!important}
body[data-appearance-role=customer] .customer-site,body.customer-site[data-appearance-role=customer]{background:var(--portal-background,#f8faf9)!important}
#dashboardView .page-intro.has-console-cover{box-sizing:border-box;min-height:270px;padding:30px 34px;border-radius:22px;background-size:cover;background-position:center;align-items:flex-end}
#dashboardView .page-intro.has-console-cover{border:1px solid rgba(255,255,255,.25);box-shadow:0 17px 42px rgba(15,42,50,.16),inset 0 0 0 1px rgba(255,255,255,.08)}
#dashboardView .page-intro.has-console-cover h1,#dashboardView .page-intro.has-console-cover p,#dashboardView .page-intro.has-console-cover .eyebrow,#dashboardView .page-intro.has-console-cover .eyebrow-live{color:#fff!important}
#settingsConsoleCoverPreview,#settingsCoverPreview{width:100%;height:130px;object-fit:cover;border-radius:14px}
.rider-delivery-sheet>.rider-delivery-action{display:block;margin:14px 0 4px;position:sticky;top:8px;z-index:3;cursor:pointer}
body[data-appearance-role=rider] .rider-delivery-action{background:var(--brand-custom,#176b52)!important;color:var(--brand-text,#fff)!important}
body[data-appearance-role=kitchen] #kitchenPortal [data-kitchen-start],body[data-appearance-role=kitchen] #kitchenPortal [data-kitchen-ready]{background:var(--brand-custom,#177254)!important;border-color:var(--brand-custom,#177254)!important;color:var(--brand-text,#fff)!important}
body.custom-brand[data-appearance-role=shop] #addOrderBtn,body.custom-brand[data-appearance-role=shop] #ordersViewAddBtn,body.custom-brand[data-appearance-role=shop] #quickAddOrderBtn{background:var(--brand-custom)!important;border-color:var(--brand-custom)!important;color:var(--brand-text,#fff)!important;box-shadow:0 8px 20px color-mix(in srgb,var(--brand-custom) 28%,transparent)!important}
body.custom-brand[data-appearance-role=shop] .manual-order-dialog button[type="submit"],body.custom-brand[data-appearance-role=shop] .shift-actions [data-shift-action="start"],body.custom-brand[data-appearance-role=shop] .coupon-create-button{background:var(--brand-custom)!important;border-color:var(--brand-custom)!important;color:var(--brand-text,#fff)!important}
body.custom-brand[data-appearance-role=shop] .intro-actions #quickAddRiderBtn,body.custom-brand[data-appearance-role=shop] #menuView .menu-editor-tabs button.is-active,body.custom-brand[data-appearance-role=shop] .settings-section-nav button.is-active{background:color-mix(in srgb,var(--brand-custom) 13%,white)!important;border-color:color-mix(in srgb,var(--brand-custom) 42%,white)!important;color:var(--brand-custom)!important}
body.custom-brand[data-appearance-role=shop] .settings-theme-card.is-selected{border-color:var(--brand-custom)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-custom) 18%,transparent)!important}
body.custom-brand[data-appearance-role=shop] .settings-theme-card em,body.custom-brand[data-appearance-role=shop] .settings-theme-current,body.custom-brand[data-appearance-role=shop] .settings-zone-kicker{color:var(--brand-custom)!important}
body.custom-brand[data-appearance-role=shop] [data-quick-shift="start"],body.custom-brand[data-appearance-role=shop] [data-trip-join]{background:var(--brand-custom)!important;border-color:var(--brand-custom)!important;color:var(--brand-text,#fff)!important}
body.custom-brand[data-appearance-role=shop] [data-quick-shift="end"]{background:var(--sidebar-custom,#173241)!important;border-color:var(--sidebar-custom,#173241)!important;color:#fff!important}
body.custom-brand[data-appearance-role=shop] [data-delivery-pause]:not(.is-paused),body.custom-brand[data-appearance-role=shop] [data-edit-kitchen-lead],body.custom-brand[data-appearance-role=shop] #newProduct,body.custom-brand[data-appearance-role=shop] #focusCategoryBuilder,body.custom-brand[data-appearance-role=shop] .settings-photo-actions button{background:color-mix(in srgb,var(--brand-custom) 13%,white)!important;border-color:color-mix(in srgb,var(--brand-custom) 38%,white)!important;color:var(--brand-custom)!important}
.professional-customer-menu .customer-main>header.has-custom-cover{box-sizing:border-box;min-height:310px;display:flex;flex-direction:column;justify-content:center;background-position:center center!important}
.professional-customer-menu .customer-main>header.has-custom-cover{box-shadow:inset 0 -1px rgba(255,255,255,.18),0 15px 36px rgba(16,47,58,.13)}
.professional-customer-menu .customer-main>header.has-custom-cover #storeName,.professional-customer-menu .customer-main>header.has-custom-cover #storeAddress{text-shadow:0 2px 12px rgba(0,18,25,.85),0 1px 3px rgba(0,18,25,.95)}
.professional-customer-menu .customer-main>header.has-custom-cover .store-info-stack .menu-info-chip{box-shadow:0 3px 14px rgba(0,18,25,.28),0 0 0 1px rgba(255,255,255,.5);text-shadow:none}
.professional-customer-menu .customer-main>header.has-custom-cover .store-info-stack .menu-info-chip--minimum{background:#e9f5ff!important;color:#14517a!important}
.professional-customer-menu .customer-main>header.has-custom-cover .store-info-stack .menu-info-chip--fee{background:#fff1de!important;color:#78440c!important}
.professional-customer-menu .customer-main>header.has-custom-cover .store-info-stack #storeStatus,.professional-customer-menu .customer-main>header.has-custom-cover .store-info-stack #storeTodayHours{border:1px solid rgba(255,255,255,.65);box-shadow:0 4px 18px rgba(0,18,25,.35);text-shadow:none!important;backdrop-filter:none}
.professional-customer-menu .customer-main>header.has-custom-cover .store-info-stack #storeStatus.is-open{background:#075938!important;color:#fff!important}
.professional-customer-menu .customer-main>header.has-custom-cover .store-info-stack #storeStatus.is-closed{background:#872636!important;color:#fff!important}
.professional-customer-menu .customer-main>header.has-custom-cover .store-info-stack #storeStatus.is-paused{background:#fff1c9!important;color:#563700!important;border-color:#b07b16!important}
.professional-customer-menu .customer-main>header.has-custom-cover .store-info-stack #storeTodayHours{background:#102d39!important;color:#fff!important}
.professional-customer-menu .customer-main>header.has-custom-cover #previewBanner{background:#eff9dc;color:#273f13;text-shadow:none}
body[data-appearance-role=customer].professional-customer-menu .customer-main>header:not(.has-custom-cover){background:linear-gradient(120deg,var(--sidebar-custom,#102f40),var(--brand-custom,#176b52))}
.professional-customer-menu .customer-product-grid{gap:10px}
.professional-customer-menu .customer-product-card{grid-template-columns:86px 1fr;min-height:112px;border-radius:13px}
.professional-customer-menu .customer-product-card>img{width:86px;min-height:112px}
.professional-customer-menu .customer-product-copy{padding:10px 12px}
.professional-customer-menu .customer-product-copy h3{font-size:16px}
.professional-customer-menu .customer-product-copy p{margin:4px 0;font-size:12px;line-height:1.35}
.professional-customer-menu .customer-product-copy strong{font-size:15px}
.professional-customer-menu .customer-product-card.no-image .customer-product-copy{min-height:112px}
@media(max-width:620px){#dashboardView .page-intro.has-console-cover{min-height:245px;padding:24px 20px}.professional-customer-menu .customer-main>header.has-custom-cover{min-height:260px}.professional-customer-menu .customer-product-card{grid-template-columns:72px 1fr;min-height:104px}.professional-customer-menu .customer-product-card>img{width:72px;min-height:104px}.professional-customer-menu .customer-product-card.no-image{grid-template-columns:1fr}.professional-customer-menu .customer-product-card.no-image .customer-product-copy{min-height:104px}}
/* Portrait phones keep the shop navigation at the left edge, never above content. */
@media (max-width:620px){
  html:has(body.shop-authenticated),body.shop-authenticated{max-width:100%;overflow-x:clip}
  body.shop-authenticated .app-shell{display:block;width:100%;min-width:0}
  body.shop-authenticated .sidebar{display:flex!important;position:fixed!important;inset:0 auto 0 0!important;box-sizing:border-box;width:60px!important;height:100dvh;max-height:100dvh;padding:10px 6px!important;overflow:hidden;z-index:110}
  body.shop-authenticated .sidebar>.brand-lockup{display:flex!important;flex:0 0 35px;justify-content:center;align-items:center;margin:0}
  body.shop-authenticated .sidebar>.brand-lockup>div:last-child,body.shop-authenticated .sidebar .session-card{display:none!important}
  body.shop-authenticated .sidebar .main-nav{display:grid!important;grid-template-columns:minmax(0,1fr);align-content:start;flex:1;min-height:0;gap:5px;width:100%;margin:10px 0 0!important;padding:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;touch-action:pan-y}
  body.shop-authenticated .sidebar .main-nav::-webkit-scrollbar{display:none}
  body.shop-authenticated .sidebar .nav-item{display:flex;justify-content:center;align-items:center;box-sizing:border-box;width:100%!important;min-width:0;min-height:44px;padding:7px 0!important;border-radius:10px;text-align:center}
  body.shop-authenticated .sidebar .nav-item span:not(.nav-icon),body.shop-authenticated .sidebar .nav-drag-handle{display:none!important}
  body.shop-authenticated .sidebar .nav-icon{display:block;flex:none;width:auto;margin:0!important;font-size:23px;line-height:1}
  body.shop-authenticated .sidebar .sidebar-bottom{display:block!important;flex:none;margin:6px 0 0;padding-top:7px;border-top:1px solid rgba(255,255,255,.15)}
  body.shop-authenticated .sidebar .support-mini{display:flex;justify-content:center;align-items:center;width:100%;min-height:44px;margin:0;padding:4px 0;border:0}
  body.shop-authenticated .sidebar .support-mini>span:nth-child(2),body.shop-authenticated .sidebar .support-mini .chevron{display:none!important}
  body.shop-authenticated .sidebar .support-mini__icon{flex:none;margin:0!important}
  body.shop-authenticated .main-content{box-sizing:border-box;width:calc(100% - 60px)!important;max-width:calc(100% - 60px);min-width:0;margin-left:60px!important}
  body.shop-authenticated .main-content .view{box-sizing:border-box;min-width:0;max-width:100%;padding-left:12px;padding-right:12px;overflow-wrap:anywhere}
  body.shop-authenticated .main-content .view :where(section,article,form,fieldset,header,footer,div){min-width:0}
  body.shop-authenticated .main-content .view :where(input,select,textarea,img,canvas){box-sizing:border-box;max-width:100%}
  body.shop-authenticated .main-content .view button{max-width:100%;white-space:normal;overflow-wrap:anywhere}
  body.shop-authenticated .analysis-table{width:100%;min-width:0;table-layout:fixed;font-size:11px}
  body.shop-authenticated .analysis-table :where(th,td){padding:8px 4px;overflow-wrap:anywhere}
  body.shop-authenticated #settings-appearance .settings-grid,body.shop-authenticated #profileView .profile-layout{grid-template-columns:minmax(0,1fr)!important}
  body.shop-authenticated #settings-appearance .settings-theme-list{grid-template-columns:minmax(0,1fr)!important}
  body.shop-authenticated #settings-appearance .settings-theme-card{box-sizing:border-box;width:100%;min-width:0;max-width:100%;overflow-wrap:anywhere}
  body.shop-authenticated #settings-appearance .settings-live-preview{min-width:0;max-width:100%;overflow:hidden}
  body.shop-authenticated #settings-appearance .settings-preview-grid{grid-template-columns:minmax(0,1fr)!important}
  body.shop-authenticated #settings-appearance input[type=file]{display:block;width:100%;min-width:0;max-width:100%;font-size:12px}
  body.shop-authenticated #settings-appearance input[type=file]::file-selector-button{max-width:100%;padding:8px 10px;white-space:normal}
  body.shop-authenticated #menuView .bulk-pay-banner{grid-template-columns:minmax(0,1fr)!important}
  body.shop-authenticated #menuView .service-hours-actions{display:flex;flex-wrap:wrap;grid-column:1/-1;min-width:0;width:100%}
  body.shop-authenticated #menuView .service-hours-actions button{flex:1 1 100%;min-width:0}
  body.shop-authenticated #menuView .menu-editor-tabs{flex-wrap:wrap;overflow-x:visible}
  body.shop-authenticated #menuView .menu-editor-tabs button{flex:1 1 auto;min-width:0}
  body.shop-authenticated #workforceView .workforce-steps{flex-wrap:wrap;overflow-x:visible}
  body.shop-authenticated #workforceView .workforce-steps span{flex:1 1 100%;min-width:0}
  body.shop-authenticated dialog{box-sizing:border-box;max-width:calc(100vw - 12px)!important}
}
/* Narrow and landscape screens: keep each page inside the viewport. */
@media (max-width:1024px){
  html:has(body.shop-authenticated),body.shop-authenticated{max-width:100%;overflow-x:clip}
  body.shop-authenticated .app-shell{width:100%;min-width:0}
  body.shop-authenticated .main-content{box-sizing:border-box;min-width:0;overflow-x:clip}
  body.shop-authenticated .main-content .view{box-sizing:border-box;min-width:0;max-width:100%;overflow-wrap:anywhere}
  body.shop-authenticated .main-content .view :where(section,article,form,fieldset,header,footer,div){min-width:0}
  body.shop-authenticated .main-content .view :where(input,select,textarea,img,canvas){box-sizing:border-box;max-width:100%}
  body.shop-authenticated #settings-appearance .settings-grid{grid-template-columns:minmax(0,1fr)!important}
  body.shop-authenticated #settings-appearance .settings-theme-card,body.shop-authenticated #settings-appearance .settings-live-preview{box-sizing:border-box;min-width:0;max-width:100%;overflow-wrap:anywhere}
  body.shop-authenticated #settings-appearance input[type=file]{display:block;width:100%;min-width:0;max-width:100%}
  body.shop-authenticated :is(#menuView,#profileView) .bulk-pay-banner{grid-template-columns:minmax(0,1fr)!important}
  body.shop-authenticated :is(#menuView,#profileView) .service-hours-actions{display:flex;flex-wrap:wrap;grid-column:1/-1;min-width:0;width:100%}
  body.shop-authenticated :is(#menuView,#profileView) .service-hours-actions button{flex:1 1 auto;min-width:0;max-width:100%}
  body.shop-authenticated #menuView .menu-editor-tabs{flex-wrap:wrap;overflow-x:visible}
  body.shop-authenticated #menuView .menu-editor-tabs button{flex:1 1 auto;min-width:0}
  body.shop-authenticated #workforceView .requirement-role{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.shop-authenticated #workforceView .requirement-role>strong{grid-column:1/-1}
  body.shop-authenticated .analysis-table{width:100%;min-width:0;table-layout:fixed}
  body.shop-authenticated .analysis-table :where(th,td){overflow-wrap:anywhere}
}
/* Portrait tablets use the same discreet icon rail as portrait phones. */
@media (orientation:portrait) and (min-width:621px) and (max-width:1200px){
  body.shop-authenticated .sidebar{display:flex!important;position:fixed!important;inset:0 auto 0 0!important;box-sizing:border-box;width:64px!important;height:100dvh;padding:12px 7px!important;overflow:hidden;z-index:110}
  body.shop-authenticated .sidebar>.brand-lockup{display:flex!important;justify-content:center;flex:0 0 36px;margin:0}
  body.shop-authenticated .sidebar>.brand-lockup>div:last-child,body.shop-authenticated .sidebar .session-card{display:none!important}
  body.shop-authenticated .sidebar .main-nav{display:grid!important;grid-template-columns:minmax(0,1fr);align-content:start;flex:1;min-height:0;gap:4px;width:100%;margin:10px 0 0!important;padding:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}
  body.shop-authenticated .sidebar .main-nav::-webkit-scrollbar{display:none}
  body.shop-authenticated .sidebar .nav-item{display:flex;justify-content:center;align-items:center;width:100%!important;min-height:44px;padding:7px 0!important}
  body.shop-authenticated .sidebar .nav-item span:not(.nav-icon),body.shop-authenticated .sidebar .nav-drag-handle{display:none!important}
  body.shop-authenticated .sidebar .nav-icon{display:block;flex:none;width:auto;margin:0!important;font-size:23px}
  body.shop-authenticated .sidebar .sidebar-bottom{display:block!important;flex:none;margin:6px 0 0;padding-top:7px}
  body.shop-authenticated .sidebar .support-mini{display:flex;justify-content:center;align-items:center;width:100%;min-height:44px;margin:0;padding:4px 0}
  body.shop-authenticated .sidebar .support-mini>span:nth-child(2),body.shop-authenticated .sidebar .support-mini .chevron{display:none!important}
  body.shop-authenticated .main-content{box-sizing:border-box;width:calc(100% - 64px)!important;max-width:calc(100% - 64px);min-width:0;margin-left:64px!important}
}
/* A phone turned sideways has enough room for readable navigation labels. */
@media (orientation:landscape) and (max-width:1024px){
  body.shop-authenticated .sidebar{display:flex!important;position:fixed!important;inset:0 auto 0 0!important;box-sizing:border-box;width:180px!important;height:100dvh;max-height:100dvh;padding:12px 10px!important;overflow:hidden;z-index:110}
  body.shop-authenticated .sidebar>.brand-lockup{display:flex!important;flex:0 0 35px;justify-content:flex-start;margin:0}
  body.shop-authenticated .sidebar>.brand-lockup>div:last-child{display:block!important}
  body.shop-authenticated .sidebar .session-card{display:none!important}
  body.shop-authenticated .sidebar .main-nav{display:grid!important;grid-template-columns:minmax(0,1fr);align-content:start;flex:1;min-height:0;gap:2px;width:100%;margin:10px 0 0!important;padding:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}
  body.shop-authenticated .sidebar .main-nav::-webkit-scrollbar{display:none}
  body.shop-authenticated .sidebar .nav-item{display:flex;justify-content:flex-start;align-items:center;width:100%!important;min-width:0;min-height:37px;padding:7px 8px!important;font-size:12px}
  body.shop-authenticated .sidebar .nav-item span:not(.nav-icon){display:inline!important}
  body.shop-authenticated .sidebar .nav-icon{display:block;flex:0 0 20px;margin:0!important;font-size:19px}
  body.shop-authenticated .sidebar .nav-drag-handle{display:none!important}
  body.shop-authenticated .sidebar .sidebar-bottom{display:block!important;flex:none;margin:6px 0 0;padding-top:7px}
  body.shop-authenticated .sidebar .support-mini{display:flex;align-items:center;width:100%;min-height:40px;margin:0;padding:5px 7px}
  body.shop-authenticated .main-content{box-sizing:border-box;width:calc(100% - 180px)!important;max-width:calc(100% - 180px);min-width:0;margin-left:180px!important}
  body.shop-authenticated .main-content .view{padding-left:18px;padding-right:18px}
  body.shop-authenticated #settings-appearance .settings-theme-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.shop-authenticated #settings-appearance .settings-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}