/* Shared appearance state and control. Loaded only by Menu-in application shells. */
html[data-mi-theme]{color-scheme:light;--mi-page:#f7f9fc;--mi-surface:#fff;--mi-surface-raised:#fff;--mi-surface-hover:#eef3f8;--mi-ink:#203047;--mi-muted:#52647a;--mi-line:#dce4ee;--mi-control-line:#7588a0;--mi-link:#00518f;--mi-input:#fff;--mi-action:#00518f;--mi-action-ink:#fff;--mi-action-hover:#003e70;--mi-accent-soft:#e8f2fc;--mi-accent-line:#a8bfd7}
html[data-mi-theme="dark"]{color-scheme:dark;--mi-page:#0f1724;--mi-surface:#172234;--mi-surface-raised:#1d2b40;--mi-surface-hover:#25354b;--mi-ink:#e8f0fa;--mi-muted:#b5c3d8;--mi-line:#34445b;--mi-control-line:#667c98;--mi-link:#91caff;--mi-input:#111d2d;--mi-action:#91caff;--mi-action-ink:#0f1724;--mi-action-hover:#b4dcff;--mi-accent-soft:#203a55;--mi-accent-line:#6687aa}
/* Resolve aliases on the root so component-local --mi-* values cannot change the application palette. */
html[data-mi-theme]{--mi-mode-page:var(--mi-page);--mi-mode-surface:var(--mi-surface);--mi-mode-surface-raised:var(--mi-surface-raised);--mi-mode-surface-hover:var(--mi-surface-hover);--mi-mode-ink:var(--mi-ink);--mi-mode-muted:var(--mi-muted);--mi-mode-line:var(--mi-line);--mi-mode-control-line:var(--mi-control-line);--mi-mode-link:var(--mi-link);--mi-mode-input:var(--mi-input);--mi-mode-action:var(--mi-action);--mi-mode-action-ink:var(--mi-action-ink);--mi-mode-action-hover:var(--mi-action-hover);--mi-mode-accent-soft:var(--mi-accent-soft);--mi-mode-accent-line:var(--mi-accent-line)}
.mi-color-mode{position:relative;display:inline-flex;flex:0 0 44px;align-items:center;vertical-align:middle;isolation:isolate}
.mi-color-mode[hidden],.mi-color-mode [hidden]{display:none!important}
html body .mi-color-mode .mi-mode-trigger{display:inline-flex;align-items:center;justify-content:center;position:static;float:none;width:44px;height:44px;min-width:44px;min-height:44px;margin:0;padding:10px;border:1px solid var(--mi-mode-line);border-radius:10px;background:var(--mi-mode-surface);color:var(--mi-mode-ink);box-shadow:none;line-height:1;cursor:pointer;transform:none}
html body .mi-color-mode .mi-mode-trigger:hover{background:var(--mi-mode-surface-hover);border-color:var(--mi-mode-link)}
.mi-mode-trigger svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.mi-mode-moon,html[data-mi-theme="dark"] .mi-mode-sun{display:none}
html[data-mi-theme="dark"] .mi-mode-moon{display:block}
.mi-color-mode :is(button:focus-visible){outline:2px solid var(--mi-mode-link)!important;outline-offset:2px}
html[data-mi-theme="dark"] body.mi-site-gradient :is(img[src$="/assets/global/images/brand/menu-in.svg"],img[src*="/assets/global/images/brand/menu-in.svg?"],img[src$="/assets/global/images/brand/menu-in-icon.svg"],img[src*="/assets/global/images/brand/menu-in-icon.svg?"]){color-scheme:dark!important}
html[data-mi-theme="dark"] body.mi-site-gradient :is(.quick-imgview.bg-light,#quick_theme_setting .bg-white,#invoice) :is(img[src*="/assets/global/images/brand/menu-in.svg"],img[src*="/assets/global/images/brand/menu-in-icon.svg"]){color-scheme:light!important}
/* POS keeps its app icon on a white tile in both appearance modes. */
html[data-mi-theme] body.mi-site-gradient :is(img.mi-pos-mark[src$="/assets/global/images/brand/menu-in-icon.svg"],img.mi-pos-mark[src*="/assets/global/images/brand/menu-in-icon.svg?"]){color-scheme:light!important}
html[data-mi-theme="dark"] body.mi-admin-panel :is(.quick-imgview.bg-light,#quick_theme_setting .bg-white){background:#f7f8fc!important;color:#203047!important;border-color:#dce4ee!important;color-scheme:light}
@media(max-width:575px){.mi-home-header #header .right-side{gap:6px!important}.mi-home-header #header .join-now-widget .button{padding-inline:10px!important;font-size:12px!important}.figma-panel-header .figma-panel-actions{gap:7px}.figma-panel-header .mi-color-mode{flex-basis:44px}}
@media(max-width:359px){.mi-home-header #logo img{width:108px!important;max-width:108px!important}.mi-home-header #header>.container{gap:6px!important;width:calc(100% - 24px)!important}.mi-home-header #header .right-side{gap:4px!important}}
@media(max-width:359px){.figma-panel-header .figma-panel-header-inner{height:auto!important;min-height:78px;flex-wrap:wrap;padding-block:10px!important;gap:8px!important}.figma-panel-header .figma-panel-actions{width:100%;margin-inline-start:auto;justify-content:flex-end}.figma-panel-header .figma-panel-logo{max-width:140px}}
@media print{html[data-mi-theme]{color-scheme:light!important;--mi-page:#fff;--mi-surface:#fff;--mi-surface-raised:#fff;--mi-surface-hover:#eef3f8;--mi-ink:#203047;--mi-muted:#52647a;--mi-line:#dce4ee;--mi-control-line:#7588a0;--mi-link:#00518f;--mi-input:#fff;--mi-action:#00518f;--mi-action-ink:#fff;--mi-action-hover:#003e70;--mi-accent-soft:#e8f2fc;--mi-accent-line:#a8bfd7}.mi-color-mode{display:none!important}html[data-mi-theme="dark"] body.mi-site-gradient :is(img[src*="/assets/global/images/brand/menu-in.svg"],img[src*="/assets/global/images/brand/menu-in-icon.svg"]){color-scheme:light!important}}
@media print{html[data-mi-theme="dark"] body.mi-site-gradient{background:#fff!important;color:#203047!important;--mi-gradient-card:#fff;--mi-gradient-lilac:#fff;--mi-gradient-teal:#fff;--mi-gradient-soft:#fff;--mi-gradient-selected:#eef3f8;--mi-gradient-line:#dce4ee;--mi-gradient-ink:#203047}html[data-mi-theme="dark"] body.mi-site-gradient.mi-admin-panel :is(.card-header a,.bg-label-primary){color:#00518f!important}html[data-mi-theme="dark"] body.mi-site-gradient.mi-admin-panel .bg-label-primary{background:#eef3f8!important}}