/* Responsive foundation: preserve business actions and print layouts. */
@media screen{
html{ -webkit-text-size-adjust:100%;text-size-adjust:100% }
body{min-width:0}
img,video{max-width:100%}
input,select,textarea{max-width:100%;box-sizing:border-box}
:where(.workspace,.app-main,.layout,.checkout-main,.checkout-summary,.card,.panel,.module,.tsc-card,.ts-v2-product-card){min-width:0}
:where(.table-wrap,.table-scroll,.admin-table-wrap){max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
:where(dialog){max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow-y:auto}
:where(.modal.open){overscroll-behavior:contain}
/* Product media must retain the original colors and detail. */
#catalogo .tsc-media,#catalogo .prod .photo,#categoryModalV2Products .ts-v2-product-img,#v2FeaturedProducts .ts-v2-product-img{filter:none!important;opacity:1!important;mix-blend-mode:normal!important;-webkit-mask-image:none!important;mask-image:none!important;background:#fff!important}
#catalogo .tsc-media img,#catalogo .prod .photo img,#categoryModalV2Products .ts-v2-product-img img,#v2FeaturedProducts .ts-v2-product-img img,#modal #mainImg,#modal .thumb img{filter:none!important;opacity:1!important;mix-blend-mode:normal!important;-webkit-mask-image:none!important;mask-image:none!important;image-rendering:auto!important;object-fit:contain!important;transform:none!important}
#catalogo .tsc-media::before,#catalogo .tsc-media::after,#catalogo .prod .photo::before,#catalogo .prod .photo::after,#modal .thumb::before,#modal .thumb::after{display:none!important}
@media(max-width:1180px){
body[data-ts-surface="enterprise"] .app{grid-template-columns:230px minmax(0,1fr)}
body[data-ts-surface="enterprise"] :is(.main-grid,.bottom-grid){grid-template-columns:minmax(0,1fr)}
body[data-ts-surface="enterprise"] .top-actions{display:flex;flex-wrap:wrap;justify-content:flex-start}
body[data-ts-surface="support"] .tech-inventory-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
#catalogo.ts-catalog-v1368 #grid.ts-catalog-grid-v1368{grid-template-columns:repeat(2,minmax(0,1fr))}
body[data-ts-surface="enterprise"] .app,body[data-ts-surface="staff"] .app-shell,body[data-ts-surface="support"] .dashboard{grid-template-columns:minmax(0,1fr)}
body[data-ts-surface="enterprise"] .sidebar,body[data-ts-surface="staff"] .sidebar,body[data-ts-surface="support"] .sidebar{position:relative!important;width:100%!important;height:auto!important;max-height:none;inset:auto!important}
body[data-ts-surface="enterprise"] .workspace,body[data-ts-surface="staff"] .app-main,body[data-ts-surface="support"] .workspace{margin-left:0!important;width:100%;padding:20px;min-width:0}
body[data-ts-surface="enterprise"] .nav-list,body[data-ts-surface="support"] .sidebar nav,body[data-ts-surface="staff"] .sidebar nav{display:flex;overflow-x:auto;flex-wrap:nowrap;max-width:100%;gap:8px;padding-bottom:8px}
body[data-ts-surface="enterprise"] .nav-list .nav,body[data-ts-surface="support"] .sidebar nav>*,body[data-ts-surface="staff"] .sidebar nav>*{flex:0 0 auto}
body[data-ts-surface="staff"] :is(.home-grid,.sale-layout,.sales-layout,.pos-layout,.account-grid){grid-template-columns:minmax(0,1fr)}
:where(.metric-grid,.stats-grid,.kpi-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important}
:where(.topbar,.topline,.app-header){flex-wrap:wrap;gap:12px}
:where(.top-actions,.topline-actions){flex-wrap:wrap}
:where(.modal .detail,.checkout-layout,.apple-client-grid){grid-template-columns:minmax(0,1fr)!important}
:where(.modal .box,.modal .modal-card,.modal .note-modal-card){max-width:calc(100vw - 24px)!important;max-height:90dvh;overflow-y:auto;min-width:0}
}
@media(max-width:600px){
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea{font-size:16px}
button,.btn{touch-action:manipulation}
:where(.modal){padding:10px}
:where(.form-grid,.form-row,.checkout-extra-grid,.tech-inventory-toolbar,.repair-part-results,.tech-inventory-grid,.cash-summary-grid,.cash-reconcile-grid,.ts-enterprise-internal-grid){grid-template-columns:minmax(0,1fr)!important}
body[data-ts-surface="enterprise"] .workspace,body[data-ts-surface="staff"] .app-main,body[data-ts-surface="support"] .workspace{padding:14px}
body[data-ts-surface="account"] .layout{grid-template-columns:minmax(0,1fr)!important}
:where(.metric-grid,.stats-grid,.kpi-grid){gap:10px!important}
:where(.workspace,.app-main,.panel-content) table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
#catalogo .tsc-name{font-size:16px;overflow-wrap:anywhere}
#catalogo .tsc-actions{grid-template-columns:minmax(0,1fr)}
#catalogo .tsc-media{height:210px!important;padding:12px!important}
#catalogo .tsc-price-line{flex-wrap:wrap}
}
@media(max-width:380px){#catalogo.ts-catalog-v1368 #grid.ts-catalog-grid-v1368{grid-template-columns:minmax(0,1fr)}}
@media(pointer:coarse){:where(.tsc-btn,.opt,.choice,.icon-button,.ts-service-close,.ts-console-close,.ts-delivery-close){min-height:44px;min-width:44px}}
}
