/* v6.0.137 — Phone POS repair; overrides conflicting legacy/mobile makeover rules.
   Scoped to employee POS only: customer portal and desktop unchanged. */
@media (max-width:640px) {
  html { scroll-padding-top:calc(env(safe-area-inset-top,0px) + 112px); }
  body.otml-mode-staff {
    padding:calc(env(safe-area-inset-top,0px) + 10px) 0 calc(182px + env(safe-area-inset-bottom,0px))!important;
    overflow-x:hidden!important;
    -webkit-text-size-adjust:100%;
  }
  body.otml-mode-staff .otml-staff-hub {
    padding:0 10px 14px!important;
    gap:11px!important;
  }
  /* Keep controls below the iPhone's clock and camera area, even when scrolling. */
  body.otml-mode-staff .otml-hub-header {
    position:sticky!important;top:calc(env(safe-area-inset-top,0px) + 7px)!important;
    z-index:930!important;
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;gap:7px!important;
    min-height:58px!important;padding:8px 10px!important;margin:0!important;
    border-radius:17px!important;
  }
  body.otml-mode-staff .otml-brand-lockup{min-width:0!important;gap:7px!important}
  body.otml-mode-staff .otml-brand-mark{width:36px!important;height:36px!important;flex-basis:36px!important;border-radius:10px!important}
  body.otml-mode-staff .otml-brand-copy{min-width:0!important;max-width:110px!important}
  body.otml-mode-staff .otml-brand-name{font-size:11.5px!important;line-height:1.12!important;white-space:normal!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important}
  body.otml-mode-staff .otml-brand-subline{display:none!important}
  body.otml-mode-staff .otml-staff-actions{gap:5px!important;min-width:0!important;margin-left:0!important}
  body.otml-mode-staff .otml-staff-actions .otml-header-action{width:35px!important;height:39px!important;flex:0 0 35px!important;border-radius:11px!important;min-width:0!important}
  body.otml-mode-staff .otml-pos-theme-switch{width:39px!important;height:39px!important;min-height:39px!important;flex:0 0 39px!important;display:inline-flex!important;justify-content:center!important;padding:0!important;border-radius:11px!important;font-size:20px!important}
  body.otml-mode-staff .otml-pos-theme-switch span{display:none!important}
  body.otml-mode-staff #staffOrderingControlBar{margin:0!important;padding:10px 13px!important;border-radius:14px!important}
  body.otml-mode-staff #staffOrderingControlBar #staffOrderingManageBtn{min-height:40px!important}
  body.otml-mode-staff #hubTabPos{gap:10px!important;min-width:0!important}
  body.otml-mode-staff .otml-pos-container,
  body.otml-mode-staff #posRegisterWorkspace{display:block!important;min-height:0!important;width:100%!important;min-width:0!important;scroll-margin-top:calc(env(safe-area-inset-top,0px) + 85px)}
  body.otml-mode-staff #posRegisterWorkspace[style*="display:none"],
  body.otml-mode-staff #posRegisterWorkspace[style*="display: none"]{display:none!important}
  body.otml-mode-staff #posDestinationHome{padding:12px!important}
  body.otml-mode-staff .otml-pos-left{padding:12px!important;border-radius:20px!important;width:100%!important;box-sizing:border-box!important}
  body.otml-mode-staff .otml-pos-menu-head{display:flex!important;flex-direction:column!important;gap:11px!important;margin:0 0 12px!important;align-items:stretch!important}
  body.otml-mode-staff .otml-pos-menu-heading{width:100%!important;gap:10px!important}
  body.otml-mode-staff .otml-pos-section-title{font-size:25px!important;line-height:1.1!important;letter-spacing:-.02em!important}
  body.otml-mode-staff .otml-pos-section-kicker{font-size:9px!important;line-height:1.4!important}
  body.otml-mode-staff .otml-pos-search-wrap{width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) 42px!important;gap:7px!important;align-items:center!important;justify-content:stretch!important}
  body.otml-mode-staff #posSearchInput{grid-column:1;grid-row:1;width:100%!important;min-width:0!important;height:44px!important;min-height:44px!important;font-size:16px!important;padding:10px 12px!important}
  body.otml-mode-staff .otml-menu-refresh{grid-column:2;grid-row:1;width:42px!important;height:44px!important;margin:0!important}
  body.otml-mode-staff .otml-unavailable-list-btn{grid-column:1/-1;grid-row:2;width:100%!important;min-height:39px!important;height:39px!important;padding:7px 10px!important;text-align:center!important}
  body.otml-mode-staff .otml-pos-left>.otml-cat-pill-bar{display:flex!important;gap:8px!important;flex-direction:row!important;max-height:none!important;overflow-x:auto!important;overflow-y:hidden!important;width:100%!important;min-width:0!important;padding:2px 2px 8px!important;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x}
  body.otml-mode-staff .otml-pos-left>.otml-cat-pill-bar .otml-cat-pill{min-height:44px!important;max-width:190px!important;min-width:max-content!important;flex:0 0 auto!important;display:flex!important;gap:7px!important;align-items:center!important;white-space:nowrap!important;padding:8px 12px!important;scroll-snap-align:start;font-size:11px!important;border-radius:13px!important;box-shadow:none!important}
  body.otml-mode-staff .otml-cat-icon{width:24px!important;height:24px!important;flex-basis:24px!important}
  body.otml-mode-staff .otml-cat-copy small{display:none!important}
  /* Two tidy columns, no awkward white towers. */
  body.otml-mode-staff #posDrinkGrid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:auto!important;align-content:start!important;align-items:stretch!important;gap:10px!important;width:100%!important;max-height:none!important;overflow:visible!important;padding:2px 0 10px!important}
  body.otml-mode-staff #posDrinkGrid .otml-drink-card{display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important;border-radius:16px!important;overflow:hidden!important;box-sizing:border-box!important;box-shadow:0 3px 10px rgba(52,31,20,.055)!important;margin:0!important}
  body.otml-mode-staff #posDrinkGrid .otml-drink-card:hover{transform:none!important}
  body.otml-mode-staff #posDrinkGrid .otml-product-image,
  body.otml-mode-staff #posDrinkGrid .otml-product-image-placeholder{height:86px!important;min-height:86px!important;max-height:86px!important;object-fit:cover!important}
  body.otml-mode-staff #posDrinkGrid .otml-product-category{top:7px!important;left:7px!important;max-width:calc(100% - 14px)!important;padding:4px 7px!important;font-size:8px!important;line-height:1.25!important;letter-spacing:0!important;border-radius:9px!important;white-space:nowrap!important;text-overflow:ellipsis!important;overflow:hidden!important}
  body.otml-mode-staff #posDrinkGrid .otml-drink-copy{display:flex!important;flex-direction:column!important;gap:4px!important;flex:1 1 auto!important;min-height:0!important;padding:11px 11px 5px!important}
  body.otml-mode-staff #posDrinkGrid .otml-drink-title{display:block!important;min-height:0!important;max-height:none!important;height:auto!important;-webkit-line-clamp:unset!important;overflow:visible!important;white-space:normal!important;overflow-wrap:break-word!important;font-family:inherit!important;font-weight:850!important;font-size:13.5px!important;line-height:1.27!important;color:#2C1D14!important}
  body.otml-mode-staff #posDrinkGrid .otml-drink-desc{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;min-height:0!important;max-height:2.8em!important;font-size:10px!important;line-height:1.4!important;color:#807063!important}
  body.otml-mode-staff #posDrinkGrid .otml-drink-bottom{display:flex!important;justify-content:space-between!important;align-items:center!important;min-height:51px!important;margin-top:auto!important;gap:6px!important;padding:6px 10px 10px!important;font-size:14px!important;border:0!important}
  body.otml-mode-staff #posDrinkGrid .otml-add-circle{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:38px!important;height:38px!important;flex:0 0 38px!important;min-width:38px!important;font-size:22px!important;border-radius:11px!important}
  body.otml-mode-staff #posDrinkGrid .otml-drink-card.soldout .otml-add-circle{display:none!important}
  body.otml-mode-staff #posDrinkGrid .otml-soldout-badge{top:34px!important;right:6px!important;max-width:calc(100% - 12px)!important;white-space:normal!important}
  /* Classic/text-only cards have NO empty photo block. Keep badge above name. */
  body.otml-mode-staff #posDrinkGrid .otml-pos-classic,
  body.otml-mode-staff #posDrinkGrid .otml-pos-noimage{height:auto!important;min-height:154px!important;overflow:hidden!important}
  body.otml-mode-staff #posDrinkGrid .otml-pos-noimage .otml-product-image-placeholder{display:none!important}
  body.otml-mode-staff #posDrinkGrid .otml-pos-classic .otml-product-category,
  body.otml-mode-staff #posDrinkGrid .otml-pos-noimage .otml-product-category{position:static!important;align-self:flex-start!important;display:inline-flex!important;max-width:calc(100% - 22px)!important;margin:10px 10px 0!important;padding:5px 8px!important;border-radius:999px!important;background:#EFE3D8!important;color:#624530!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;font-size:8px!important}
  body.otml-mode-staff #posDrinkGrid .otml-pos-classic .otml-drink-copy,
  body.otml-mode-staff #posDrinkGrid .otml-pos-noimage .otml-drink-copy{padding:10px 11px 5px!important;min-height:0!important;gap:6px!important}
  body.otml-mode-staff #posDrinkGrid .otml-pos-classic .otml-drink-title,
  body.otml-mode-staff #posDrinkGrid .otml-pos-noimage .otml-drink-title{font-size:14px!important;line-height:1.25!important;min-height:0!important;white-space:normal!important}
  body.otml-mode-staff #posDrinkGrid .otml-pos-classic .otml-drink-desc{font-size:10px!important;line-height:1.35!important;display:-webkit-box!important;-webkit-line-clamp:2!important;max-height:2.7em!important;overflow:hidden!important}
  body.otml-mode-staff #posDrinkGrid .otml-pos-classic .otml-drink-bottom{border:0!important;padding:6px 10px 10px!important;min-height:51px!important}
  /* Five reachable destinations, rather than eleven crammed tabs. */
  body.otml-mode-staff>.otml-hub-tabs{position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;z-index:99990!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:3px!important;width:100%!important;max-width:100vw!important;min-height:0!important;max-height:none!important;margin:0!important;overflow:visible!important;padding:8px 6px calc(10px + env(safe-area-inset-bottom,0px))!important;box-sizing:border-box!important;border-radius:19px 19px 0 0!important;border-bottom:0!important;background:#FBF5EF!important;box-shadow:0 -10px 27px rgba(46,27,17,.13)!important}
  body.otml-mode-staff>.otml-hub-tabs button{min-width:0!important;min-height:57px!important;width:100%!important;max-width:none!important;flex:none!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;padding:7px 2px!important;border-radius:12px!important;font-size:0!important;white-space:nowrap!important;overflow:hidden!important;letter-spacing:0!important}
  body.otml-mode-staff>.otml-hub-tabs button::after{display:block!important;font-size:10px!important;line-height:1.05!important;font-weight:800!important;white-space:nowrap!important;color:inherit!important}
  body.otml-mode-staff>.otml-hub-tabs #hubTabPosBtn::after{content:'Order'}
  body.otml-mode-staff>.otml-hub-tabs #hubTabOrdersBtn::after{content:'Orders'}
  body.otml-mode-staff>.otml-hub-tabs #hubTabCounterBtn::after{content:'Loyalty'}
  body.otml-mode-staff>.otml-hub-tabs #hubTabGiftCardsBtn::after{content:'Gift Cards'}
  body.otml-mode-staff>.otml-hub-tabs #otmlPosMoreBtn::after{content:'More'}
  body.otml-mode-staff>.otml-hub-tabs #hubTabPosBtn,
  body.otml-mode-staff>.otml-hub-tabs #hubTabOrdersBtn,
  body.otml-mode-staff>.otml-hub-tabs #hubTabCounterBtn,
  body.otml-mode-staff>.otml-hub-tabs #hubTabGiftCardsBtn,
  body.otml-mode-staff>.otml-hub-tabs #otmlPosMoreBtn{display:flex!important}
  body.otml-mode-staff>.otml-hub-tabs button:not(#hubTabPosBtn):not(#hubTabOrdersBtn):not(#hubTabCounterBtn):not(#hubTabGiftCardsBtn):not(#otmlPosMoreBtn){display:none!important}
  body.otml-mode-staff>.otml-hub-tabs #hubTabGiftCardsBtn[style*="display:none"],
  body.otml-mode-staff>.otml-hub-tabs #hubTabGiftCardsBtn[style*="display: none"],
  body.otml-mode-staff>.otml-hub-tabs #hubTabOrdersBtn[style*="display:none"],
  body.otml-mode-staff>.otml-hub-tabs #hubTabOrdersBtn[style*="display: none"],
  body.otml-mode-staff>.otml-hub-tabs #hubTabCounterBtn[style*="display:none"],
  body.otml-mode-staff>.otml-hub-tabs #hubTabCounterBtn[style*="display: none"]{display:none!important}
  body.otml-mode-staff>.otml-hub-tabs button[style*="display: none"],
  body.otml-mode-staff>.otml-hub-tabs button[style*="display:none"]{display:none!important}
  body.otml-mode-staff>.otml-hub-tabs .otml-tab-icon svg{width:22px!important;height:22px!important}
  body.otml-mode-staff .otml-mobile-cart-jump{left:10px!important;right:10px!important;bottom:calc(91px + env(safe-area-inset-bottom,0px))!important;width:auto!important;min-height:52px!important;padding:8px 12px!important;z-index:99985!important;border-radius:14px!important}
  /* Critical layering bug: old fixed nav sat ABOVE checkout because it was in body. */
  body.otml-mode-staff.otml-mobile-cart-open>.otml-hub-tabs,
  body.otml-mode-staff.otml-mobile-cart-open #otmlPosMoreOverlay{display:none!important}
  body.otml-mode-staff.otml-mobile-cart-open #posRegisterWorkspace .otml-pos-right{bottom:0!important;top:auto!important;max-height:calc(100dvh - env(safe-area-inset-top,0px) - 12px)!important;overflow-y:auto!important;padding:14px 12px calc(24px + env(safe-area-inset-bottom,0px))!important;border-radius:22px 22px 0 0!important;overscroll-behavior:contain!important}
  body.otml-mode-staff #posRegisterWorkspace .otml-mobile-cart-head{top:-14px!important;margin:-14px -12px 12px!important;padding:15px 14px 13px!important;min-height:52px!important}
  body.otml-mode-staff #posRegisterWorkspace .otml-mobile-cart-close{min-width:44px!important;min-height:44px!important}
  body.otml-mode-staff #posRegisterWorkspace .otml-checkout-actions{padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))!important}
  body.otml-mode-staff.otml-pos-night #posDrinkGrid .otml-drink-title,
  body.otml-mode-staff.otml-pos-night #posDrinkGrid .otml-pos-noimage .otml-drink-title{color:#FFF0E5!important}
  body.otml-mode-staff.otml-pos-night #posDrinkGrid .otml-pos-noimage .otml-product-category{background:#614835!important;color:#F6D9BE!important}
}
#otmlPosMoreBtn{display:none}
#otmlPosMoreOverlay{display:none}
@media(max-width:640px){
 body.otml-mode-staff #otmlPosMoreOverlay{position:fixed;inset:0;z-index:1000090;background:rgba(27,18,13,.52);padding:calc(24px + env(safe-area-inset-top,0px)) 12px calc(16px + env(safe-area-inset-bottom,0px));box-sizing:border-box;align-items:flex-end;justify-content:center}
 body.otml-mode-staff #otmlPosMoreOverlay.open{display:flex!important}
 body.otml-mode-staff .otml-pos-more-sheet{width:100%;max-width:490px;max-height:min(77dvh,650px);overflow-y:auto;box-sizing:border-box;background:#FFFAF5;color:#2E1E15;border-radius:23px;padding:18px 16px 20px;box-shadow:0 20px 65px rgba(31,19,11,.32)}
 body.otml-mode-staff .otml-pos-more-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}
 body.otml-mode-staff .otml-pos-more-head h3{font-family:Georgia,serif;font-size:24px;margin:0}
 body.otml-mode-staff .otml-pos-more-head button{height:44px;min-width:44px;border:1px solid #DDCFC3;border-radius:13px;background:#fff;color:#322016;font-size:23px}
 body.otml-mode-staff .otml-pos-more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 body.otml-mode-staff .otml-pos-more-grid button{min-height:60px;padding:12px 11px;border:1px solid #E1D4C8;border-radius:13px;background:#fff;color:#38251A;text-align:left;font-size:13px;font-weight:800;cursor:pointer}
 body.otml-mode-staff.otml-pos-night .otml-pos-more-sheet{background:#34261F;color:#FFF2E5}
 body.otml-mode-staff.otml-pos-night .otml-pos-more-head button,
 body.otml-mode-staff.otml-pos-night .otml-pos-more-grid button{background:#533B2D;border-color:rgba(240,213,188,.22);color:#FFF2E5}
}