/* The terminal stylesheet owns cards, prices, cart, history and colours. */
#seat{cursor:default;touch-action:pan-y}
@media(max-width:600px){
 header{padding:6px 8px}
 .header-actions{width:100%;margin-left:0;justify-content:flex-end;flex-wrap:nowrap}
 .header-actions #language-switch{width:82px;min-width:0;font-size:14px;padding:8px 4px;min-height:44px}
 .header-actions #tools button{width:auto;min-width:88px;font-size:16px;padding:8px;min-height:44px;white-space:nowrap}
 .header-actions #back-navigation .back-button{width:64px;min-width:64px;font-size:16px;padding:8px;min-height:44px}
 .header-actions #theme-tools button{width:40px;min-width:40px;min-height:44px;padding:4px;font-size:22px;margin:2px}
 .header-actions #tools button[data-action="pending"]{min-width:0;max-width:110px;white-space:normal;font-size:12px}
 .choice-modal{max-width:100%}
 .history-table{table-layout:fixed;width:100%}
 .history-table td,.history-table th{overflow-wrap:anywhere;word-wrap:break-word}
}

/* Guest phones use a single row of navigation, always in dark mode. */
header .seat-brand{flex:0 0 auto;-webkit-flex:0 0 auto;margin-bottom:0}
header .header-actions{width:auto;flex:1 1 auto;-webkit-flex:1 1 auto;margin-left:auto;flex-wrap:nowrap}
header #theme-tools{display:none}
header #header-notice{order:3;flex:0 0 100%;padding:4px 0;font-size:16px}
@media(max-width:600px){
 header .seat-brand #seat{font-size:24px;min-height:44px;padding:0;margin:0 6px 0 0}
 header .header-actions #language-switch{width:82px;min-width:0;min-height:44px;font-size:14px;padding:4px;margin:2px}
 header .header-actions #tools{flex:0 0 auto}
 header .header-actions #tools button[data-action="history"]{width:82px;min-width:82px;min-height:44px;padding:8px 4px;margin:2px;font-size:16px;white-space:nowrap}
 header .header-actions #back-navigation .back-button{width:64px;min-width:64px;min-height:44px;padding:8px 4px;margin:2px;font-size:16px}
 header .header-actions #tools button[data-action="pending"]{display:none}
}

/* Keep browser-page chrome compact without reducing touch targets. */
@media(max-width:1100px) and (orientation:portrait){
 #app>header{padding-top:2px;padding-bottom:2px}
 .browse-layout .layout{padding-bottom:2px}
 .review-page .review-footer{padding-bottom:2px}
}

/* Keep the food visible in two-column free layouts on phones. */
@media(max-width:600px){
 .managed-free-menu .seasonal-price{font-size:18px;line-height:1.15;padding:3px 6px;right:4px;bottom:4px}
 .managed-free-menu .seasonal-price .tax-inclusive{font-size:11px;line-height:1.2}
 .managed-half .seasonal-price{font-size:16px;padding:3px 5px}
 .managed-half .seasonal-price .tax-inclusive{font-size:10px}
 .managed-dessert .seasonal-price{border-width:1px;border-radius:12px}
}

@media(max-width:600px){.managed-yakitori .seasonal-price{font-size:18px;padding:6px}.managed-yakitori .seasonal-price .tax-inclusive{font-size:11px}}