/* Phone-only register overrides. Tablet and desktop selectors never match. */
.phone-pos-jumps{display:none}
html[data-screen="phone"] body.register-mode{overflow:auto;height:auto;min-height:100dvh}
html[data-screen="phone"] body.register-mode :is(#app-shell,.app-main,#main-content){height:auto;min-height:0;overflow:visible;min-width:0}
html[data-screen="phone"] :is(.cashier-workstation,.cashier-settings-shell){display:block!important;height:auto!important;min-height:100dvh;overflow:visible!important;width:100%;min-width:0}
html[data-screen="phone"] :is(.cashier-stage,.reference-settings-workspace){display:flex;flex-direction:column;height:auto;overflow:visible;min-width:0}
html[data-screen="phone"] .cashier-rail{position:relative;display:flex;flex-direction:row;flex-wrap:wrap;width:100%;height:auto;box-shadow:none;padding-top:env(safe-area-inset-top)}
html[data-screen="phone"] .cashier-rail-brand{height:48px;width:86px}
html[data-screen="phone"] .cashier-rail-user{margin-left:auto;min-height:48px;height:auto;max-width:65%;grid-template-columns:34px minmax(0,1fr)}
html[data-screen="phone"] .cashier-rail nav{order:3;flex:1 0 100%;display:flex;overflow-x:auto;scrollbar-width:thin}
html[data-screen="phone"] .cashier-rail nav :is(a,button){flex:0 0 78px;width:78px;min-height:64px}
html[data-screen="phone"] .cashier-rail nav span{display:block;font-size:11px;white-space:normal;text-align:center}
html[data-screen="phone"] .cashier-worktop{flex-wrap:wrap;gap:8px;padding:12px;min-height:64px}
html[data-screen="phone"] .cashier-worktop>div{flex-wrap:wrap;min-width:0}
html[data-screen="phone"] .cashier-worktop :is(.cashier-store,.cashier-worktop-actions a){display:flex}
html[data-screen="phone"] .cashier-worktop .cashier-alert{position:static;transform:none;width:44px;height:44px;border-radius:10px;flex-shrink:0}
html[data-screen="phone"] :is(.cashier-table-layout,.cashier-catalog-layout,.cashier-member-layout,.cashier-orders-layout,.reference-ledger,.reference-availability,.reference-template,.reference-diagnostics){display:flex!important;flex-direction:column;overflow:visible;min-height:0;min-width:0}
html[data-screen="phone"] :is(.cashier-order-setup,.cashier-ticket,.cashier-member-detail,.cashier-order-detail,.cashier-table-board,.cashier-catalog-board,.cashier-member-board,.cashier-orders-board){height:auto;min-height:0;overflow:visible;min-width:0;padding:12px}
html[data-screen="phone"] .cashier-catalog-layout>#cart-panel{order:3;overflow:visible;scroll-margin-top:64px}
html[data-screen="phone"] .cashier-catalog-board{order:2;scroll-margin-top:64px}
html[data-screen="phone"] .cashier-catalog-categories{order:1}
html[data-screen="phone"] .phone-pos-jumps{display:flex;position:sticky;top:0;z-index:5;gap:8px;padding:8px;background:#173b57;order:0}
html[data-screen="phone"] .phone-pos-jumps button{flex:1;min-height:44px;border:1px solid #97cdeb;border-radius:8px;background:#fff;color:#145787;font-weight:700}
html[data-screen="phone"] :is(.cashier-filter-rail,.cashier-catalog-categories){display:flex;flex-direction:row;gap:8px;overflow-x:auto;max-width:100%;padding:8px}
html[data-screen="phone"] :is(.cashier-filter-rail,.cashier-catalog-categories) button{flex:0 0 auto;width:auto;min-width:110px;min-height:48px;margin:0}
html[data-screen="phone"] :is(.cashier-table-grid,.cashier-product-grid){grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
html[data-screen="phone"] .cashier-member-grid{grid-template-columns:minmax(0,1fr)}
html[data-screen="phone"] .cashier-catalog-toolbar{flex-wrap:wrap;gap:10px}
html[data-screen="phone"] .cashier-catalog-toolbar label{width:100%}
html[data-screen="phone"] .cashier-ticket-lines{overflow:visible;max-height:none;min-height:0}
html[data-screen="phone"] .cashier-ticket-actions{grid-template-columns:repeat(3,minmax(0,1fr))}
html[data-screen="phone"] .cashier-ticket-actions .place{grid-column:1/-1}
html[data-screen="phone"] .cashier-ticket-meta{flex-wrap:wrap}
html[data-screen="phone"] .cashier-dock{position:sticky;bottom:0;z-index:6;justify-content:space-around;gap:6px;padding:8px 8px calc(8px + env(safe-area-inset-bottom));margin-top:auto}
html[data-screen="phone"] .cashier-dock :is(a,button){flex:1;max-width:110px;min-width:0;height:56px}
html[data-screen="phone"] .cashier-workstation :is(input,select,textarea){font-size:16px;max-width:100%;min-width:0}
html[data-screen="phone"] .cashier-workstation button{touch-action:manipulation;overflow-wrap:anywhere}
html[data-screen="phone"] :is(.cashier-workstation,.cashier-settings-shell) :is(button,.button){min-height:44px}
html[data-screen="phone"] :is(.cashier-reservation-list article,.cashier-shift-grid){grid-template-columns:minmax(0,1fr)}
html[data-screen="phone"] .cashier-reservation-page>nav{overflow-x:auto}
html[data-screen="phone"] .cashier-reservation-page>nav button{flex-shrink:0}
html[data-screen="phone"] .cashier-settings-shell .cashier-settings-page{display:block!important;padding:12px!important}
html[data-screen="phone"] .cashier-settings-shell .cashier-settings-tabs{position:static;display:flex!important;flex-direction:row!important;flex-wrap:wrap;overflow:visible;gap:6px!important;margin-bottom:12px}
html[data-screen="phone"] .cashier-settings-shell .cashier-settings-tabs>button{flex:1 1 130px!important;padding:10px!important;white-space:normal}
html[data-screen="phone"] .cashier-settings-shell :is(.reference-settings-user,.cashier-settings-tabs footer){display:flex;flex:1 0 100%;padding:12px;gap:12px}
html[data-screen="phone"] .cashier-settings-title{flex-wrap:wrap}
html[data-screen="phone"] .reference-attendance-actions{flex-direction:column}
html[data-screen="phone"] .reference-card{padding:12px;margin:10px}
html[data-screen="phone"] .reference-card>header{flex-wrap:wrap;gap:12px}
html[data-screen="phone"] :is(.reference-tabs,.reference-business>div,.reference-template-options){gap:8px;flex-wrap:wrap;padding:8px}
html[data-screen="phone"] .reference-network{padding:24px 12px!important;min-width:0}
html[data-screen="phone"] .reference-keypad{width:100%;gap:4px}
html[data-screen="phone"] .reference-keypad button{min-width:0;padding:4px}
html[data-screen="phone"] .reference-ledger label{grid-template-columns:minmax(0,1fr);gap:8px}
html[data-screen="phone"] .reference-touch-keyboard>div{grid-template-columns:repeat(6,minmax(0,1fr))}
html[data-screen="phone"] :is(.reference-ticket-preview,.reference-ledger-board){padding:16px;min-width:0}
html[data-screen="phone"] .cashier-workstation :is(.data-table-wrap,.table-wrap){max-width:100%;overflow-x:auto}
html[data-screen="phone"] body.register-mode .modal-backdrop{padding:8px;align-items:flex-start;overflow-y:auto}
html[data-screen="phone"] body.register-mode :is(.modal,.modal.wide,.modal.drawer){width:100%!important;max-width:100%;max-height:calc(100dvh - 16px);height:auto;margin:auto;overflow-y:auto;border-radius:12px}
html[data-screen="phone"] body.register-mode :is(.modal-body,.modal-head,.modal-foot){padding:14px;min-width:0}
html[data-screen="phone"] body.register-mode .modal :is(.form-grid,.payment-layout,.payment-grid){grid-template-columns:minmax(0,1fr)}
html[data-screen="phone"] body.register-mode .modal :is(input,select,textarea){font-size:16px;min-width:0;max-width:100%}
html[data-screen="phone"] body.register-mode .modal-foot{display:flex;flex-wrap:wrap;gap:8px}
html[data-screen="phone"] body.register-mode .modal-foot button{min-height:44px;flex:1 1 120px}