#waiterApp[data-screen="login"]{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;background:#eee9e2!important;color:#103653!important;overflow-x:hidden!important;overscroll-behavior:contain}
#waiterApp[data-screen="login"] *,#waiterApp[data-screen="login"] *:before,#waiterApp[data-screen="login"] *:after{box-sizing:border-box}
#waiterApp[data-screen="login"] button{font-family:inherit!important;cursor:pointer;touch-action:manipulation}
#waiterApp[data-screen="login"] svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
#waiterApp[data-screen="login"] .wt-login-nav{height:68px!important;min-height:68px!important;padding:0 34px!important;display:flex!important;flex-wrap:nowrap!important;gap:20px!important;background:linear-gradient(115deg,#142c40,#203546 70%,#102b41)!important;border-bottom:2px solid #d2b77655!important;color:#fff!important;box-shadow:0 3px 10px #152a3e60!important;backdrop-filter:none!important}
#waiterApp[data-screen="login"] .wt-login-nav:after{display:none!important}
#waiterApp[data-screen="login"] .wt-login-brand{display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:26px;font-weight:900;letter-spacing:-.8px}
#waiterApp[data-screen="login"] .wt-login-brand svg{width:20px;height:31px;color:#ffc153}
#waiterApp[data-screen="login"] .wt-login-brand strong{font-weight:900}#waiterApp[data-screen="login"] .wt-login-brand em{color:#ffc153;font-style:normal}
#waiterApp[data-screen="login"] .wt-login-strap{border-left:1px solid #ffffff18;padding-left:22px;font-size:14px;color:#b6c5d2;white-space:nowrap}
#waiterApp[data-screen="login"] .wt-login-business{margin-left:auto;font-size:14px;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#waiterApp[data-screen="login"] #wtLogout{margin-left:26px;background:linear-gradient(#214867,#113350)!important;border:1px solid #ffffff30!important;box-shadow:0 3px 8px #0003!important;border-radius:18px!important;padding:10px 24px!important;min-height:46px!important;color:#fff!important;font-size:16px!important;font-weight:800!important;white-space:nowrap;flex-shrink:0}
#waiterApp[data-screen="login"] #wtLogout span{font-size:24px;line-height:20px;vertical-align:middle;margin-right:10px}
#waiterApp[data-screen="login"] .wt-main.wt-login{position:relative;isolation:isolate;display:block!important;max-width:none!important;margin:0!important;padding:6px 0 80px!important;min-height:calc(100vh - 68px)!important;min-height:calc(100dvh - 68px)!important;background:#eee9e2 url('assets/waiter-login/restaurant-background.png') center top/cover no-repeat!important;overflow:visible!important}
#waiterApp[data-screen="login"] .wt-login:before,#waiterApp[data-screen="login"] .wt-login:after,#waiterApp[data-screen="login"] .wt-loginbox:before,#waiterApp[data-screen="login"] .wt-loginbox:after{display:none!important;content:none!important}
#waiterApp[data-screen="login"] .wt-loginbox{width:calc(100% - 80px)!important;max-width:1184px!important;margin:0 auto!important;padding:54px 60px 14px!important;border:1px solid #ffffff99!important;border-top:1px solid #ffffff99!important;border-radius:50px!important;background:linear-gradient(110deg,#f5faffdf,#eef6ffeb 48%,#fffaf0d9)!important;box-shadow:0 12px 45px #233c5020,inset 0 1px 20px #fff9!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);text-align:center;overflow:visible!important}
#waiterApp[data-screen="login"] .wt-loginbox .wt-login-eyebrow{font-size:16px!important;line-height:22px!important;font-weight:900!important;letter-spacing:3px;margin:0 0 20px!important;color:#346598!important}
#waiterApp[data-screen="login"] .wt-login-eyebrow:before,#waiterApp[data-screen="login"] .wt-login-eyebrow:after{content:'--';font-size:12px;vertical-align:middle;font-weight:700;margin:0 18px;color:#91b1cd}
#waiterApp[data-screen="login"] .wt-loginbox h2{font-size:50px!important;line-height:1.12!important;font-weight:900!important;letter-spacing:-1.5px!important;margin:0 0 12px!important;color:#0a3152!important}
#waiterApp[data-screen="login"] .wt-loginbox .wt-login-subtitle{font-size:21px!important;line-height:29px!important;font-weight:600!important;margin:0 0 35px!important;color:#54759b!important}
#waiterApp[data-screen="login"] .wt-staff{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important;margin:0 0 20px!important}
#waiterApp[data-screen="login"] .wt-staffitem{position:relative;min-width:0;--light:#409ee0;--dark:#125389;--shadow:#12538933}
#waiterApp[data-screen="login"] [data-wt-color="1"]{--light:#ad80eb;--dark:#6941a5;--shadow:#6941a533}#waiterApp[data-screen="login"] [data-wt-color="2"]{--light:#42cd93;--dark:#19835d;--shadow:#19835d33}#waiterApp[data-screen="login"] [data-wt-color="3"]{--light:#ffb73b;--dark:#c37609;--shadow:#c3760933}#waiterApp[data-screen="login"] [data-wt-color="4"]{--light:#ee898d;--dark:#b83739;--shadow:#b8373933}#waiterApp[data-screen="login"] [data-wt-color="5"]{--light:#45cdda;--dark:#07859e;--shadow:#07859e33}#waiterApp[data-screen="login"] [data-wt-color="6"]{--light:#ff85c0;--dark:#cf387e;--shadow:#cf387e33}#waiterApp[data-screen="login"] .wt-login-new{--light:#839cb2;--dark:#445e73;--shadow:#445e7344}
#waiterApp[data-screen="login"] .wt-staffitem>button:not(.wt-delstaff){position:relative!important;display:block!important;width:100%!important;height:210px!important;min-height:210px!important;padding:25px 26px!important;border:1px solid #ffffff30!important;border-radius:20px!important;color:white!important;text-align:left!important;background:radial-gradient(ellipse at 100% 95%,#0030471c,transparent 58%),linear-gradient(135deg,var(--light),var(--dark))!important;box-shadow:0 9px 17px var(--shadow),inset 0 2px 2px #ffffff60!important;transition:transform .15s ease,outline .15s ease!important;overflow:hidden!important;isolation:isolate;transform:none!important}
#waiterApp[data-screen="login"] .wt-staffitem>button:not(.wt-delstaff):hover{transform:translateY(-3px)!important}
#waiterApp[data-screen="login"] .wt-staffitem>[data-wt-staff].on{outline:3px solid #103954!important;outline-offset:3px!important;background:radial-gradient(ellipse at 100% 95%,#0030471c,transparent 58%),linear-gradient(135deg,var(--light),var(--dark))!important;border-color:#ffffff50!important;box-shadow:0 9px 17px var(--shadow),inset 0 2px 2px #ffffff60!important}
#waiterApp[data-screen="login"] .wt-staffitem>[data-wt-staff].on:after{display:none!important}
#waiterApp[data-screen="login"] .wt-staffitem>[data-wt-staff]>span{width:auto!important;height:auto!important;flex:none!important;background:none!important;border-radius:0!important;box-shadow:none!important;color:inherit!important;display:block!important}
#waiterApp[data-screen="login"] .wt-staffitem>[data-wt-staff] .wt-login-avatar{display:grid!important;place-items:center!important;width:89px!important;height:89px!important;border-radius:42%!important;font-size:40px!important;font-weight:900!important;background:radial-gradient(at 63% 25%,#00334810,#00243b66)!important;line-height:1!important;margin:0 0 12px!important}
#waiterApp[data-screen="login"] .wt-staffitem>[data-wt-staff] .wt-login-name{font-size:27px!important;line-height:32px!important;font-weight:900!important;letter-spacing:-.7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0!important;max-width:100%}
#waiterApp[data-screen="login"] .wt-staffitem>[data-wt-staff] .wt-login-room{display:inline-block!important;font-size:12px!important;line-height:15px!important;font-weight:800!important;letter-spacing:.4px!important;padding:5px 11px!important;margin:10px 0 0!important;max-width:calc(100% - 34px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#ffffff30!important;border-radius:20px!important;text-transform:uppercase}
#waiterApp[data-screen="login"] .wt-staffitem>button .wt-login-arrow{position:absolute!important;right:17px!important;bottom:29px!important;display:grid!important;place-items:center!important;width:44px!important;height:44px!important;border-radius:50%!important;background:white!important;color:#144268!important;font-family:Arial,sans-serif!important;font-size:35px!important;font-weight:400!important;line-height:1!important;box-shadow:0 4px 10px #08385018!important}
#waiterApp[data-screen="login"] .wt-staffitem>[data-wt-staff].on .wt-login-arrow{background:#103954!important;color:#fff!important;font-size:23px!important}
#waiterApp[data-screen="login"] .wt-login-decor{position:absolute;right:29px;top:36px;opacity:.3;width:58px;height:58px;stroke-width:2.5}
#waiterApp[data-screen="login"] .wt-delstaff{position:absolute!important;right:2px!important;top:2px!important;translate:none!important;transform:none!important;width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:#ffffffce!important;font-size:24px!important;font-weight:700!important;line-height:40px!important;box-shadow:none!important;z-index:2}
#waiterApp[data-screen="login"] .wt-delstaff:hover,#waiterApp[data-screen="login"] .wt-delstaff:focus-visible{background:#792525!important;color:white!important}
#waiterApp[data-screen="login"] .wt-login-newicon{width:85px;height:89px;opacity:.58;padding:5px;border-radius:42%;box-shadow:inset 0 1px 3px #ffffff18}
#waiterApp[data-screen="login"] .wt-login-newlabel{display:block;font-size:21px;line-height:23px;font-weight:900;letter-spacing:-.5px;margin-top:19px;max-width:160px}
#waiterApp[data-screen="login"] .wt-addstaff,#waiterApp[data-screen="login"] .wt-loginbtn{position:relative;display:flex!important;align-items:center!important;justify-content:center!important;gap:25px!important;width:100%!important;height:78px!important;min-height:78px!important;border-radius:20px!important;border:1px solid #ffffff40!important;color:#fff!important;background:linear-gradient(110deg,#267fc7,#18558b)!important;box-shadow:0 10px 20px #17629430,inset 0 2px 2px #ffffff50!important;font-size:28px!important;font-weight:900!important;letter-spacing:-.6px!important;padding:10px 55px!important;margin:0!important}
#waiterApp[data-screen="login"] .wt-loginbtn{margin-top:15px!important;background:linear-gradient(110deg,#194f7b,#0d3455)!important}
#waiterApp[data-screen="login"] .wt-loginbtn:disabled{opacity:.65!important;cursor:default!important;transform:none!important}
#waiterApp[data-screen="login"] .wt-loginbtn svg{width:47px;height:47px}
#waiterApp[data-screen="login"] .wt-login-plus{display:grid;place-items:center;background:white;color:#21659e;width:45px;height:45px;border-radius:50%;font-size:34px;font-family:Arial,sans-serif;font-weight:400;flex-shrink:0}
#waiterApp[data-screen="login"] .wt-login-chevron{position:absolute;right:35px;font-size:40px;font-family:Arial,sans-serif;font-weight:400;line-height:1}
#waiterApp[data-screen="login"] .wt-loginbox>small{display:block;font-size:15px!important;line-height:21px!important;color:#39628a!important;font-weight:600;margin:13px 0 0!important}
#waiterApp[data-screen="login"] button:focus-visible{outline:3px solid #082f4b!important;outline-offset:4px!important}
body:has(#waiterApp.on[data-screen="login"]) .tr-ai-ops-open{z-index:35;bottom:max(16px,env(safe-area-inset-bottom));right:18px;background:linear-gradient(#75469d,#4a2877);color:#fff;border-radius:30px;min-height:50px;box-shadow:0 7px 20px #0003}
@media(max-width:1250px){#waiterApp[data-screen="login"] .wt-loginbox{width:90%!important;padding:32px 30px 16px!important;border-radius:38px!important}#waiterApp[data-screen="login"] .wt-loginbox h2{font-size:42px!important}#waiterApp[data-screen="login"] .wt-loginbox .wt-login-eyebrow{font-size:13px!important;margin-bottom:15px!important}#waiterApp[data-screen="login"] .wt-loginbox .wt-login-subtitle{font-size:18px!important;margin-bottom:27px!important}#waiterApp[data-screen="login"] .wt-staff{gap:16px!important}#waiterApp[data-screen="login"] .wt-staffitem>button:not(.wt-delstaff){height:190px!important;min-height:190px!important;padding:21px 18px!important}#waiterApp[data-screen="login"] .wt-staffitem>[data-wt-staff] .wt-login-avatar{width:74px!important;height:74px!important;font-size:34px!important}#waiterApp[data-screen="login"] .wt-staffitem>[data-wt-staff] .wt-login-name{font-size:23px!important;line-height:28px!important}#waiterApp[data-screen="login"] .wt-staffitem>[data-wt-staff] .wt-login-room{font-size:9px!important;padding:5px 7px!important;max-width:calc(100% - 22px)}#waiterApp[data-screen="login"] .wt-staffitem>button .wt-login-arrow{width:35px!important;height:35px!important;right:12px!important;bottom:27px!important}#waiterApp[data-screen="login"] .wt-login-decor{width:46px;height:46px;right:19px;top:32px}#waiterApp[data-screen="login"] .wt-login-newicon{width:74px;height:74px}#waiterApp[data-screen="login"] .wt-login-newlabel{font-size:18px;line-height:22px;max-width:120px;margin-top:17px}#waiterApp[data-screen="login"] .wt-addstaff,#waiterApp[data-screen="login"] .wt-loginbtn{height:68px!important;min-height:68px!important;font-size:24px!important}#waiterApp[data-screen="login"] .wt-loginbox>small{font-size:13px!important}#waiterApp[data-screen="login"] .wt-login-strap{display:none}#waiterApp[data-screen="login"] .wt-login-business{font-size:12px}}
@media(max-width:900px){#waiterApp[data-screen="login"] .wt-staff{grid-template-columns:repeat(2,minmax(0,1fr))!important}#waiterApp[data-screen="login"] .wt-loginbox{width:90%!important}#waiterApp[data-screen="login"] .wt-loginbox h2{font-size:38px!important}}
@media(max-width:600px){#waiterApp[data-screen="login"] .wt-login-nav{padding:0 16px!important;gap:10px!important}#waiterApp[data-screen="login"] .wt-login-brand{font-size:22px}#waiterApp[data-screen="login"] .wt-login-business{display:none}#waiterApp[data-screen="login"] #wtLogout{margin-left:auto!important;padding:8px 14px!important;font-size:14px!important}#waiterApp[data-screen="login"] .wt-main.wt-login{padding:12px 0 85px!important}#waiterApp[data-screen="login"] .wt-loginbox{width:94%!important;padding:28px 17px 20px!important;border-radius:28px!important}#waiterApp[data-screen="login"] .wt-loginbox .wt-login-eyebrow{font-size:10px!important;letter-spacing:1.3px!important;margin-bottom:15px!important}#waiterApp[data-screen="login"] .wt-login-eyebrow:before,#waiterApp[data-screen="login"] .wt-login-eyebrow:after{margin:0 8px}#waiterApp[data-screen="login"] .wt-loginbox h2{font-size:32px!important;letter-spacing:-1px!important}#waiterApp[data-screen="login"] .wt-loginbox .wt-login-subtitle{font-size:16px!important;line-height:23px!important;margin-bottom:25px!important}#waiterApp[data-screen="login"] .wt-staff{gap:12px!important}#waiterApp[data-screen="login"] .wt-staffitem>button:not(.wt-delstaff){height:190px!important;min-height:190px!important;padding:18px 14px!important}#waiterApp[data-screen="login"] .wt-staffitem>[data-wt-staff] .wt-login-avatar{width:70px!important;height:70px!important;font-size:32px!important}#waiterApp[data-screen="login"] .wt-staffitem>[data-wt-staff] .wt-login-name{font-size:21px!important;line-height:29px!important;letter-spacing:-.6px}#waiterApp[data-screen="login"] .wt-staffitem>[data-wt-staff] .wt-login-room{font-size:8px!important;padding:5px 6px!important;max-width:calc(100% - 19px);letter-spacing:0!important}#waiterApp[data-screen="login"] .wt-staffitem>button .wt-login-arrow{right:9px!important;bottom:29px!important;width:28px!important;height:28px!important;font-size:27px!important}#waiterApp[data-screen="login"] .wt-login-decor{width:35px;height:35px;right:13px;top:38px}#waiterApp[data-screen="login"] .wt-login-newicon{width:70px;height:70px}#waiterApp[data-screen="login"] .wt-login-newlabel{font-size:17px;line-height:20px;max-width:110px;margin-top:18px}#waiterApp[data-screen="login"] .wt-addstaff,#waiterApp[data-screen="login"] .wt-loginbtn{font-size:18px!important;height:66px!important;min-height:66px!important;gap:10px!important;letter-spacing:-.4px!important;padding:0 30px 0 10px!important}#waiterApp[data-screen="login"] .wt-login-chevron{right:13px;font-size:30px}#waiterApp[data-screen="login"] .wt-login-plus{width:32px;height:32px;font-size:25px}#waiterApp[data-screen="login"] .wt-loginbtn svg{width:33px}#waiterApp[data-screen="login"] .wt-loginbox>small{font-size:12px!important;line-height:18px!important}}
@media(prefers-reduced-motion:reduce){#waiterApp[data-screen="login"] .wt-staffitem>button{transition:none!important}}

/* iPad landscape: retain the approved composition while fitting the current
   five tiles and both actions inside the visible application viewport. */
@media (min-width:901px) and (max-height:900px){
#waiterApp[data-screen="login"] .wt-login-nav{height:62px!important;min-height:62px!important}
#waiterApp[data-screen="login"] .wt-main.wt-login{min-height:calc(100vh - 62px)!important;min-height:calc(100dvh - 62px)!important;padding:4px 0 18px!important}
#waiterApp[data-screen="login"] .wt-loginbox{padding:22px 30px 10px!important;border-radius:36px!important}
#waiterApp[data-screen="login"] .wt-loginbox .wt-login-eyebrow{font-size:12px!important;line-height:18px!important;margin-bottom:8px!important}
#waiterApp[data-screen="login"] .wt-loginbox h2{font-size:38px!important;line-height:1.08!important;margin-bottom:6px!important}
#waiterApp[data-screen="login"] .wt-loginbox .wt-login-subtitle{font-size:17px!important;line-height:23px!important;margin-bottom:16px!important}
#waiterApp[data-screen="login"] .wt-staff{gap:12px 16px!important;margin-bottom:12px!important}
#waiterApp[data-screen="login"] .wt-staffitem>button:not(.wt-delstaff){height:158px!important;min-height:158px!important;padding:16px 18px!important}
#waiterApp[data-screen="login"] .wt-staffitem>[data-wt-staff] .wt-login-avatar{width:60px!important;height:60px!important;font-size:29px!important;margin-bottom:7px!important}
#waiterApp[data-screen="login"] .wt-staffitem>[data-wt-staff] .wt-login-name{font-size:21px!important;line-height:25px!important}
#waiterApp[data-screen="login"] .wt-staffitem>[data-wt-staff] .wt-login-room{font-size:9px!important;line-height:12px!important;padding:4px 7px!important;margin-top:6px!important}
#waiterApp[data-screen="login"] .wt-staffitem>button .wt-login-arrow{width:32px!important;height:32px!important;right:12px!important;bottom:18px!important;font-size:29px!important}
#waiterApp[data-screen="login"] .wt-login-decor{width:40px;height:40px;right:19px;top:25px}
#waiterApp[data-screen="login"] .wt-login-newicon{width:60px;height:60px}
#waiterApp[data-screen="login"] .wt-login-newlabel{font-size:17px;line-height:19px;margin-top:11px}
#waiterApp[data-screen="login"] .wt-addstaff,#waiterApp[data-screen="login"] .wt-loginbtn{height:56px!important;min-height:56px!important;font-size:21px!important;border-radius:17px!important}
#waiterApp[data-screen="login"] .wt-loginbtn{margin-top:8px!important}
#waiterApp[data-screen="login"] .wt-login-plus{width:34px;height:34px;font-size:27px}
#waiterApp[data-screen="login"] .wt-loginbtn svg{width:37px;height:37px}
#waiterApp[data-screen="login"] .wt-login-chevron{font-size:32px}
#waiterApp[data-screen="login"] .wt-loginbox>small{font-size:11px!important;line-height:16px!important;margin-top:7px!important}
}

/* 17.5 — real compact layout (~20% smaller), not transform/zoom. A bounded
   staff area is the only overflow fallback for unusually large teams. The
   heading and both actions always remain inside the visible viewport. */
html:has(#waiterApp.on[data-screen="login"]),body:has(#waiterApp.on[data-screen="login"]){overflow:hidden!important}
#waiterApp[data-screen="login"]{height:100vh!important;height:100dvh!important;max-height:100dvh!important;overflow:hidden!important}
#waiterApp.on[data-screen="login"]{display:grid!important;grid-template-rows:54px minmax(0,1fr)!important}
#waiterApp[data-screen="login"] .wt-login-nav{height:54px!important;min-height:54px!important;padding:0 26px!important;gap:16px!important}
#waiterApp[data-screen="login"] .wt-login-brand{font-size:22px!important}
#waiterApp[data-screen="login"] .wt-main.wt-login{width:100%!important;max-width:none!important;height:100%!important;min-height:0!important;max-height:100%!important;display:grid!important;place-items:center!important;padding:8px max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))!important;overflow:hidden!important}
#waiterApp[data-screen="login"] .wt-loginbox{display:flex!important;flex-direction:column!important;width:min(960px,88%)!important;max-width:100%!important;min-height:0!important;max-height:100%!important;padding:18px 24px 8px!important;border-radius:29px!important;margin:0!important}
#waiterApp[data-screen="login"] .wt-loginbox>:not(.wt-staff){flex:0 0 auto!important}
#waiterApp[data-screen="login"] .wt-loginbox .wt-login-eyebrow{font-size:10px!important;line-height:14px!important;letter-spacing:1.4px!important;margin:0 0 6px!important}
#waiterApp[data-screen="login"] .wt-loginbox h2{font-size:30px!important;line-height:1.12!important;letter-spacing:-.7px!important;margin:0 0 5px!important}
#waiterApp[data-screen="login"] .wt-loginbox .wt-login-subtitle{font-size:14px!important;line-height:18px!important;margin:0 0 12px!important}
#waiterApp[data-screen="login"] .wt-staff{flex:0 1 auto!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:126px!important;gap:10px 13px!important;margin:0 0 10px!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;align-content:start!important;padding:3px!important;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
#waiterApp[data-screen="login"] .wt-staffitem{min-height:0!important}
#waiterApp[data-screen="login"] .wt-staffitem>button:not(.wt-delstaff){height:126px!important;min-height:126px!important;padding:10px 14px!important;border-radius:16px!important}
#waiterApp[data-screen="login"] .wt-staffitem>[data-wt-staff] .wt-login-avatar{width:46px!important;height:46px!important;font-size:23px!important;margin:0 0 5px!important;border-radius:14px!important}
#waiterApp[data-screen="login"] .wt-staffitem>[data-wt-staff] .wt-login-name{font-size:17px!important;line-height:19px!important;letter-spacing:-.3px!important;max-width:calc(100% - 15px)!important;white-space:normal!important;overflow-wrap:anywhere!important}
#waiterApp[data-screen="login"] .wt-staffitem>[data-wt-staff] .wt-login-room{font-size:9px!important;line-height:10px!important;margin-top:4px!important;padding:3px 6px!important;max-width:calc(100% - 20px)!important}
#waiterApp[data-screen="login"] .wt-staffitem>button .wt-login-arrow{width:26px!important;height:26px!important;right:10px!important;bottom:14px!important;font-size:24px!important}
#waiterApp[data-screen="login"] .wt-login-decor{width:32px!important;height:32px!important;right:15px!important;top:20px!important}
#waiterApp[data-screen="login"] .wt-login-newicon{width:46px!important;height:46px!important}
#waiterApp[data-screen="login"] .wt-login-newlabel{font-size:14px!important;line-height:16px!important;max-width:150px!important;margin-top:9px!important}
#waiterApp[data-screen="login"] .wt-addstaff,#waiterApp[data-screen="login"] .wt-loginbtn{height:46px!important;min-height:46px!important;font-size:17px!important;line-height:20px!important;border-radius:14px!important;gap:16px!important;padding:6px 38px!important}
#waiterApp[data-screen="login"] .wt-loginbtn{margin-top:6px!important}
#waiterApp[data-screen="login"] .wt-login-plus{width:28px!important;height:28px!important;font-size:23px!important}
#waiterApp[data-screen="login"] .wt-loginbtn svg{width:30px!important;height:30px!important}
#waiterApp[data-screen="login"] .wt-login-chevron{right:24px!important;font-size:26px!important}
#waiterApp[data-screen="login"] .wt-loginbox>small{font-size:10px!important;line-height:14px!important;margin:6px 0 0!important}
@media(max-width:700px){
 #waiterApp[data-screen="login"] .wt-loginbox{width:98%!important;padding:14px 12px 8px!important;border-radius:24px!important}
 #waiterApp[data-screen="login"] .wt-loginbox h2{font-size:25px!important}
 #waiterApp[data-screen="login"] .wt-loginbox .wt-login-subtitle{font-size:12px!important;line-height:16px!important}
 #waiterApp[data-screen="login"] .wt-staff{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #waiterApp[data-screen="login"] .wt-login-nav{padding:0 12px!important}
 #waiterApp[data-screen="login"] .wt-addstaff,#waiterApp[data-screen="login"] .wt-loginbtn{font-size:15px!important;gap:8px!important;padding:6px 28px 6px 8px!important}
}
@media(max-height:560px){
 #waiterApp[data-screen="login"] .wt-loginbox .wt-login-eyebrow,#waiterApp[data-screen="login"] .wt-loginbox>small{display:none!important}
 #waiterApp[data-screen="login"] .wt-loginbox h2{font-size:24px!important}
 #waiterApp[data-screen="login"] .wt-loginbox .wt-login-subtitle{margin-bottom:6px!important}
 #waiterApp[data-screen="login"] .wt-staff{grid-auto-rows:105px!important}
 #waiterApp[data-screen="login"] .wt-staffitem>button:not(.wt-delstaff){height:105px!important;min-height:105px!important;padding:7px 12px!important}
 #waiterApp[data-screen="login"] .wt-staffitem>[data-wt-staff] .wt-login-avatar{width:32px!important;height:32px!important;font-size:19px!important}
 #waiterApp[data-screen="login"] .wt-staffitem>[data-wt-staff] .wt-login-room{font-size:8px!important}
 #waiterApp[data-screen="login"] .wt-login-newicon{width:36px!important;height:36px!important}
}
