/* RDR V12.326 enterprise browser/device shell. Presentation only; no operational data path. */
:root{
  --rdr-viewport-height:100vh;
  --rdr-viewport-width:100vw;
  --rdr-safe-top:env(safe-area-inset-top,0px);
  --rdr-safe-right:env(safe-area-inset-right,0px);
  --rdr-safe-bottom:env(safe-area-inset-bottom,0px);
  --rdr-safe-left:env(safe-area-inset-left,0px);
}
html{width:100%;max-width:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%;}
html[data-rdr-viewport-profile] body{max-width:100%;}
html[data-rdr-online="0"] body.pos-terminal-active #merchant #m-pos #v223PosApp::before{
  content:"OFFLINE — reconnecting";position:fixed;z-index:2147483100;top:max(4px,var(--rdr-safe-top));left:50%;transform:translateX(-50%);padding:5px 10px;border:1px solid #7b3131;border-radius:999px;background:#2a1010;color:#ffaaa5;font:900 10px/1.2 Arial,sans-serif;letter-spacing:.04em;pointer-events:none;box-shadow:0 4px 14px #0008;
}
body.pos-terminal-active #merchant #m-pos #v223PosApp{
  width:100%!important;max-width:100%!important;min-width:0!important;min-height:var(--rdr-viewport-height)!important;overflow-x:hidden!important;overscroll-behavior:none;
}
body.pos-terminal-active #merchant #m-pos #v223PosApp button,
body.pos-terminal-active #merchant #m-pos #v223PosApp [role="button"]{
  touch-action:manipulation;-webkit-tap-highlight-color:transparent;
}
body.pos-terminal-active #merchant #m-pos #v223PosApp button:focus-visible,
body.pos-terminal-active #merchant #m-pos #v223PosApp input:focus-visible,
body.pos-terminal-active #merchant #m-pos #v223PosApp select:focus-visible,
body.pos-terminal-active #merchant #m-pos #v223PosApp textarea:focus-visible,
body.pos-terminal-active #merchant #m-pos #v223PosApp [tabindex]:focus-visible{
  outline:3px solid #72b7ff!important;outline-offset:2px!important;
}
body.pos-terminal-active #merchant #m-pos #v223PosApp img{max-width:100%;}
html[data-rdr-input="touch"] body.pos-terminal-active #merchant #m-pos #v223PosApp button,
html[data-rdr-input="touch"] body.pos-terminal-active #merchant #m-pos #v223PosApp [role="button"]{min-height:44px;}
@media(max-width:959px){
  body.pos-terminal-active{overflow-x:hidden!important;}
  body.pos-terminal-active #merchant #m-pos #v223PosApp{min-height:var(--rdr-viewport-height)!important;height:auto!important;}
  body.pos-terminal-active #merchant #m-pos #v223PosApp input,
  body.pos-terminal-active #merchant #m-pos #v223PosApp select,
  body.pos-terminal-active #merchant #m-pos #v223PosApp textarea{font-size:max(16px,1em);}
}
@media(max-width:430px){
  body.pos-terminal-active #merchant #m-pos #v223PosApp .v272-item-card,
  body.pos-terminal-active #merchant #m-pos #v223PosApp .v310-menu-main .v272-item-card{min-width:0!important;}
}
@media(min-width:960px){
  body.pos-terminal-active #merchant #m-pos #v223PosApp{height:var(--rdr-viewport-height)!important;min-height:var(--rdr-viewport-height)!important;}
}
@media(prefers-reduced-motion:reduce){
  body.pos-terminal-active #merchant #m-pos #v223PosApp *,
  body.pos-terminal-active #merchant #m-pos #v223PosApp *::before,
  body.pos-terminal-active #merchant #m-pos #v223PosApp *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;}
}
/* Keep the support-visible release label authoritative even while legacy UI-only patches repaint. */
#fukuhome .fuku-home-foot span:last-child{font-size:0!important;}
#fukuhome .fuku-home-foot span:last-child::after{content:"V12.326";font-size:9px!important;}
/* Desktop terminal: keep the working check inside the physical viewport. The legacy
   :has() rule made the stage 100% of the viewport and then added the masthead above it. */
@media(min-width:960px){
  body.pos-terminal-active.v316-web-pos #merchant #m-pos #v223PosApp .v223-pos-stage:has(> .v310-order-screen){
    height:calc(var(--rdr-viewport-height) - 70px)!important;
    min-height:0!important;
    max-height:calc(var(--rdr-viewport-height) - 70px)!important;
  }
}