/* Operational landscape layout. Light/dark colors remain in the existing token system. */
.floor-detail-panel .side-item{align-items:center;padding:16px 0}
.floor-detail-panel .side-item strong{font-size:13px}
.floor-detail-panel .side-item p,.floor-detail-panel .pill{font-size:11px}
.floor-detail-panel .side-item .grow{min-width:0}
.floor-detail-panel .side-item p{line-height:1.7}
.floor-detail-panel .progress{max-width:260px}
.floor-scroll:focus-visible,.product-grid:focus-visible,.order-content:focus-visible{outline:2px solid var(--teal);outline-offset:-3px}
html[data-design="classic"] .floor-page .floor-layout{grid-template-columns:minmax(0,1fr)}
html[data-design="classic"] .floor-page .floor-main-panel{min-width:0}
html[data-design="classic"] .floor-page .seat-state{font-size:11px}
html[data-design="classic"] .floor-page .seat-meta{font-size:11px}
html[data-design="classic"] .floor-page .seat-name{font-size:14px}
html[data-design="classic"] .floor-page .seat-lines{font-size:12px}
html[data-design="classic"] .floor-page .seat-price{font-size:15px}
html[data-design="classic"] .floor-page .seat-meta span{line-height:1.35}
html[data-design="classic"] .floor-page .floor-board.floor-list{min-width:0;min-height:0;aspect-ratio:auto}
html[data-design="classic"] .floor-page .floor-list .seat{height:180px!important}
/* The stage can grow inside its scroll area for dense custom presets. */
html[data-design="classic"] .floor-page .floor-board:not(.floor-list){min-width:var(--floor-min-width,650px);min-height:var(--floor-min-height,440px)}
html[data-design="classic"] .floor-page .has-rotated-seats{padding:80px}
@media(min-width:900px) and (min-height:620px) and (orientation:landscape){
  html[data-design="classic"] body:is([data-view="floor"],[data-view="order"]){height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}
  html[data-design="classic"] body:is([data-view="floor"],[data-view="order"])>.topbar{height:64px;min-height:64px;flex:0 0 64px}
  html[data-design="classic"] body:is([data-view="floor"],[data-view="order"])>#app{flex:1;min-width:0;min-height:0;display:flex}
  html[data-design="classic"] body:is([data-view="floor"],[data-view="order"]) #app>.page{flex:1;width:100%;height:100%;min-width:0;min-height:0;padding:12px 20px;display:flex;flex-direction:column;max-width:1800px}
  html[data-design="classic"] body:is([data-view="floor"],[data-view="order"]) .page-head{flex:0 0 auto;min-height:44px;margin:0 0 8px;align-items:center;gap:12px;flex-wrap:nowrap}
  html[data-design="classic"] body:is([data-view="floor"],[data-view="order"]) .page-head .eyebrow{display:none}
  html[data-design="classic"] body:is([data-view="floor"],[data-view="order"]) .page-head h1{font-size:23px;line-height:1.25;white-space:nowrap}
  html[data-design="classic"] body:is([data-view="floor"],[data-view="order"]) .head-actions{gap:8px;flex-wrap:nowrap}
  html[data-design="classic"] body:is([data-view="floor"],[data-view="order"]) .head-actions .btn{font-size:12px;padding:9px 12px;white-space:nowrap}
  html[data-design="classic"] body:is([data-view="floor"],[data-view="order"]) .footer-caption{display:none}
  html[data-design="classic"] body[data-view="floor"] .page-head .subtitle{display:none}
  html[data-design="classic"] body[data-view="floor"] .metric-strip{flex:0 0 44px;min-height:44px;grid-template-columns:repeat(4,minmax(0,1fr));padding:8px 0;margin:0 0 8px;gap:0}
  html[data-design="classic"] body[data-view="floor"] .metric{padding:0 18px;display:flex;align-items:center;gap:12px;justify-content:space-between}
  html[data-design="classic"] body[data-view="floor"] .metric-label{font-size:12px;margin:0;white-space:nowrap}
  html[data-design="classic"] body[data-view="floor"] .metric-value{font-size:20px;line-height:1;white-space:nowrap}
  html[data-design="classic"] body[data-view="floor"] .metric-value small{font-size:11px;margin-left:4px}
  html[data-design="classic"] body[data-view="floor"] .floor-layout{flex:1;min-height:0;min-width:0;display:flex;gap:0}
  html[data-design="classic"] body[data-view="floor"] .floor-main-panel{flex:1;min-height:0;display:flex;flex-direction:column}
  html[data-design="classic"] body[data-view="floor"] .floor-main-panel>.panel-title{flex:0 0 40px;min-height:40px;padding:8px 16px}
  html[data-design="classic"] body[data-view="floor"] .floor-main-panel>.panel-title h2{font-size:13px}
  html[data-design="classic"] body[data-view="floor"] .legend{font-size:11px}
  html[data-design="classic"] body[data-view="floor"] .floor-scroll{flex:1;min-height:0;min-width:0;padding:10px 14px;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  html[data-design="classic"] body[data-view="floor"] .floor-board{height:100%;width:100%;aspect-ratio:auto;min-height:var(--floor-min-height,440px);min-width:var(--floor-min-width,650px)}
  html[data-design="classic"] body[data-view="floor"] .floor-board.floor-list{height:auto;min-height:0;min-width:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-content:start}
  html[data-design="classic"] body[data-view="floor"] .floor-foot{flex:0 0 26px;min-height:26px;padding:5px 14px;font-size:11px;line-height:1.4}
  html[data-design="classic"] body[data-view="floor"] .seat{padding:8px 9px;min-height:0}
  html[data-design="classic"] body[data-view="floor"] .seat-top{margin-bottom:4px;min-height:18px;flex:0 0 auto;gap:4px}
  html[data-design="classic"] body[data-view="floor"] .seat-name{font-size:14px}
  html[data-design="classic"] body[data-view="floor"] .seat-state{font-size:11px;letter-spacing:-.35px}
  html[data-design="classic"] body[data-view="floor"] .seat-lines{font-size:12px;line-height:1.45;min-height:34px;flex:1}
  html[data-design="classic"] body[data-view="floor"] .seat-price{font-size:15px;line-height:1.3;margin-top:4px;flex:0 0 auto}
  html[data-design="classic"] body[data-view="floor"] .seat-meta{font-size:11px;line-height:1.35;gap:1px;margin-top:4px;flex:0 0 auto}
  html[data-design="classic"] body[data-view="floor"] .empty-seat-label{font-size:12px}
  html[data-design="classic"] body[data-view="floor"] .has-rotated-seats{padding:80px}
  html[data-design="classic"] body[data-view="order"] .page-head .subtitle{font-size:12px;line-height:1.5;margin-top:5px}
  html[data-design="classic"] body[data-view="order"] .order-layout{flex:1;min-height:0;min-width:0;grid-template-columns:minmax(0,1fr) 350px;gap:16px}
  html[data-design="classic"] body[data-view="order"] .menu-section{min-height:0;min-width:0;display:flex;flex-direction:column}
  html[data-design="classic"] body[data-view="order"] .search{flex:0 0 44px;min-height:44px}
  html[data-design="classic"] body[data-view="order"] .search input{font-size:13px}
  html[data-design="classic"] body[data-view="order"] .category-tabs{flex:0 0 46px;min-height:46px;margin:8px 0 10px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;overscroll-behavior:contain}
  html[data-design="classic"] body[data-view="order"] .category-tabs button{flex:0 0 auto;white-space:nowrap;min-height:44px;padding:10px 16px;font-size:12px}
  html[data-design="classic"] body[data-view="order"] .product-grid{flex:1;min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;align-content:start;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding-right:4px;padding-bottom:8px}
  html[data-design="classic"] body[data-view="order"] .product-card{min-height:176px;padding:13px;gap:6px}
  html[data-design="classic"] body[data-view="order"] .product-card h3{font-size:13px;line-height:1.45}
  html[data-design="classic"] body[data-view="order"] .product-card .product-meta{font-size:11px}
  html[data-design="classic"] body[data-view="order"] .product-card .pill{font-size:11px}
  html[data-design="classic"] body[data-view="order"] .product-actions{padding-top:5px;gap:5px}
  html[data-design="classic"] body[data-view="order"] .product-actions button{font-size:12px;min-height:48px;padding:5px}
  html[data-design="classic"] body[data-view="order"] .order-aside{position:static;align-self:stretch;min-height:0;min-width:0;display:flex;flex-direction:column}
  html[data-design="classic"] body[data-view="order"] .order-aside>.panel-title{flex:0 0 65px;padding:12px 16px}
  html[data-design="classic"] body[data-view="order"] .order-aside .subtitle{font-size:11px}
  html[data-design="classic"] body[data-view="order"] .order-content{flex:1;min-height:0;max-height:none;overflow:auto;padding:0 16px 10px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  html[data-design="classic"] body[data-view="order"] .order-line-top{font-size:13px}
  html[data-design="classic"] body[data-view="order"] .order-line-top>span{white-space:nowrap}
  html[data-design="classic"] body[data-view="order"] .line-sub{font-size:11px;gap:6px}
  html[data-design="classic"] body[data-view="order"] .order-footer{flex:0 0 auto;min-width:0;padding:14px 16px 12px}
  html[data-design="classic"] body[data-view="order"] .total-row{margin-bottom:8px;font-size:13px}
  html[data-design="classic"] body[data-view="order"] .total-row strong{font-size:26px}
  html[data-design="classic"] body[data-view="order"] .order-footer .btn{min-height:48px;font-size:14px;margin-top:7px}
  html[data-design="classic"] body[data-view="order"] .order-footer>.tiny{font-size:11px;line-height:1.5}
}
@media(min-width:900px) and (max-width:1050px) and (min-height:620px) and (orientation:landscape){
  html[data-design="classic"] body[data-view="order"] .order-layout{grid-template-columns:minmax(0,1fr) 335px;gap:14px}
  html[data-design="classic"] body[data-view="order"] .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  html[data-design="classic"] body[data-view="floor"] .head-actions{gap:6px}
  html[data-design="classic"] body[data-view="floor"] .head-actions .btn{padding:8px 10px}
  html[data-design="classic"] body[data-view="floor"] .metric{padding:0 14px;gap:8px}
  html[data-design="classic"] body[data-view="floor"] .metric-label{font-size:11px}
}
@media(max-width:680px){
  html[data-design="classic"] .floor-page .head-actions{gap:6px}
  html[data-design="classic"] .floor-page .head-actions>.pill{display:none}
  html[data-design="classic"] .floor-page .head-actions .btn{padding:8px 10px;font-size:11px;min-height:44px}
  html[data-design="classic"] .floor-page .floor-foot{flex-wrap:wrap;font-size:10px}
  html[data-design="classic"] .floor-page .floor-list .seat-meta{font-size:11px}
  .floor-detail-panel .side-item{flex-wrap:wrap}
}

/* Small devices use ten touchable seat summaries per page instead of shrinking a spatial map. */
.floor-pager{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 8px;border-top:1px solid var(--line);font-size:11px;flex:0 0 52px}
.compact-seat-head,.compact-seat-bottom{display:flex;align-items:center;justify-content:space-between;gap:5px;min-width:0}
.compact-seat-head strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.compact-seat-head>span{font-size:11px;white-space:nowrap;font-weight:400}
.compact-seat-summary{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.5}
.compact-seat-bottom strong{font-size:13px;white-space:nowrap}
.compact-seat-bottom>span{font-size:11px;white-space:nowrap}
.compact-empty{margin:auto;font-size:11px;font-weight:400;opacity:.85}
@media(max-width:899px),(max-height:619px){
  html[data-design="classic"] body[data-view]{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}
  html[data-design="classic"] body[data-view]>.topbar{flex:0 0 auto;min-height:44px;height:auto;gap:6px;padding:0 max(8px,env(safe-area-inset-right)) 0 max(8px,env(safe-area-inset-left));align-items:center}
  html[data-design="classic"] .topbar .brand{min-height:44px;gap:6px}
  html[data-design="classic"] .topbar .brand-mark{width:29px;height:32px;font-size:24px;line-height:32px;padding-left:5px}
  html[data-design="classic"] .topbar .brand-word{font-size:16px}
  html[data-design="classic"] .topbar .brand-word small{display:none}
  html[data-design="classic"] .topbar .primary-nav{height:44px;min-width:0;gap:0}
  html[data-design="classic"] .topbar .primary-nav button{font-size:11px;min-height:44px;padding:0 8px;white-space:nowrap}
  html[data-design="classic"] .topbar .header-meta{gap:5px!important;flex-shrink:0}
  html[data-design="classic"] .topbar .header-meta .store-name,html[data-design="classic"] .topbar .avatar,html[data-design="classic"] .topbar .demo-badge{display:none}
  html[data-design="classic"] .topbar .theme-toggle{min-width:44px;min-height:44px;padding:0 6px}
  html[data-design="classic"] .topbar .theme-label{display:none}
  html[data-design="classic"] body[data-view]>#app{flex:1;min-height:0;min-width:0;display:flex;overflow:hidden}
  html[data-design="classic"] body[data-view] #app>.page{width:100%;min-width:0;min-height:0;max-width:none;height:100%;padding:6px max(8px,env(safe-area-inset-right)) 6px max(8px,env(safe-area-inset-left));margin:0;overflow:auto;overscroll-behavior:contain}
  html[data-design="classic"] body[data-view] .page>.footer-caption,html[data-design="classic"] body[data-view] .page>.secure-note{display:none}
  html[data-design="classic"] body[data-view] .page-head{min-height:44px;margin:0 0 5px;gap:6px;align-items:center;flex-wrap:nowrap}
  html[data-design="classic"] body[data-view] .page-head h1{font-size:18px;line-height:1.3;white-space:nowrap}
  html[data-design="classic"] body[data-view] .page-head .eyebrow,html[data-design="classic"] body[data-view] .page-head .subtitle{display:none}
  html[data-design="classic"] body[data-view] .head-actions{gap:5px;flex-wrap:nowrap}
  html[data-design="classic"] body[data-view] .head-actions>.pill{display:none}
  html[data-design="classic"] body[data-view] .head-actions .btn{min-height:44px;padding:7px 9px;font-size:11px;white-space:nowrap}
  html[data-design="classic"] body:is([data-view="floor"],[data-view="order"],[data-view="stock"]) #app>.page{display:flex;flex-direction:column;overflow:hidden}
  html[data-design="classic"] body:is([data-view="floor"],[data-view="stock"]) .metric-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));flex:0 0 30px;min-height:30px;padding:5px 0;margin:0 0 5px;gap:0}
  html[data-design="classic"] body:is([data-view="floor"],[data-view="stock"]) .metric{display:flex;align-items:center;justify-content:center;gap:6px;padding:0 6px;min-width:0}
  html[data-design="classic"] body:is([data-view="floor"],[data-view="stock"]) .metric-label{font-size:10px;margin:0;white-space:nowrap}
  html[data-design="classic"] body:is([data-view="floor"],[data-view="stock"]) .metric-value{font-size:15px;line-height:1;white-space:nowrap}
  html[data-design="classic"] body:is([data-view="floor"],[data-view="stock"]) .metric-value small{font-size:10px;margin-left:2px}
  html[data-design="classic"] body:is([data-view="floor"],[data-view="stock"]) .metric-note{display:none}
  html[data-design="classic"] body[data-view="floor"] .floor-page .page-head>div:first-child{display:none}
  html[data-design="classic"] body[data-view="floor"] .head-actions{width:100%;justify-content:flex-end}
  html[data-design="classic"] body[data-view="floor"] [data-action="floor-mode"]{display:none}
  html[data-design="classic"] body[data-view="floor"] .floor-layout{display:flex;flex:1;min-height:0;min-width:0;gap:0}
  html[data-design="classic"] body[data-view="floor"] .floor-main-panel{display:flex;flex:1;min-width:0;min-height:0;flex-direction:column;overflow:hidden}
  html[data-design="classic"] body[data-view="floor"] .floor-main-panel>.panel-title{padding:3px 8px;min-height:24px;flex:0 0 24px;gap:6px}
  html[data-design="classic"] body[data-view="floor"] .floor-main-panel>.panel-title h2{font-size:10px;font-weight:500;white-space:nowrap}
  html[data-design="classic"] body[data-view="floor"] .legend{gap:7px;font-size:10px}
  html[data-design="classic"] body[data-view="floor"] .legend i{width:6px;height:6px;margin-right:3px}
  html[data-design="classic"] body[data-view="floor"] .floor-foot{display:none}
  html[data-design="classic"] body[data-view="floor"] .compact-floor-scroll{display:flex;flex:1;min-height:0;min-width:0;padding:5px;overflow:hidden}
  html[data-design="classic"] body[data-view="floor"] .floor-board.compact-floor-board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(2,minmax(44px,1fr));gap:5px;aspect-ratio:auto;height:100%;width:100%;min-width:0;min-height:0;background:none;align-content:stretch}
  html[data-design="classic"] body[data-view="floor"] .compact-floor-board .compact-seat{position:relative;left:auto;top:auto;transform:none;width:100%;height:100%;min-height:44px;min-width:0;border-radius:3px;padding:7px 8px;display:flex;flex-direction:column;justify-content:space-between;gap:3px;text-align:left;overflow:hidden}
  html[data-design="classic"] body[data-view="floor"] .compact-seat .compact-seat-summary{flex:1;display:flex;align-items:center;min-height:0}
  html[data-design="classic"] body[data-view="floor"] .compact-seat-summary{white-space:nowrap;display:block!important;padding-top:2px}
  html[data-design="classic"] body[data-view="order"] .page-head{flex:0 0 44px}
  html[data-design="classic"] body[data-view="order"] .order-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,42%);flex:1;min-width:0;min-height:0;gap:7px}
  html[data-design="classic"] body[data-view="order"] .menu-section{min-height:0;min-width:0;display:flex;flex-direction:column}
  html[data-design="classic"] body[data-view="order"] .search{flex:0 0 44px;min-height:44px;padding:0 10px}
  html[data-design="classic"] body[data-view="order"] .search input{font-size:12px;padding:8px 0}
  html[data-design="classic"] body[data-view="order"] .category-tabs{flex:0 0 44px;min-height:44px;display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;margin:3px 0 5px;gap:0;overscroll-behavior:contain}
  html[data-design="classic"] body[data-view="order"] .category-tabs button{min-height:44px;flex:0 0 auto;padding:8px 12px;font-size:11px;white-space:nowrap}
  html[data-design="classic"] body[data-view="order"] .product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;min-height:0;min-width:0;flex:1;overflow:auto;gap:6px;padding:0 3px 4px 0;overscroll-behavior:contain}
  html[data-design="classic"] body[data-view="order"] .product-card{padding:9px;min-height:122px;gap:4px}
  html[data-design="classic"] body[data-view="order"] .product-card>div:first-child,html[data-design="classic"] body[data-view="order"] .product-card .product-meta{display:none}
  html[data-design="classic"] body[data-view="order"] .product-card h3{font-size:12px;line-height:1.4}
  html[data-design="classic"] body[data-view="order"] .product-card .pill{font-size:10px;padding:3px 5px}
  html[data-design="classic"] body[data-view="order"] .product-actions{padding-top:3px;gap:5px}
  html[data-design="classic"] body[data-view="order"] .product-actions button{min-height:44px;font-size:11px;padding:4px}
  html[data-design="classic"] body[data-view="order"] .product-actions small{font-size:11px}
  html[data-design="classic"] body[data-view="order"] .order-aside{display:flex;flex-direction:column;align-self:stretch;min-height:0;min-width:0;position:static}
  html[data-design="classic"] body[data-view="order"] .order-aside>.panel-title{display:none}
  html[data-design="classic"] body[data-view="order"] .order-content{flex:1;min-height:0;max-height:none;overflow:auto;padding:0 10px 6px;overscroll-behavior:contain}
  html[data-design="classic"] body[data-view="order"] .order-section-title{font-size:10px;margin:10px 0 4px}
  html[data-design="classic"] body[data-view="order"] .order-line{padding:9px 0}
  html[data-design="classic"] body[data-view="order"] .order-line-top{font-size:12px;gap:6px}
  html[data-design="classic"] body[data-view="order"] .order-line-top>span{white-space:nowrap}
  html[data-design="classic"] body[data-view="order"] .line-sub{font-size:10px;gap:4px;flex-wrap:wrap}
  html[data-design="classic"] body[data-view="order"] .line-sub .btn{padding:5px 7px;font-size:10px;min-height:44px}
  html[data-design="classic"] body[data-view="order"] .order-footer{display:grid;grid-template-columns:1fr 1fr;flex:0 0 auto;gap:6px;padding:8px 9px}
  html[data-design="classic"] body[data-view="order"] .order-footer .total-row{grid-column:1/-1;margin:0;font-size:11px;min-height:24px}
  html[data-design="classic"] body[data-view="order"] .order-footer .total-row strong{font-size:19px}
  html[data-design="classic"] body[data-view="order"] .order-footer .btn{min-height:44px;width:100%;margin:0;padding:6px;font-size:11px;white-space:nowrap}
  html[data-design="classic"] body[data-view="order"] .order-footer:not(:has([data-testid="confirm-order"])) [data-testid="payment"]{grid-column:1/-1}
  html[data-design="classic"] body[data-view="order"] .order-footer>p{display:none}
  html[data-design="classic"] body[data-view="stock"] .page-head{flex:0 0 44px}
  html[data-design="classic"] body[data-view="stock"] .stock-grid{flex:1;min-height:0;min-width:0;overflow:auto;align-content:start;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;overscroll-behavior:contain}
  html[data-design="classic"] body[data-view="stock"] .stock-card{padding:15px;min-width:0}
  html[data-design="classic"] body[data-view="stock"] .stock-card h3{font-size:14px}
  html[data-design="classic"] body:is([data-view="reports"],[data-view="admin"]) .page>.page-head:first-child{position:sticky;top:-6px;z-index:5;background:var(--bg);padding:4px 0}
  html[data-design="classic"] body:is([data-view="reports"],[data-view="admin"]) .page-head h1{font-size:17px}
  html[data-design="classic"] body[data-view="admin"] .admin-tabs{gap:5px;flex-wrap:nowrap;overflow:auto;margin-bottom:10px}
  html[data-design="classic"] body[data-view="admin"] .admin-tabs .btn{flex:0 0 auto;font-size:11px;min-height:44px;padding:7px 10px}
  html[data-design="classic"] .modal-backdrop{padding:6px max(6px,env(safe-area-inset-right)) 6px max(6px,env(safe-area-inset-left))}
  html[data-design="classic"] .modal{max-height:calc(100dvh - 12px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}
  html[data-design="classic"] body[data-auth="required"] #app{overflow:auto}
  html[data-design="classic"] .auth-shell{min-height:0;width:100%;padding:18px 12px;align-items:start}
}
@media(max-width:899px) and (orientation:portrait){
  html[data-design="classic"] .topbar{flex-wrap:wrap}
  html[data-design="classic"] .topbar .primary-nav{order:3;width:100%;flex-basis:100%;justify-content:space-between}
  html[data-design="classic"] .topbar .primary-nav button{flex:1}
  html[data-design="classic"] body[data-view="floor"] .floor-board.compact-floor-board{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(5,minmax(44px,1fr))}
  html[data-design="classic"] body[data-view="floor"] .metric-label{font-size:9px}
  html[data-design="classic"] body[data-view="floor"] .metric-value{font-size:13px}
  html[data-design="classic"] body[data-view="floor"] .metric-value small{display:none}
  html[data-design="classic"] body[data-view="floor"] .metric{padding:0 3px;gap:3px}
  html[data-design="classic"] body[data-view="floor"] .legend{font-size:9px;gap:5px}
  html[data-design="classic"] body[data-view="floor"] .compact-floor-board .compact-seat{padding:6px 7px}
  html[data-design="classic"] body[data-view="order"] .order-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(155px,.85fr);gap:6px}
  html[data-design="classic"] body[data-view="order"] .head-actions{gap:4px}
  html[data-design="classic"] body[data-view="order"] .head-actions .btn{padding:6px;font-size:10px}
  html[data-design="classic"] body[data-view="order"] .page-head h1{font-size:15px}
  html[data-design="classic"] body[data-view="order"] .head-actions [data-action="end-visit"]{max-width:77px;white-space:normal;line-height:1.4}
  html[data-design="classic"] body[data-view="stock"] .stock-grid{grid-template-columns:minmax(0,1fr)}
  html[data-design="classic"] body[data-view="stock"] .metric-strip{flex:0 0 50px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 0}
  html[data-design="classic"] .topbar .header-meta #clock{display:none}
}
@media(orientation:landscape) and (max-height:619px){
  html[data-design="classic"] body[data-view]>.topbar{flex:0 0 44px;height:44px;min-height:44px;flex-wrap:nowrap}
  html[data-design="classic"] .topbar .brand-word,html[data-design="classic"] .topbar #clock{display:none}
  html[data-design="classic"] .topbar .primary-nav{order:0;flex:1;width:auto;justify-content:flex-start}
  html[data-design="classic"] .topbar .primary-nav button{flex:0 1 auto;padding:0 12px}
  html[data-design="classic"] .topbar .header-meta{margin-left:0}
  html[data-design="classic"] .pin-modal .modal-header{padding:5px 45px;min-height:44px;align-items:center}
  html[data-design="classic"] .pin-modal .modal-header h2{font-size:17px}
  html[data-design="classic"] .pin-modal .modal-header p,html[data-design="classic"] .pin-modal .lock-art{display:none}
  html[data-design="classic"] .pin-modal .modal-close{top:0;right:3px}
  html[data-design="classic"] .pin-modal .modal-body{padding:0 15px 10px}
  html[data-design="classic"] .pin-modal .pin-dots{margin:5px 0 8px}
  html[data-design="classic"] .pin-modal .pin-error:empty{min-height:0;margin:0}
  html[data-design="classic"] .pin-modal .pin-error{font-size:10px;margin:0 0 5px;min-height:14px}
  html[data-design="classic"] .pin-keypad{gap:4px}
  html[data-design="classic"] .pin-keypad button{min-height:44px;font-size:18px}
  html[data-design="classic"] .pin-modal .demo-note{margin-top:6px;font-size:9px;line-height:1.4}
}

.compact-seat-head,.compact-seat-bottom{line-height:16px}
.compact-order-time{display:none}
@media(max-width:899px),(max-height:619px){
 html[data-design="classic"] body[data-view] input,html[data-design="classic"] body[data-view] select,html[data-design="classic"] body[data-view] textarea,html[data-design="classic"] body[data-view="order"] .search input{font-size:16px}
 html[data-design="classic"] body[data-view="floor"] .compact-seat .compact-seat-summary{flex:1;min-height:15px;line-height:15px;padding-top:0}
}
@media(max-width:650px) and (orientation:landscape){
 .compact-seat-head strong{font-size:11px}.compact-seat-bottom strong{font-size:12px}
 .compact-seat-summary .compact-item,.compact-seat-bottom>span{display:none}
 .compact-order-time{display:inline}
}
@media(max-width:899px),(max-height:619px){html[data-design="classic"] body[data-view="stock"] .stock-grid{grid-auto-rows:max-content}html[data-design="classic"] body[data-view="stock"] .stock-card{overflow:visible}}
/* The saved canvas ratio and counter geometry are independent of editor zoom. */
html[data-design="classic"] .editor-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 12px;border-bottom:1px solid var(--line);font-size:12px}
.editor-toolbar output{min-width:42px;text-align:center;font-variant-numeric:tabular-nums}
html[data-design="classic"] .editor-viewport{height:clamp(260px,52dvh,620px);overflow:auto;padding:18px;overscroll-behavior:contain}
html[data-design="classic"] .floor-board.configured-board{min-width:0!important;min-height:0!important;aspect-ratio:auto;margin:0 auto;flex:none}
html[data-design="classic"] .editor-board .bar-counter{touch-action:none;cursor:grab;letter-spacing:1px;font-size:11px;min-height:0;padding:0;overflow:hidden}
html[data-design="classic"] .editor-board .bar-counter.selected{outline:3px solid var(--teal);outline-offset:2px;z-index:3}
html[data-design="classic"] .editor-board .seat{padding:5px;min-width:0;min-height:0;overflow:hidden}
html[data-design="classic"] .editor-board .seat-top{margin-bottom:2px;font-size:11px}
html[data-design="classic"] .editor-board .seat-state{display:none}
html[data-design="classic"] .editor-board .empty-seat-label{font-size:10px;margin:auto}
html[data-design="classic"] .editor-panel>.section-label{margin-top:20px}
html[data-design="classic"] .editor-panel>.btn{margin-top:10px;width:100%}
@media(max-width:899px),(max-height:619px){
 html[data-design="classic"] .editor-viewport{height:clamp(250px,60dvh,500px);padding:10px}
 html[data-design="classic"] .editor-layout{grid-template-columns:minmax(0,1fr)}
 html[data-design="classic"] .editor-layout>.panel{min-width:0}
 html[data-design="classic"] .editor-panel .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 html[data-design="classic"] .editor-panel .field.full{grid-column:1/-1}
 html[data-design="classic"] .editor-toolbar{gap:5px;font-size:11px}
 html[data-design="classic"] .editor-toolbar .btn{padding:7px 12px;min-width:44px}
}
/* Editor workspace: the bordered floor is the saved layout; the hatched area is outside it. */
html[data-design="classic"] .floor-scroll:not(.compact-floor-scroll){background-color:#d4dce6;background-image:repeating-linear-gradient(135deg,transparent 0 9px,rgba(75,99,130,.07) 9px 10px)}
html[data-design="classic"] .floor-board:not(.compact-floor-board):not(.floor-list){background-color:#f8fafc;border:2px solid #8da4bf;box-shadow:0 3px 12px #17304c26;background-image:none;border-radius:4px}
html[data-design="classic"][data-theme="dark"] .floor-scroll:not(.compact-floor-scroll){background-color:#0b1421;background-image:repeating-linear-gradient(135deg,transparent 0 9px,#7891af14 9px 10px)}
html[data-design="classic"][data-theme="dark"] .floor-board:not(.compact-floor-board):not(.floor-list){background-color:#26354a;border-color:#6f88a8;box-shadow:0 3px 14px #0006;background-image:none}
html[data-design="classic"] .editor-board .bar-counter{overflow:visible;z-index:1}
html[data-design="classic"] .editor-board .bar-counter.selected{z-index:6}
.counter-body{position:absolute;inset:0;width:100%;height:100%;padding:2px;background:none;color:inherit;cursor:grab;touch-action:none;overflow:hidden;white-space:nowrap;font-size:11px;border-radius:inherit}
html[data-design="classic"] .counter-resize{position:absolute;width:32px;height:32px;min-height:32px;display:none;align-items:center;justify-content:center;padding:0;background:transparent;touch-action:none;z-index:7}
html[data-design="classic"] .bar-counter.selected .counter-resize{display:flex}
.counter-resize span{width:12px;height:12px;background:var(--paper);border:2px solid var(--teal);border-radius:2px;box-shadow:0 1px 3px #0004;pointer-events:none}
.counter-resize.nw{left:-16px;top:-16px;cursor:nwse-resize}.counter-resize.ne{right:-16px;top:-16px;cursor:nesw-resize}.counter-resize.sw{left:-16px;bottom:-16px;cursor:nesw-resize}.counter-resize.se{right:-16px;bottom:-16px;cursor:nwse-resize}
.counter-resize:focus-visible span{background:var(--teal)}
.counter-list{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}
.counter-list .btn{min-width:76px;padding:7px 9px}
html[data-design="classic"] .editor-stage-panel{min-width:0;align-self:start}
html[data-design="classic"] .editor-stage-panel>.panel-title{align-items:flex-start;gap:8px}
html[data-design="classic"] .editor-stage-panel>.panel-title .subtitle{font-size:11px;max-width:380px}
@media(min-width:900px) and (min-height:620px){
 html[data-design="classic"] .editor-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:16px}
 html[data-design="classic"] .editor-stage-panel{position:sticky;top:12px}
 html[data-design="classic"] .editor-panel{max-height:calc(100dvh - 36px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:16px}
 html[data-design="classic"] .editor-panel .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 html[data-design="classic"] .editor-panel .field.full{grid-column:1/-1}
 html[data-design="classic"] .editor-panel input,html[data-design="classic"] .editor-panel select{min-width:0;width:100%}
}
@media(max-width:899px),(max-height:619px){
 html[data-design="classic"] .editor-stage-panel{position:static}
 html[data-design="classic"] .editor-panel{max-height:none;overflow:visible}
 html[data-design="classic"] .editor-stage-panel>.panel-title .subtitle{display:block}
}
html[data-design="classic"] .counter-list .btn[aria-pressed="true"]{background:var(--teal-soft);border-color:var(--teal);color:var(--teal)}

/* Temporary alignment guides never intercept a drag or change the stored layout. */
.snap-guide{position:absolute;z-index:8;pointer-events:none;background:var(--teal);opacity:.85;box-shadow:0 0 0 1px var(--paper)}
.snap-guide.x{top:0;bottom:0;width:1px}.snap-guide.y{left:0;right:0;height:1px}

/* Phones show the same saved floor plan, scaled to fit in both axes. */
@media(max-width:899px),(max-height:619px){
 html[data-design="classic"] body[data-view="floor"] [data-action="floor-mode"]{display:inline-flex}
 html[data-design="classic"] body[data-view="floor"] .head-actions .btn{padding:6px 8px;font-size:10px;min-width:44px}
 html[data-design="classic"] body[data-view="floor"] .fit-floor-viewport{display:flex;flex:1;min-height:0;min-width:0;padding:8px;align-items:center;justify-content:center;overflow:hidden}
 html[data-design="classic"] body[data-view="floor"] .floor-board.fit-floor-board{flex:none;min-width:0;min-height:0;aspect-ratio:auto;position:relative;margin:0 auto}
 html[data-design="classic"] body[data-view="floor"] .fit-seat{position:absolute;container-type:size;min-width:0;min-height:0;padding:2px;display:flex;align-items:center;justify-content:center;gap:3px;border-width:1px;border-radius:2px;overflow:hidden}
 html[data-design="classic"] body[data-view="floor"] .fit-seat.round{border-radius:50%}
 .fit-seat-name{font-size:clamp(5px,23cqw,12px);line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}
 .fit-seat-price,.fit-seat-time{display:none;max-width:100%;white-space:nowrap;overflow:hidden;font-size:10px;line-height:1.3}
 html[data-design="classic"] .fit-floor-board .bar-counter{font-size:8px;letter-spacing:.5px;overflow:hidden;min-width:0;min-height:0;border-radius:2px;line-height:1}
 html[data-design="classic"] .fit-floor-board .floor-zone,html[data-design="classic"] .fit-floor-board .entrance{font-size:6px;letter-spacing:1px}
 html[data-design="classic"] body[data-view="floor"] .mobile-list-scroll{flex:1;min-height:0;min-width:0;overflow:auto;padding:8px}
 html[data-design="classic"] body[data-view="floor"] .floor-board.floor-list{height:auto;min-height:0;min-width:0;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 html[data-design="classic"] body[data-view="floor"] .floor-main-panel>.panel-title h2{font-size:9px}
 html[data-design="classic"] body[data-view="floor"] .legend{font-size:9px;gap:5px}
}
@container (min-width:70px) and (min-height:48px){.fit-seat-price{display:block;font-weight:700}.fit-seat-time{display:block;font-size:9px}}

/* Supplier prices remain inside the PIN-protected product editor. */
.admin-product-tools{padding:12px 18px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;border-bottom:1px solid var(--line)}
.admin-product-tools .search{flex:1;min-width:180px;max-width:420px}.admin-product-tools p{flex:1;min-width:200px;line-height:1.7}
.stock-search{margin-bottom:14px;flex-shrink:0}
.catalog-section{border:1px solid var(--line);background:var(--paper);padding:14px;margin-bottom:18px;border-radius:6px;min-width:0}
.catalog-section[hidden]{display:none}.catalog-section h3{font-size:13px;margin-bottom:12px}.catalog-section>.tiny{line-height:1.7;margin-top:10px}
.catalog-results{max-height:220px;overflow:auto;overscroll-behavior:contain;margin-top:12px;font-size:11px;color:var(--muted);line-height:1.7}
.catalog-result{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}
.catalog-result>div{min-width:0}.catalog-result strong{font-size:12px;color:var(--ink);overflow-wrap:anywhere}.catalog-result p{font-size:10px;overflow-wrap:anywhere}.catalog-result .btn{flex-shrink:0;min-height:44px}
.product-cost-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;gap:12px}.product-cost-section small{line-height:1.8}.cost-toggle{display:flex;align-items:center;gap:9px;min-height:44px;font-weight:600}.field .cost-toggle input{width:18px;min-height:18px;height:18px;flex-shrink:0;padding:0}
@media(max-width:599px){.catalog-result{align-items:flex-start;flex-direction:column;gap:8px}.catalog-result .btn{width:100%}.catalog-results{max-height:190px}.admin-product-tools{gap:10px}.admin-product-tools .search{max-width:none;width:100%}.admin-product-tools p{font-size:10px}.product-cost-section .form-grid{grid-template-columns:1fr}}