html{scroll-padding-bottom:env(safe-area-inset-bottom)}
body.tablet-touch{--tablet-target:44px}
@media(pointer:coarse){
 body:not(.pos-modern) .content{min-width:0}
 body:not(.pos-modern) .table-responsive{max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}
 body:not(.pos-modern) :is(.qh-table-scroll,.customer-picker-list){-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}
 .navbar-vertical-aside .nav-link{min-height:44px}
 :is(.qh-pagination,.orders-pagination) :is(button,.page-link,input,select){min-height:40px}
 .settings-tabs .nav-link{min-height:46px}
 .qh-actions .btn,.customer-picker-add,.select-customer{min-height:44px;min-width:44px}
 .qh-close,.pos-close-payment,.modal-header .close{min-width:44px;min-height:44px}
 :is(.qh-summary-modal,.pos-payment-dialog) .modal-content{max-height:calc(var(--app-viewport-height,100dvh) - 24px)}
 :is(#addCustomer,#editCategory) .modal-content{max-height:calc(var(--app-viewport-height,100dvh) - 24px)}
 input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea{font-size:16px!important}
 .dp-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .dp-upload input{font-size:12px!important}
}
@media(max-width:1199px){body:not(.pos-modern) #content{padding-top:calc(var(--app-header-height,64px) + 12px)}body:not(.pos-modern) .content.container-fluid{padding-left:16px;padding-right:16px}}
@media(display-mode:standalone){body{padding-top:env(safe-area-inset-top)}.navbar-fixed{top:env(safe-area-inset-top)}}
.pwa-install-button{position:fixed;bottom:max(12px,env(safe-area-inset-bottom));right:12px;z-index:1035;background:#105c32;color:#fff;border:1px solid #81b695;border-radius:9px;padding:10px 14px;min-height:44px;box-shadow:0 4px 16px #0002;cursor:pointer}.pwa-install-button[hidden]{display:none!important}.pwa-install-menu-item{position:static;width:calc(100% - 16px);margin:8px;box-shadow:none}.pwa-install-button:hover,.pwa-install-button:focus-visible{background:#16763b;color:#fff}
.app-offline-banner{position:fixed;top:0;left:0;right:0;z-index:1200;background:#a84b0b;color:#fff;text-align:center;padding:7px;font-size:14px}.app-offline-banner[hidden]{display:none!important}
@media(pointer:coarse) and (max-width:1199px){
 #header .topbar-support span{display:none!important}
 #header .topbar-support{width:44px;height:44px;padding:0!important}
 #header .topbar-pos .topbar-action{min-height:44px}
 #header .topbar-account .media-body{max-width:240px}
 #header .topbar-account .card-title,#header .topbar-account .card-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
/* Shared laptop / desktop / tablet foundation. Tables scroll inside their panel. */
#content.main,.content.container-fluid,.quotation-history-page{min-width:0}
:is(.table-responsive,.qh-table-scroll){max-width:100%;overscroll-behavior-x:contain}
:is(.qh-toolbar,.qh-filters,.pl-filters,.is-filters)>*{min-width:0}
.modal-content{min-width:0}.modal-body{min-height:0}
@media(min-width:768px) and (max-width:1399px){
 body:not(.pos-modern) .content.container-fluid{padding-left:16px;padding-right:16px}
 #header .topbar-actions{gap:7px}
 #header .topbar-account .media-body{max-width:220px;min-width:0}
 #header .topbar-account :is(.card-title,.card-text){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
@media(min-width:768px) and (max-width:1199px){
 #header .topbar-support span{display:none!important}
 #header .topbar-support{width:42px;height:42px;padding:0!important}
 #header .topbar-account .media-body{max-width:190px}
 .managed-list-page .qh-metrics{gap:8px;margin-bottom:10px}
 .managed-list-page .qh-metrics>div{padding:10px 12px}
 .managed-list-page .qh-toolbar{gap:8px;margin-bottom:10px}
 .managed-list-page .qh-pagination{gap:6px}
}
@media(max-width:1199px){
 .modal .modal-dialog{max-width:calc(100% - 24px)}
 .modal .modal-content{max-height:calc(var(--app-viewport-height,100dvh) - 24px)}
 .modal .modal-body{overflow-y:auto;overscroll-behavior-y:contain}
 .modal :is(.modal-header,.modal-footer){flex-shrink:0}
}
@media(pointer:coarse){
 body:not(.pos-modern) :is(.qh-toolbar,.qh-filters,.pl-filters,.is-filters,.settings-refreshed) :is(button.btn,a.btn,input.form-control,select.form-control){min-height:44px}
 body:not(.pos-modern) .managed-list-page .qh-pagination :is(.page-link,input,select,.btn){min-height:40px;height:auto}
 body:not(.pos-modern) .managed-list-page .qh-pagination .page-link{min-width:40px}
 body:not(.pos-modern) .managed-list-page .qh-pagination{row-gap:8px}
 .modal .modal-dialog{margin-top:12px;margin-bottom:12px}
 .modal .modal-content{max-height:calc(var(--app-viewport-height,100dvh) - 24px)}
 :is(.table-responsive,.qh-table-scroll){scrollbar-width:auto}
}
@media(prefers-reduced-motion:reduce){
 :is(.modal,.modal-dialog,.navbar-vertical-aside,.nav-link,.btn){animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}