@media screen {
 html body.restaurant-rail-enabled {--rail-surface:#fff;--rail-text:#29415f;--rail-muted:#637b99;--rail-border:#e2e9f3;--rail-hover:#eef4ff;--rail-blue:#235bd5;}
 html:not([data-pos-theme="light"]) body.restaurant-rail-enabled {--rail-surface:#142238;--rail-text:#e3edfc;--rail-muted:#a0b6d4;--rail-border:#2b405f;--rail-hover:#203857;--rail-blue:#80b4ff;}
 html body.restaurant-rail-enabled #appShellSidebar {display:none!important;}
 html body.restaurant-rail-enabled #sidebarEdgeToggle {display:none!important;}
 html body.restaurant-rail-enabled[data-active-page]:not([data-active-page="loginPage"]):not([data-active-page="cashierPage"]) main[id]:not(#loginPage):not(#cashierPage) {margin-left:0!important;margin-right:86px!important;width:calc(100% - 86px)!important;max-width:none!important;}
 #restaurantAppRail {position:fixed;right:0;top:0;bottom:0;width:86px;display:flex;flex-direction:column;gap:8px;padding:20px 10px 14px;border-left:1px solid var(--rail-border);background:var(--rail-surface);z-index:1000;color:var(--rail-text);box-sizing:border-box;overflow:auto;scrollbar-width:none;}
 #restaurantAppRail .rail-brand {font:800 12px/1.4 'Segoe UI',sans-serif;text-align:center;color:var(--rail-text);margin:2px 0 13px;letter-spacing:-.3px;}
 #restaurantAppRail nav {display:flex;flex-direction:column;gap:6px;}
 #restaurantAppRail button {display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;width:100%;min-height:58px;padding:9px 3px;border:1px solid transparent;border-radius:13px;background:transparent;color:var(--rail-muted);font:600 10px/1.5 'Segoe UI',Tahoma,sans-serif;box-shadow:none;transform:none;cursor:pointer;}
 #restaurantAppRail button:hover {background:var(--rail-hover);color:var(--rail-blue);}
 #restaurantAppRail button.is-active {background:var(--rail-hover);color:var(--rail-blue);border-color:var(--rail-border);}
 #restaurantAppRail .rail-all {background:#2455da;color:white;min-height:60px;margin-bottom:12px;box-shadow:0 5px 13px #2455da20;}
 #restaurantAppRail .rail-all:hover {background:#1746c5;color:#fff;}
 #restaurantAppRail svg {width:22px;height:22px;display:block;}
 #restaurantAppRail .rail-bottom {margin-top:auto;padding-top:20px;}
 #restaurantRailBackdrop {position:fixed;inset:0 86px 0 0;background:#14263e12;z-index:1001;}
 #restaurantAppLauncher {position:fixed;right:102px;top:20px;width:410px;max-width:calc(100vw - 118px);max-height:calc(100dvh - 40px);overflow:auto;background:var(--rail-surface);color:var(--rail-text);border:1px solid var(--rail-border);border-radius:20px;padding:24px;box-shadow:0 22px 70px #132b4b29;z-index:1003;box-sizing:border-box;}
 #restaurantAppLauncher[hidden],#restaurantRailBackdrop[hidden],#restaurantAppLauncher [hidden] {display:none!important;}
 #restaurantAppLauncher header {display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;}
 #restaurantAppLauncher h2 {font-size:21px!important;line-height:1.5;margin:3px 0!important;color:var(--rail-text)!important;}
 #restaurantAppLauncher .rail-kicker {font-size:12px;color:var(--rail-muted);}
 #restaurantAppLauncher .rail-close,#restaurantDrawerHeader button {width:32px;height:32px;border:1px solid var(--rail-border);border-radius:9px;background:transparent;color:var(--rail-muted);font:22px/1 Arial;box-shadow:none;transform:none;}
 #restaurantAppLauncher>input {width:100%;height:42px!important;border-radius:10px!important;border:1px solid var(--rail-border)!important;background:var(--rail-hover)!important;color:var(--rail-text)!important;padding:0 12px!important;font-size:13px!important;}
 #restaurantAppLauncher .rail-app-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px;}
 #restaurantAppLauncher .rail-app-tile {display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;min-height:105px;padding:12px 5px;border:1px solid transparent;border-radius:13px;background:transparent;color:var(--rail-text);font:600 12px/1.6 'Segoe UI',Tahoma,sans-serif;text-align:center;box-shadow:none;transform:none;cursor:pointer;}
 #restaurantAppLauncher .rail-app-tile:hover {background:var(--rail-hover);border-color:var(--rail-border);}
 #restaurantAppLauncher .rail-icon {width:46px;height:46px;border-radius:14px;background:#e7efff;color:#2964cb;display:grid;place-items:center;}
 #restaurantAppLauncher svg {width:24px;height:24px;}
 #restaurantAppLauncher :is(.tone-inventory,.tone-purchases) {background:#ddf5ee;color:#138b7c;}
 #restaurantAppLauncher :is(.tone-reports,.tone-analytics,.tone-accounting) {background:#eee8ff;color:#7957cc;}
 #restaurantAppLauncher :is(.tone-hr,.tone-users,.tone-attendance,.tone-settings) {background:#eaf0f7;color:#536d8e;}
 #restaurantAppLauncher .tone-bag {background:#fff0dc;color:#d67c21;}
 #restaurantAppLauncher .rail-empty {font-size:14px;color:var(--rail-muted)!important;text-align:center;padding:24px 0;}
 html body.restaurant-rail-enabled.restaurant-drawer-open #appShellSidebar {display:flex!important;flex-direction:column!important;position:fixed!important;right:102px!important;left:auto!important;top:20px!important;bottom:20px!important;width:276px!important;max-width:calc(100vw - 118px)!important;height:auto!important;padding:12px!important;border:1px solid var(--rail-border)!important;border-radius:18px!important;background:var(--rail-surface)!important;box-shadow:0 20px 65px #132b4b25!important;z-index:1003!important;overflow:auto!important;}
 html body.restaurant-rail-enabled.restaurant-drawer-open #appShellSidebar .app-shell-brand {display:none!important;}
 html body.restaurant-rail-enabled.restaurant-drawer-open #appShellSidebar .app-shell-nav {display:block!important;width:100%!important;overflow:visible!important;padding:8px 0!important;}
 html body.restaurant-rail-enabled #appShellSidebar .app-shell-nav>*:not(.rail-selected-group) {display:none!important;}
 html body.restaurant-rail-enabled #appShellSidebar .rail-selected-group {display:block!important;}
 html body.restaurant-rail-enabled #appShellSidebar .rail-selected-group>.app-nav-group-toggle,html body.restaurant-rail-enabled #appShellSidebar .rail-selected-group>.system-features-toggle {display:none!important;}
 html body.restaurant-rail-enabled #appShellSidebar .rail-selected-group>.app-nav-submenu {display:grid!important;margin:0!important;padding:0!important;border:0!important;}
 #restaurantDrawerHeader {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 4px 14px;border-bottom:1px solid var(--rail-border);color:var(--rail-text);font-size:17px;}
 html body.restaurant-rail-enabled[data-active-page="loginPage"] #restaurantAppRail,html body.restaurant-rail-enabled[data-active-page="cashierPage"] #restaurantAppRail {display:none!important;}
 html body.restaurant-rail-enabled :is(button,input):focus-visible {outline:2px solid #6396ed;outline-offset:2px;}
 @media(max-width:600px){#restaurantAppRail{width:72px;padding-inline:7px;}html body.restaurant-rail-enabled[data-active-page]:not([data-active-page="loginPage"]):not([data-active-page="cashierPage"]) main[id]:not(#loginPage):not(#cashierPage){margin-right:72px!important;width:calc(100% - 72px)!important;}#restaurantAppLauncher{right:82px;max-width:calc(100vw - 92px);top:10px;padding:16px;border-radius:15px;}#restaurantAppLauncher .rail-app-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;}#restaurantRailBackdrop{right:72px;}html body.restaurant-rail-enabled.restaurant-drawer-open #appShellSidebar{right:82px!important;max-width:calc(100vw - 92px)!important;}}
}
@media print {#restaurantAppRail,#restaurantAppLauncher,#restaurantRailBackdrop,#restaurantDrawerHeader{display:none!important;}}

@media screen {
 html body.restaurant-rail-enabled #appShellSidebar#appShellSidebar .app-shell-nav>:not(.rail-selected-group) {display:none!important;}
 html body.restaurant-rail-enabled #appShellSidebar#appShellSidebar .rail-selected-group>.app-nav-group-toggle,
 html body.restaurant-rail-enabled #appShellSidebar#appShellSidebar .rail-selected-group>.system-features-toggle {display:none!important;}
 html body.restaurant-rail-enabled #appShellSidebar#appShellSidebar .app-shell-brand {display:none!important;}
 html body.restaurant-rail-enabled .executive-account-tools {right:102px!important;left:auto!important;z-index:999!important;}
 #restaurantAppLauncher .rail-app-tile {height:92px!important;min-height:92px!important;padding:10px 4px!important;}
 #restaurantAppLauncher .rail-app-grid {gap:8px!important;}
 html body.restaurant-rail-enabled #appShellSidebar#appShellSidebar .rail-selected-group>.app-nav-submenu {display:grid!important;padding:4px 0!important;margin:0!important;border:0!important;}
 @media(max-width:600px){html body.restaurant-rail-enabled .executive-account-tools {right:82px!important;}}
}

@media screen {
 html body.restaurant-rail-enabled.restaurant-drawer-open #appShellSidebar#appShellSidebar {bottom:auto!important;max-height:calc(100dvh - 40px)!important;min-height:180px!important;scrollbar-width:thin!important;}
 #restaurantAppLauncher {scrollbar-width:thin;scrollbar-color:#ccd7e7 transparent;}
 #restaurantAppLauncher::-webkit-scrollbar {width:5px;}
 #restaurantAppLauncher::-webkit-scrollbar-thumb {background:#ccd7e7;border-radius:5px;}
 #restaurantAppLauncher::-webkit-scrollbar-track {background:transparent;}
}

/* Keep the drawer title outside the scrolling menu; override legacy flex sizing. */
@media screen {
 html body.restaurant-rail-enabled.restaurant-drawer-open #appShellSidebar#appShellSidebar {height:auto!important;min-height:180px!important;max-height:calc(100dvh - 40px)!important;overflow:hidden!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;}
 html body.restaurant-rail-enabled #appShellSidebar#appShellSidebar #restaurantDrawerHeader {flex:0 0 auto!important;min-height:56px!important;position:relative!important;top:auto!important;margin:0!important;background:var(--rail-surface)!important;z-index:2!important;}
 html body.restaurant-rail-enabled.restaurant-drawer-open #appShellSidebar#appShellSidebar .app-shell-nav {flex:0 1 auto!important;height:auto!important;min-height:0!important;max-height:calc(100dvh - 132px)!important;overflow-x:hidden!important;overflow-y:auto!important;scrollbar-width:thin!important;overscroll-behavior:contain;align-items:stretch!important;}
 #restaurantAppRail,#restaurantAppLauncher {overscroll-behavior:contain;}
}