/* Shared Modu operational chrome. Tenant storefront themes remain tenant-owned. */
:root{--modu-ink:#0b2845;--modu-primary:#176da5;--modu-primary-dark:#0f5689;--modu-accent:#ff7a1a;--modu-canvas:#f3f6fa;--modu-line:#d8e3ee;--modu-muted:#60748a}
body{font-family:Inter,"Noto Kufi Arabic",Tahoma,"Segoe UI",system-ui,sans-serif}
button,a,input,select,textarea,summary{font:inherit}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid rgba(74,167,223,.38);outline-offset:2px}
/* Modu controls use a restrained square profile. Restaurant storefronts keep
   their tenant colors and imagery, but no action is rendered as a capsule. */
button,input[type="button"],input[type="submit"],input[type="reset"],select,
.text-button,.cart-button,.customer-menu-button,.hero-action,.add-button,.checkout-button,
.fulfillment-switch button,.category-tabs button,.card-stepper,.close-button,.quantity button,
.mobile-cart-bar,.promotion-form button,.primary,.secondary-button,.danger-button,.sync button,
.topbar nav a,.order-card button,.merchant-tabs button[data-tab],.merchant-tabs>a,
.merchant-nav-primary,.merchant-menu-toggle,.report-export{border-radius:4px!important}
body:has(.board){--ink:var(--modu-ink);--muted:#9fb2c3;--panel:#0b2845;--line:#23445f;--brand:#4aa7df;--accent:var(--modu-accent);background:#071827}
body:has(.board) .topbar{background:#0b2845}
body:has(.board) .order-card button{min-height:44px;background:var(--modu-primary)}
body:has(.board) .order-card button:hover{background:var(--modu-primary-dark)}
body:has(.board) .notice{background:var(--modu-primary)}
.payment-methods{display:grid;gap:8px}.payment-method{display:flex!important;align-items:center;gap:10px;padding:12px!important;border:1px solid var(--line)!important;border-radius:4px;background:#fff;font-weight:700!important}.payment-method input{flex:0 0 auto}.payment-method span{display:grid;gap:3px}.payment-method small{color:var(--muted);font-weight:500}.payment-method.is-active{border-color:var(--brand)!important;background:color-mix(in srgb,var(--brand) 7%,white)}.payment-method.is-unavailable{opacity:.58;cursor:not-allowed}