/* Smartphone comfort: loaded after page themes; desktop layouts stay unchanged. */
@media screen and (max-width:767px){
 :root{scroll-padding-top:80px}html{ -webkit-text-size-adjust:100%}body{max-width:100%;margin:0}*,*::before,*::after{box-sizing:border-box}
 main,.content,.workspace-main,.app-main,.panel,.card,.card-body,.fields-grid>*,.commerce-admin-grid>*,.restaurant-area-grid>*,.dining-inbox-grid>*{min-width:0}
 .content{padding:20px 16px calc(26px + env(safe-area-inset-bottom))}.workspace-main{min-width:0}.workspace-footer{padding-bottom:calc(18px + env(safe-area-inset-bottom))}
 .sidebar{max-width:calc(100vw - 42px);height:100vh;height:100dvh;overflow-y:auto;overscroll-behavior:contain;padding-bottom:env(safe-area-inset-bottom)}
 .topbar{min-height:64px;height:auto;padding:10px 14px;gap:8px;flex-wrap:wrap}.topbar .breadcrumb{flex:1;min-width:0;overflow-wrap:anywhere;white-space:normal;line-height:1.5}.topbar-right{margin-left:auto;gap:7px;min-width:0}.role-chip{max-width:145px;white-space:normal;font-size:10px;padding:7px 9px}
 .button,.btn,button.icon-button,.mobile-menu,.sidebar-close,.navigation-scrim+.sidebar-close{min-height:44px}.icon-button,.mobile-menu,.sidebar-close{min-width:44px}.button,.btn{white-space:normal;line-height:1.45;justify-content:center;text-align:center;touch-action:manipulation}.button .icon{flex-shrink:0}
 input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=color]):not([type=submit]),select,textarea{font-size:16px!important;min-height:46px;max-width:100%;border-radius:10px}input[type=checkbox],input[type=radio]{flex-shrink:0;min-width:20px;min-height:20px}input[type=file]{width:100%;min-width:0;font-size:13px!important}textarea{min-height:90px}
 .field label{line-height:1.6;font-size:12px}.field{min-width:0}.fields-grid,.online-provider-grid,.dining-service-settings,.commerce-admin-grid,.dining-inbox-grid{grid-template-columns:minmax(0,1fr)!important;gap:16px}.compact-form{display:flex;flex-direction:column;align-items:stretch;gap:14px}.compact-form .field{width:100%}.compact-form .button{width:100%}
 .page-heading,.section-heading,.business-directory-heading{flex-wrap:wrap;gap:14px;align-items:flex-start}.page-heading h1{font-size:clamp(26px,7.5vw,36px);line-height:1.18;overflow-wrap:anywhere}.page-heading p,.section-heading p{line-height:1.7}.page-heading>div{min-width:0;max-width:100%}.section-heading h2{overflow-wrap:anywhere}
 .operations-actions,.business-quick-links,.restaurant-hero-actions,.cashier-review-actions{display:flex;flex-wrap:wrap;gap:10px}.operations-actions .button,.business-quick-links .button{flex:1 1 150px}.commerce-service-grid{grid-template-columns:minmax(0,1fr)!important}.commerce-admin-grid .panel,.commerce-service-grid .panel{padding:21px 18px}
 .panel,.card{max-width:100%}.panel p,.card p,.field-hint,.dining-notification-log p,.restaurant-ledger span{overflow-wrap:anywhere}.restaurant-hero{padding:27px 22px}.restaurant-hero-actions .button{flex:1 1 145px}.restaurant-area-grid,.restaurant-ticket-grid,.restaurant-money-grid{grid-template-columns:minmax(0,1fr)!important}.restaurant-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.restaurant-stats article{padding:18px 14px}.restaurant-stats article strong{font-size:clamp(21px,6vw,30px);overflow-wrap:anywhere}.restaurant-stats article small{line-height:1.6}.restaurant-ledger>div{align-items:flex-start;flex-wrap:wrap}.restaurant-ledger strong{white-space:normal}.restaurant-control-note .restaurant-hero-actions{flex-direction:column;gap:0}.restaurant-control-note a{padding:13px 0;min-height:44px}.restaurant-section-heading{align-items:flex-start;flex-wrap:wrap}.restaurant-floor-summary{display:none}.restaurant-table-setup summary{flex-wrap:wrap;line-height:1.6;min-height:44px}
 .staff-menu-grid{grid-template-columns:minmax(0,1fr)!important}.staff-menu-product{display:grid;grid-template-columns:100px minmax(0,1fr);align-items:stretch;min-width:0}.staff-menu-image{height:100%;min-height:145px;aspect-ratio:auto}.staff-menu-copy{min-width:0;padding:14px}.staff-menu-copy strong{font-size:14px;line-height:1.5;overflow-wrap:anywhere}.staff-menu-copy label{display:flex;align-items:center;gap:8px;justify-content:space-between;margin-top:12px}.staff-menu-copy input{width:75px!important;min-width:0}.menu-section-nav{display:flex;gap:8px;overflow-x:auto;max-width:100%;padding:8px 0 12px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.menu-section-nav a{flex:0 0 auto;min-height:44px;display:flex;align-items:center;justify-content:center;padding:10px 15px}.menu-section-heading{scroll-margin-top:85px}
 .table-order-line{display:flex;flex-direction:column;align-items:stretch;gap:13px;padding:19px 0}.table-order-line>div,.table-order-line form{min-width:0;width:100%}.table-order-line form{display:flex;flex-wrap:wrap;gap:9px}.table-order-line select{flex:1;min-width:0}.table-order-line .button{flex:1}.table-order-line strong{font-size:14px;line-height:1.5}.table-sub{overflow-wrap:anywhere;line-height:1.7}.table-pay-tools{display:flex;flex-direction:column;gap:10px}.table-payment-item{align-items:center;gap:12px}.table-payment-item>span{min-width:0;overflow-wrap:anywhere;line-height:1.6}.table-payment-item input{flex:0 0 72px;width:72px}.table-pay-total strong{overflow-wrap:anywhere}.table-payment-history{overflow-wrap:anywhere}.table-guest-request form{display:flex;flex-wrap:wrap;gap:10px}.table-guest-request .button{flex:1 1 120px}.staff-order-footer{display:flex;flex-direction:column;align-items:stretch;gap:15px}.staff-order-footer .button{width:100%}.cashier-review-actions form{width:100%;min-width:0}.cashier-review-actions .button,.cashier-correction-editor .button,[data-table-payment-form]>.button{width:100%}.cashier-review-note{overflow-wrap:anywhere}.cashier-correction-editor summary{padding:12px 0;line-height:1.6}.table-qr-panel img,.public-presence-qr img{max-width:100%;height:auto}
 .dining-order-lines>div{align-items:flex-start;flex-wrap:wrap;gap:6px}.dining-order-total{font-size:25px;overflow-wrap:anywhere}.dining-inbox-card .button{min-height:44px}.dining-inbox-card form{max-width:100%}.online-provider-card{padding:19px}.online-provider-card code{overflow-wrap:anywhere;white-space:normal}.studio-share-link>div{flex-wrap:wrap}.studio-share-link input{width:100%;min-width:0}.studio-share-link button{min-height:44px}.studio-hero-actions{flex-wrap:wrap}.studio-save-row{flex-direction:column;align-items:stretch;gap:15px}.studio-save-row .button{width:100%}
 .mobile-table-scroll,.table-responsive,.table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.mobile-table-scroll:focus-visible{outline:2px solid #b5965d;outline-offset:2px}.mobile-table-scroll>table{min-width:580px}.mobile-table-scroll caption{text-align:left}.table-responsive table{margin-bottom:0}.modal-dialog,dialog{max-width:calc(100vw - 24px)}.modal-dialog{margin:12px auto}.modal-content{max-height:calc(100dvh - 24px);overflow-y:auto}dialog{max-height:calc(100dvh - 24px);overflow-y:auto}.modal-body{min-width:0}
 .guest-header{padding:16px;gap:12px;flex-wrap:wrap}.guest-header>a{min-width:0;max-width:100%;overflow-wrap:anywhere;font-size:18px}.guest-header>span{font-size:13px}.guest-header .guest-monogram{flex-shrink:0}.guest-header+main{min-width:0}.guest-header~footer{overflow-wrap:anywhere;padding-bottom:calc(24px + env(safe-area-inset-bottom))}
 .guest-page img,.guest-menu img{max-width:100%}.guest-service-grid,.guest-order-grid{grid-template-columns:minmax(0,1fr)}.guest-form-grid{grid-template-columns:minmax(0,1fr)}
}
@media screen and (max-width:370px){.content{padding-left:12px;padding-right:12px}.restaurant-stats{grid-template-columns:minmax(0,1fr)}.restaurant-stats article strong{font-size:28px}.staff-menu-product{grid-template-columns:80px minmax(0,1fr)}.staff-menu-copy{padding:12px}.role-chip{max-width:110px}.restaurant-hero h1{font-size:29px}.topbar-avatar{width:30px;height:30px}.panel{padding:18px 14px}.restaurant-hero-actions{flex-direction:column}.restaurant-hero-actions .button{flex:auto}}
@media(prefers-reduced-motion:reduce){.sidebar{transition:none!important}}

@media screen and (max-width:900px){
 .workspace-page .sidebar{position:fixed;inset:0 auto 0 0;width:275px;max-width:calc(100vw - 42px);height:100vh;height:100dvh;transform:translateX(-100%);z-index:30;overflow-y:auto;overscroll-behavior:contain;padding-top:28px}
 .workspace-page .sidebar.open{transform:translateX(0)}.workspace-page .workspace-main{margin-left:0;width:100%;min-width:0}.workspace-page .mobile-menu{display:grid;flex-shrink:0;width:44px;height:44px;place-items:center}.workspace-page .sidebar-close{display:grid;position:absolute;right:12px;top:13px;width:44px;height:44px;place-items:center;color:#c2d0db}.workspace-page .sidebar-close .icon{transform:rotate(45deg)}.workspace-page .navigation-scrim:not([hidden]){display:block;position:fixed;inset:0;background:#10243c88;border:0;padding:0;z-index:25}.workspace-page .topbar{gap:8px;padding-left:14px;padding-right:14px}.workspace-page .sidebar .brand{margin-right:32px}
}