/* Shared responsive corrections for the storefront, account and management layouts. */
.sq-storefront .aiz-user-panel,.sq-dashboard .aiz-content-wrapper,.sq-dashboard .aiz-main-content{min-width:0;max-width:100%}
.sq-dashboard .card,.sq-dashboard .card-body,.sq-dashboard .card-header,.sq-dashboard .form-group,.sq-dashboard .input-group{min-width:0}
.sq-dashboard .card-header{flex-wrap:wrap;gap:10px}
.sq-dashboard .card-header>*{min-width:0;max-width:100%}
.sq-dashboard .card-header .form-control,.sq-dashboard .card-header .bootstrap-select{max-width:100%}
.sq-dashboard .bootstrap-select{max-width:100%}
.sq-dashboard .bootstrap-select>select{max-width:100%;inset-inline-start:0!important}
.sq-dashboard .hummingbird-treeview{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.sq-dashboard .tagify__input{white-space:normal;overflow-wrap:anywhere}
.sq-dashboard .card-title,.sq-dashboard .aiz-titlebar h1,.sq-dashboard .aiz-titlebar h5{overflow-wrap:anywhere}
.sq-dashboard .aiz-titlebar .d-flex{flex-wrap:wrap;gap:8px}
.sq-dashboard .tagify{max-width:100%;min-width:0}
.sq-dashboard .tagify__input{min-width:60px;max-width:100%;overflow-wrap:anywhere}
.sq-dashboard .note-toolbar{display:flex;flex-wrap:wrap;gap:4px}
.sq-dashboard .note-toolbar>.note-btn-group{margin:0!important;max-width:100%;flex-wrap:wrap}
.sq-dashboard .note-editor,.sq-dashboard .note-editing-area{max-width:100%;min-width:0}
.sq-dashboard .note-editable img,.sq-storefront .aiz-user-panel img{max-width:100%;height:auto}
.sq-table-scroll{width:100%;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.sq-table-scroll:focus-visible{outline:2px solid #3285ff;outline-offset:2px}
.sq-table-scroll>table{margin-bottom:0}
.sq-dashboard .modal-dialog,.sq-storefront .modal-dialog{max-width:calc(100% - 24px)}
.sq-dashboard .modal-body,.sq-storefront .modal-body{overflow-wrap:anywhere}
.sq-dashboard .modal-content,.sq-storefront .modal-content{max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px)}
.sq-dashboard .modal-body,.sq-storefront .modal-body{overflow:auto;-webkit-overflow-scrolling:touch}
.sq-dashboard .bootstrap-select>.dropdown-menu{max-width:calc(100vw - 32px)}
.sq-dashboard .bootstrap-select .dropdown-item .text{white-space:normal;overflow-wrap:anywhere}
.sq-storefront .sq-policy-content img,.sq-storefront .sq-policy-content video,.sq-storefront .sq-policy-content iframe{max-width:100%}
.sq-storefront .sq-policy-content a{overflow-wrap:anywhere}
.sq-storefront .sq-navigation.is-open{height:100vh;height:100dvh}
.sq-storefront .sq-mobile-bar{padding-bottom:calc(7px + env(safe-area-inset-bottom,0px))}
.sq-storefront .sq-mobile-bar{-webkit-backdrop-filter:blur(8px)}
.sq-dashboard .aiz-sidebar.left{height:100vh;height:100dvh;padding-bottom:env(safe-area-inset-bottom,0px)}
@media(min-width:576px){.sq-dashboard .modal-dialog,.sq-storefront .modal-dialog{max-width:500px}.sq-dashboard .modal-lg,.sq-storefront .modal-lg{max-width:min(800px,calc(100% - 48px))}.sq-dashboard .modal-xl,.sq-storefront .modal-xl{max-width:min(1140px,calc(100% - 48px))}}
@media(max-width:1199px){.sq-storefront .aiz-user-panel{width:100%;padding-inline:0!important}.sq-dashboard .aiz-topbar{gap:6px}.sq-dashboard .aiz-topbar-item{margin-inline:3px!important}}
@media(min-width:768px) and (max-width:991px){.sq-dashboard .page-content{margin-inline:-15px}}
@media(max-width:767px){
 /* iOS zooms focused text fields below 16px. Preserve pinch zoom and use readable type. */
 .sq-storefront input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=button]):not([type=submit]),.sq-storefront textarea,.sq-storefront select,
 .sq-dashboard input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=button]):not([type=submit]),.sq-dashboard textarea,.sq-dashboard select,
 .sq-auth-page input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.sq-auth-page textarea,.sq-auth-page select,.iti input{font-size:16px!important}
 .sq-dashboard .form-control,.sq-auth-wrap .form-control,.sq-storefront .form-control{min-height:44px}
 .sq-storefront input,.sq-auth-wrap input,.sq-dashboard input{-webkit-text-size-adjust:100%}
 .sq-dashboard .aiz-topbar{padding-inline:10px!important}
 .sq-dashboard .aiz-topbar .avatar{width:32px;height:32px}
 .sq-dashboard .aiz-topbar .dropdown-menu{max-width:calc(100vw - 20px)}
 .sq-dashboard .aiz-titlebar .btn,.sq-dashboard .card-header .btn{white-space:normal}
 .sq-dashboard .card-body{padding:16px}
 .sq-dashboard .card-header{padding:14px 16px}
 .sq-dashboard .aiz-megabox,.sq-dashboard .aiz-megabox-elem{max-width:100%}
 .sq-dashboard .aiz-megabox-elem>[class*=w-]{max-width:100%}
 .sq-dashboard .pagination,.sq-storefront .pagination{flex-wrap:wrap;gap:3px}
 .sq-dashboard .btn,.sq-storefront .aiz-user-panel .btn{overflow-wrap:anywhere}
 .sq-storefront .sq-search input::placeholder{font-size:12px}
 .sq-storefront .sq-info-hero h1{overflow-wrap:anywhere}
 .sq-dashboard .input-group{flex-wrap:wrap}
 .sq-dashboard .input-group>.form-control{min-width:0}
 .sq-dashboard .input-group-text{white-space:normal}
 .sq-dashboard .aiz-topbar-item .dropdown-toggle::after{margin-left:0;margin-right:0}
}
@media(max-width:575px){
 .sq-dashboard .aiz-titlebar .row>.col,.sq-dashboard .aiz-titlebar .row>.col-auto{flex:1 1 100%;max-width:100%}
 .sq-dashboard .w-100>.d-flex.my-3{flex-wrap:wrap;gap:12px}
 .sq-dashboard .w-100>.d-flex.my-3>.radio{margin-inline:8px!important}
 .sq-dashboard .card-header .col,.sq-dashboard .card-header .col-auto{flex:1 1 100%;width:100%;max-width:100%}
 .sq-dashboard .card-header form{max-width:100%;flex-wrap:wrap;gap:8px}
 .sq-dashboard .card-header .ml-auto,.sq-dashboard .card-header .mr-auto{margin-inline:0!important}
 .sq-dashboard .card-header>.d-flex{flex-wrap:wrap;gap:8px}
 .sq-dashboard .card-header input[style*="width"],.sq-dashboard .card-header div[style*="width"]{max-width:100%}
 .sq-dashboard .aiz-titlebar>.row{row-gap:8px}
 .sq-dashboard .card-body .nav-tabs{flex-wrap:nowrap;max-width:100%;overflow:auto;white-space:nowrap}
 .sq-dashboard .card-body .nav-tabs .nav-item{flex-shrink:0}
}
@media(prefers-reduced-motion:reduce){.sq-dashboard *{scroll-behavior:auto!important}.sq-dashboard .has-transition,.sq-dashboard .aiz-content-wrapper,.sq-dashboard .aiz-sidebar.left{transition:none!important}}