.appearance-setting{display:flex;align-items:center;gap:7px;font-size:13px;color:#526078}.appearance-setting select{padding:8px;border:1px solid #dce2ed;border-radius:7px;background:#fff;color:#26344b}
#mobile-menu-toggle,#mobile-menu-close,#mobile-menu-backdrop{display:none}
#mobile-menu-slot{display:none}
html:not([data-layout="mobile"]) #mobile-menu-slot{display:block;min-width:94px;height:44px}
html:not([data-layout="mobile"]) #mobile-menu-toggle{display:block;min-height:44px;white-space:nowrap}
html:not([data-layout="mobile"]) .topbar{gap:12px}
html:not([data-layout="mobile"]).mobile-menu-floating #mobile-menu-toggle{position:fixed;top:12px;left:12px;width:46px;height:46px;padding:8px;font-size:24px;z-index:900;box-shadow:0 3px 12px #15203b33}
html:not([data-layout="mobile"]).mobile-menu-floating .mobile-menu-label{display:none}
html:not([data-layout="mobile"]).mobile-menu-open .shell::before{content:"";width:242px;flex-shrink:0}
html[data-layout="tablet"].mobile-menu-open .shell::before{width:70px}
html:not([data-layout="mobile"]).mobile-menu-open .sidebar{display:flex;position:fixed;inset:0 auto 0 0;width:300px;height:100dvh;overflow-y:auto;z-index:1002;padding:16px;box-shadow:10px 0 30px #15203b44}
html:not([data-layout="mobile"]).mobile-menu-open .sidebar .nav{justify-content:flex-start;font-size:16px;min-height:44px}
html:not([data-layout="mobile"]).mobile-menu-open .sidebar :is(.nav span,.brand div,.side-label){display:block}
html:not([data-layout="mobile"]).mobile-menu-open #mobile-menu-close{display:block;margin-bottom:16px}
html:not([data-layout="mobile"]).mobile-menu-open #mobile-menu-backdrop{display:block;position:fixed;inset:0;width:100%;height:100dvh;background:#10182a88;border:0;z-index:1001}
html:not([data-layout="mobile"]).mobile-menu-open{overflow:hidden}
html[data-layout="mobile"] #mobile-menu-slot{display:block;min-width:94px;height:44px}
html[data-layout="mobile"].mobile-menu-floating #mobile-menu-toggle{position:fixed;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));width:46px;height:46px;padding:8px;font-size:24px;z-index:900;box-shadow:0 3px 12px #15203b33}
html[data-layout="mobile"].mobile-menu-floating .mobile-menu-label{display:none}
html[data-layout="mobile"] .shell{display:block}
html[data-layout="mobile"] .sidebar{display:none;position:fixed;inset:0 auto 0 0;width:min(300px,86vw);height:100dvh;overflow-y:auto;z-index:1002;padding:16px;box-shadow:10px 0 30px #15203b44}
html[data-layout="mobile"].mobile-menu-open .sidebar{display:flex}
html[data-layout="mobile"].mobile-menu-open #mobile-menu-backdrop{display:block;position:fixed;inset:0;width:100%;height:100dvh;background:#10182a88;border:0;z-index:1001}
html[data-layout="mobile"].mobile-menu-open{overflow:hidden}
html[data-layout="mobile"] #mobile-menu-close{display:block;margin-bottom:16px}
html[data-layout="mobile"] #mobile-menu-toggle{display:block;white-space:nowrap}
html[data-layout="mobile"] .sidebar .nav{justify-content:flex-start;font-size:16px;min-height:44px}
html[data-layout="mobile"] .sidebar .nav span,html[data-layout="mobile"] .sidebar .brand div,html[data-layout="mobile"] .sidebar .side-label,html[data-layout="mobile"] .sidebar .side-bottom{display:block}
html[data-layout="mobile"] .sidebar .brand{padding:0 12px 24px}
html[data-layout="mobile"] .topbar{height:auto;min-height:64px;padding:10px 12px;gap:10px;flex-wrap:wrap}
html[data-layout="mobile"] .topbar>span,html[data-layout="mobile"] .top-date{display:none}
html[data-layout="mobile"] .top-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;min-width:0}
html[data-layout="mobile"] .appearance-setting{flex-wrap:wrap}
html[data-layout="mobile"] main{width:100%;max-width:620px;margin:auto}
html[data-layout="mobile"] .content{padding:20px 12px 40px;max-width:100%}
html[data-layout="mobile"] .cloud-account{margin:12px;padding:14px}
html[data-layout="mobile"] .cloud-login-form{display:flex;flex-direction:column;align-items:stretch;width:100%}
html[data-layout="mobile"] .cloud-login-form label{min-width:0;width:100%}
html[data-layout="mobile"] .cloud-login-form input{width:100%;min-width:0}
html[data-layout="mobile"] .heading,html[data-layout="mobile"] .panel-head{flex-direction:column;align-items:stretch;gap:12px}
html[data-layout="mobile"] h1{font-size:26px}
html[data-layout="mobile"] :is(.metrics,.middle,.operations,.obligation-panels,.dashboard-flow-cards){grid-template-columns:minmax(0,1fr)}
html[data-layout="mobile"] .period-row{flex-wrap:wrap;margin:18px 0 14px}
html[data-layout="mobile"] .period-note{display:block;width:100%;line-height:1.5}
html[data-layout="mobile"] :is(.list-actions,.entry-controls,.sale-title-actions,.so-title-actions){display:flex;flex-wrap:wrap;gap:8px;max-width:100%}
html[data-layout="mobile"] #pedidos-venda > .panel-head > .list-actions > #so-new{flex:1 0 100%;width:100%;margin-top:10px}
html[data-layout="mobile"] #pedidos-venda > .panel-head > .list-actions > #so-multi-new{flex:1 0 100%;width:100%;white-space:normal;overflow-wrap:anywhere;min-height:44px}
@media(min-width:901px){
 #pedidos-venda>.panel-head{flex-direction:column;align-items:stretch;gap:10px}
 #pedidos-venda>.panel-head>.list-actions{width:100%;flex-wrap:nowrap;gap:6px}
 #pedidos-venda>.panel-head>.list-actions>button{font-size:11px;padding:8px;min-width:0;white-space:nowrap;flex:0 1 auto;line-height:1.3}
}
html[data-layout="mobile"] :is(button,.primary,.secondary){min-height:44px}
html[data-layout="mobile"] :is(input,select,textarea){font-size:16px!important;max-width:100%;box-sizing:border-box}
html[data-layout="mobile"] :is(.form-grid,.so-fields,.so-number-fields,.product-top,.commission-fields,.sale-contact-row,.purchase-contact-row,.sale-client-document-row,.product-loop-cut-measures,.loan-sides){grid-template-columns:minmax(0,1fr)!important}
html[data-layout="mobile"] #product-form>.so-fields,html[data-layout="mobile"] #so-dialog :is(.so-header-fields,.so-finishing-compact,.so-commission-notes),html[data-layout="mobile"] #entry-sides{grid-template-columns:minmax(0,1fr)!important}
html[data-layout="mobile"] :is(.form-grid,.so-fields,.so-number-fields,.commission-fields,.sale-contact-row,.purchase-contact-row)>*,html[data-layout="mobile"] #so-dialog .so-header-fields>*,html[data-layout="mobile"] #so-dialog .so-finishing-compact>*,html[data-layout="mobile"] #product-form>.so-fields>*{grid-column:1/-1!important;min-width:0}
html[data-layout="mobile"] :is(.product-photo-box,.so-image-placeholder){max-width:240px;width:100%}
html[data-layout="mobile"] .table-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
html[data-layout="mobile"] dialog[open]{width:min(620px,100vw)!important;max-width:100vw!important;height:100dvh;max-height:100dvh!important;margin:0 auto;padding:0;border-radius:0;overflow:auto}
html[data-layout="mobile"] dialog form,html[data-layout="mobile"] :is(.sale-share-panel,.purchase-share-panel,.sale-print-panel,.purchase-print-panel,.price-consult-content,.loan-content){padding:16px!important}
html[data-layout="mobile"] :is(.dialog-head,.detail-head){position:sticky;top:0;background:#fff;z-index:3;padding:10px 0;gap:10px;flex-wrap:wrap}
html[data-layout="mobile"] dialog .dialog-actions{position:sticky;bottom:0;background:#fff;padding:12px 0;margin-top:16px;flex-wrap:wrap;z-index:2;border-top:1px solid #e7eaf2}
html[data-layout="mobile"] :is(#sale-grades-table,#purchase-grades-table) th:first-child,html[data-layout="mobile"] :is(#sale-grades-table,#purchase-grades-table) td:first-child{position:sticky;left:0;background:#fff;z-index:1}
html[data-layout="mobile"] #so-grid [data-color="factory"]{min-width:120px}
html[data-layout="tablet"] :is(.metrics,.dashboard-flow-cards){grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-layout="tablet"] .middle{grid-template-columns:1fr}
html[data-layout="tablet"] .content{padding:28px 20px}
html[data-layout="desktop"] .sidebar{display:flex;width:242px;padding:28px 16px}
html[data-layout="desktop"] .sidebar .nav{justify-content:flex-start;font-size:14px}
html[data-layout="desktop"] .sidebar :is(.nav span,.brand div,.side-label,.side-bottom){display:block}
html[data-layout="desktop"] .brand{padding:0 12px 55px}
html[data-appearance="desktop"] .shell{min-width:1100px}
html[data-layout="desktop"] :is(.metrics,.dashboard-flow-cards){grid-template-columns:repeat(3,minmax(0,1fr))}
html[data-layout="desktop"] .middle{grid-template-columns:1.6fr 1fr}
html[data-layout="desktop"] .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-layout="desktop"] .so-fields{grid-template-columns:repeat(4,minmax(0,1fr))}
html[data-layout="desktop"] #product-form>.so-fields{grid-template-columns:repeat(6,minmax(0,1fr))}
html[data-layout="desktop"] .product-top{grid-template-columns:minmax(0,1fr) 220px}

.app-update-content{padding:24px}.app-update-content>p{margin:14px 0;line-height:1.5}.app-update-content #app-update-status{font-weight:600;color:#526078}html[data-layout="mobile"] .app-update-content{padding:16px}
html[data-layout="mobile"] .product-list-table{display:block;min-width:0;width:100%}
html[data-layout="mobile"] .product-list-table thead{display:none}
html[data-layout="mobile"] .product-list-table tbody{display:grid;gap:12px}
html[data-layout="mobile"] .product-list-table tr{display:block;border:1px solid #dce2ed;border-radius:10px;padding:12px;background:#fff}
html[data-layout="mobile"] .product-list-table td{display:block;padding:6px 0;border:0;font-size:14px;overflow-wrap:anywhere}
html[data-layout="mobile"] .product-list-table td[data-label]::before{content:attr(data-label) ": ";font-weight:650;color:#26344b}
html[data-layout="mobile"] .product-list-table .product-list-action button{width:100%;margin-top:6px}
html[data-layout] #mobile-menu-toggle,html[data-layout].mobile-menu-floating #mobile-menu-toggle{box-shadow:0 2px 9px rgb(201 163 74 / 80%),0 0 3px rgb(216 182 92 / 80%)}
.sidebar a.nav:has(.module-number){position:relative;padding-left:27px}
.sidebar a.nav:is([href="#painel"],[href="#painel-resumos"]){font-weight:700}
.sidebar a.nav[href="#esta-empresa"]{font-weight:700}
.sidebar a.nav:is([href="#relatorios"],[href="#fotos-ref"]){font-weight:700}
.sidebar a.nav:is([href="#painel"],[href="#painel-resumos"],[href="#esta-empresa"]){color:#fff;border:0;box-shadow:0 0 9px rgb(114 120 135 / 30%);padding-left:27px;gap:9px}
.sidebar a.nav:is([href="#painel"],[href="#painel-resumos"],[href="#esta-empresa"])>span{padding-left:0}
html[data-layout="desktop"] .sidebar a.nav:is([href="#painel"],[href="#painel-resumos"]){font-size:15px}
html[data-layout="mobile"] .sidebar a.nav:is([href="#painel"],[href="#painel-resumos"]),html[data-layout="tablet"].mobile-menu-open .sidebar a.nav:is([href="#painel"],[href="#painel-resumos"]){font-size:17px}
.sidebar .module-number{position:absolute;left:5px;top:50%;transform:translateY(-50%);font-size:9px;font-weight:500;line-height:1;color:rgb(201 208 225 / 35%);pointer-events:none}
.summary-analysis-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px;align-items:start}
.summary-analysis-grid>.panel{min-width:0;margin-top:0;padding:16px}
.summary-analysis-grid .category-line{gap:8px;align-items:baseline;flex-wrap:wrap}
.summary-analysis-grid .category-row{margin-top:14px}
.summary-analysis-grid .chart{height:160px}
html[data-layout="tablet"] .summary-analysis-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-layout="mobile"] .summary-analysis-grid{grid-template-columns:minmax(0,1fr)}
html[data-layout="tablet"]:not(.mobile-menu-open) .sidebar .module-number{display:none}

#so-multi-add-mobile{display:none}html[data-layout="mobile"] #so-multi-add-mobile:not([hidden]){display:block;width:100%;min-height:44px;margin:12px 0 18px}@media(max-width:760px){html:not([data-layout="desktop"]) #so-multi-add-mobile:not([hidden]){display:block;width:100%;min-height:44px;margin:12px 0 18px}}
html[data-layout="tablet"] :is(button,.primary,.secondary){min-height:44px}
.workshop-touch-help{margin:12px 0;padding:10px;border:1px solid #dce2ed;border-radius:8px;background:#f5f8fa}.workshop-touch-help summary{cursor:pointer;min-height:44px;display:flex;align-items:center;color:#2e5d70}.workshop-touch-help p{line-height:1.5;overflow-wrap:anywhere}

html[data-layout="mobile"] .product-list-table .product-list-action{display:flex;gap:4px;flex-wrap:nowrap}html[data-layout="mobile"] .product-list-table .product-list-action button{width:auto;min-width:0;flex:1;margin:6px 0 0;padding:8px 5px;font-size:11px;white-space:nowrap}

/* Ajustes de uso por toque e leitura em celular/tablet — 28/10/2026. */
html:is([data-layout="mobile"],[data-layout="tablet"]) :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){font-size:16px;min-height:44px}
html:is([data-layout="mobile"],[data-layout="tablet"]) .table-wrap{overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
html:is([data-layout="mobile"],[data-layout="tablet"]) .material-spec-filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin:16px 0}
html:is([data-layout="mobile"],[data-layout="tablet"]) .material-spec-filters label{display:block;font-size:12px;min-width:0}
html:is([data-layout="mobile"],[data-layout="tablet"]) .material-spec-filters :is(input,select){display:block;width:100%;min-width:0;margin-top:6px;padding:9px;border:1px solid #dce2ed;border-radius:7px;background:#fff;color:#26344b}
html[data-layout="tablet"] #so-dialog .detail-head{flex-wrap:wrap}
html[data-layout="tablet"] #so-dialog .so-title-actions{flex-wrap:wrap;max-width:100%;min-width:0;flex:1 1 100%;justify-content:flex-end}
html[data-layout="tablet"] #so-dialog .so-title-actions button{white-space:normal}
html[data-layout="mobile"] .material-spec-filters{grid-template-columns:1fr 1fr}
html[data-layout="mobile"] .material-spec-filters>label:first-child{grid-column:1/-1}
html[data-layout="mobile"] #module-window-body>#materia-prima>.table-wrap{max-height:none;overflow:visible}
html[data-layout="mobile"] #materia-prima>.table-wrap>table{display:block;min-width:0;width:100%}
html[data-layout="mobile"] #materia-prima>.table-wrap>table thead{display:none}
html[data-layout="mobile"] #supply-list-material{display:grid;gap:12px}
html[data-layout="mobile"] #supply-list-material tr{display:block;padding:12px;border:1px solid #dce2ed;border-radius:10px;background:#fff}
html[data-layout="mobile"] #supply-list-material td{display:grid;grid-template-columns:minmax(0,110px) minmax(0,1fr);gap:10px;align-items:center;border:0;padding:7px 0;font-size:13px;overflow-wrap:anywhere;white-space:normal}
html[data-layout="mobile"] #supply-list-material td[data-label]::before{content:attr(data-label);font-size:11px;font-weight:600;color:#59667e}
html[data-layout="mobile"] #supply-list-material td:last-child{display:block;padding-top:12px}
html[data-layout="mobile"] #supply-list-material td:last-child::before{display:none}
html[data-layout="mobile"] #supply-list-material .material-row-actions{display:flex;gap:4px;flex-wrap:nowrap;width:100%}
html[data-layout="mobile"] #supply-list-material .material-row-actions button{flex:1;min-width:0;font-size:11px;padding:8px 4px;white-space:nowrap}
html[data-layout="mobile"] :is(.material-photo-name,.product-photo-name){white-space:normal;overflow-wrap:anywhere;text-overflow:clip;text-align:left}
html[data-layout="mobile"] #supply-list-material td.empty{display:block}
html:is([data-layout="mobile"],[data-layout="tablet"]) .purchase-cost-options label,html:is([data-layout="mobile"],[data-layout="tablet"]) .sale-calculation-choice{min-height:44px}
@media(max-height:520px) and (min-width:768px){#record-all-body>.table-wrap:has(.product-list-table),#module-window-body>#materia-prima>.table-wrap{max-height:55dvh}}
html:is([data-layout="mobile"],[data-layout="tablet"]) #product-tip-component-id{font-size:16px!important;min-height:44px}

.product-balancim-options{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center}.product-balancim-options label{display:flex;align-items:center;gap:8px;min-height:44px}.product-balancim-options input[type="checkbox"]{width:auto;min-width:18px;flex:none}

.product-machine-measures{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px}.product-machine-measures>.product-machine-fields:not([hidden]){display:contents}.product-machine-measures>.product-machine-fields>fieldset{min-width:0;border:1px solid #d7dfeb;border-radius:6px;padding:8px}.product-machine-measures #product-machine-loop-fields>.product-other-cut-fields{display:block}.product-machine-measures label{display:block;margin:5px 0}@media(max-width:700px){.product-machine-measures{grid-template-columns:1fr}}

.product-feature-action{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:10px 0}.product-feature-action small{flex:1;min-width:180px}#product-features-dialog{width:min(540px,calc(100vw - 32px));max-height:90dvh;overflow:auto;box-sizing:border-box}.product-feature-options{border:1px solid #d7dfeb;border-radius:8px;padding:12px;display:grid;gap:6px}.product-feature-options label{display:flex;align-items:center;gap:10px;min-height:44px;margin:0}.product-feature-options input[type="checkbox"]{width:18px;height:18px;min-width:18px;margin:0;flex:none}
#product-features-dialog{width:min(480px,calc(100vw - 32px));padding:18px}#product-features-dialog .product-feature-options{display:block;padding:10px 14px}#product-features-dialog .product-feature-options legend{padding:0 5px;font-size:13px;font-weight:500}#product-features-dialog .product-feature-options>p{margin:2px 0 10px;font-size:12px;line-height:1.5}#product-features-dialog .product-feature-options label{display:flex;gap:12px;min-height:36px;font-size:13px;font-weight:500;line-height:1.45;padding:3px 0}#product-features-dialog .product-feature-options input[type="checkbox"]{width:14px;height:14px;min-width:14px}html:is([data-layout="mobile"],[data-layout="tablet"]) #product-features-dialog .product-feature-options label{min-height:44px}

#product-features-dialog .product-feature-group{border:1px solid #e1e7ef;border-radius:7px;padding:6px 12px;margin:10px 0;min-width:0;background:#fafbfd}#product-features-dialog .product-feature-group legend{font-weight:600;color:#315c6c;padding:0 5px}

.product-stitch-block{min-width:0;border:1px solid #d7dfeb;border-radius:6px;padding:8px 10px;margin:4px 0 0;align-self:start}.product-stitch-options{display:flex;flex-wrap:wrap;gap:4px 18px}.product-stitch-options label{display:flex;align-items:center;gap:7px;min-height:32px;margin:0;font-size:12px}.product-stitch-options input[type="radio"]{width:14px;min-width:14px;height:14px;margin:0;flex:none}.product-stitch-preview{color:#3c5662;max-width:100%;margin:1px 0}.product-stitch-preview svg{display:block;width:100%;height:auto;max-height:76px}.product-stitch-block>small{display:block;font-size:11px;color:#7b88a2}html:is([data-layout="mobile"],[data-layout="tablet"]) .product-stitch-options label{min-height:44px}

#product-features-dialog{width:min(640px,calc(100vw - 32px))}#product-features-dialog .product-feature-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#product-features-dialog .product-feature-groups>.product-feature-group{margin:0}#product-features-dialog .product-feature-full{grid-column:1/-1}#product-features-dialog label.product-feature-quantity{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #e1e7ef}#product-features-dialog .product-feature-quantity input{width:62px;min-width:0;height:32px;padding:5px 7px;flex:0 0 62px;margin:0;font-size:13px}@media(max-width:440px){#product-features-dialog .product-feature-groups{grid-template-columns:minmax(0,1fr)}}

#product-form .product-feature-action{grid-column:1/-1;display:grid;grid-template-columns:170px minmax(0,1fr);align-items:center;gap:14px;width:100%;min-width:0}#product-form .product-feature-action small{display:block;min-width:0;font-size:12px;line-height:1.55;overflow-wrap:anywhere}#product-form .product-feature-action button{width:100%;white-space:normal}@media(max-width:500px){#product-form .product-feature-action{grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:10px}}

/* Comfortable hardware fields on phone and tablet, without implicit third columns. */
html:is([data-layout="mobile"],[data-layout="tablet"]) #product-form .product-drilling-block .product-block-fields{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
html:is([data-layout="mobile"],[data-layout="tablet"]) #product-form .product-drilling-block .product-block-fields>label:has(#product-tip){grid-column:1/-1;grid-row:1}
html:is([data-layout="mobile"],[data-layout="tablet"]) #product-form .product-drilling-block .product-block-fields>label:has(#product-first-hole){grid-column:1;grid-row:2}
html:is([data-layout="mobile"],[data-layout="tablet"]) #product-form .product-drilling-block .product-block-fields>label:has(#product-holes){grid-column:2;grid-row:2}
html:is([data-layout="mobile"],[data-layout="tablet"]) #product-form .product-drilling-block .tip-count-field{grid-column:1/-1;grid-row:3}
html:is([data-layout="mobile"],[data-layout="tablet"]) #product-form .product-drilling-block label.tip-length-field{grid-column:1;grid-row:4}
html:is([data-layout="mobile"],[data-layout="tablet"]) #product-form .product-drilling-block label.tip-width-field{grid-column:2;grid-row:4}
html:is([data-layout="mobile"],[data-layout="tablet"]) #product-form .product-drilling-block .tip-leather-box{grid-column:1;grid-row:5}
html:is([data-layout="mobile"],[data-layout="tablet"]) #product-form .product-drilling-block .tip-metal-box{grid-column:2;grid-row:5}
html:is([data-layout="mobile"],[data-layout="tablet"]) #product-form .product-drilling-block label.tip-notes-field{grid-column:1/-1;grid-row:6}
html:is([data-layout="mobile"],[data-layout="tablet"]) #product-form .tip-shape-box small{font-size:11px;line-height:1.4}
html:is([data-layout="mobile"],[data-layout="tablet"]) #product-form .tip-shape-box .tip-shape-preview{min-height:32px}
html:is([data-layout="mobile"],[data-layout="tablet"]) #product-form .tip-shape-box .tip-shape-preview svg{height:32px}
html[data-layout="tablet"] #product-form .product-block-buckle{grid-template-columns:repeat(3,minmax(0,1fr))}
html[data-layout="mobile"] #product-form .product-block-buckle{grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-layout="tablet"] .product-top{grid-template-columns:minmax(0,1fr) 180px}
html:is([data-layout="mobile"],[data-layout="tablet"]) .money-field-formatted{font-size:16px;line-height:1.4}
@media(pointer:coarse){html :is(button,.primary,.secondary,.sidebar a.nav){min-height:44px;min-width:44px}html :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea){font-size:16px!important;min-height:44px}html .money-field-formatted{font-size:16px}}

@media screen and (max-width: 1099px) {
  html:not([data-layout="desktop"]) #material-grid-config-combinations .material-grid-picker {
    box-sizing: border-box;
    min-width: 0;
  }

  html:not([data-layout="desktop"]) #material-grid-config-combinations .material-grid-picker :is(input, select) {
    display: block;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-height: 44px;
    font-size: 16px;
    margin-top: 5px;
  }

  html:not([data-layout="desktop"]) #material-grid-config-combinations .material-grid-values button {
    min-height: 44px;
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
  }
}

@media screen and (max-width: 360px) {
  html[data-layout="mobile"] #so-dialog #so-form > .detail-head > .so-title-actions {
    flex: 1 1 100%;
    min-width: 0;
    margin-left: 0;
  }

  html[data-layout="mobile"] #so-dialog #so-share-open {
    width: auto;
    max-width: 100%;
    white-space: normal;
  }
}
@media screen and (max-width: 360px) {
  html[data-layout="mobile"] #so-dialog #so-form > .detail-head {
    display: flex;
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 360px) {
  html[data-layout="mobile"] #so-dialog .detail-head div:has(> #so-share-open) {
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    min-width: 0;
    max-width: 100%;
  }
}

/* Account and permission controls on phones and tablets. */
@media screen and (max-width: 1099px) {
  html:not([data-layout="desktop"]) :is(#access-dialog, #access-profile-dialog) {
    box-sizing: border-box;
    max-width: calc(100vw - 16px);
    max-height: calc(100dvh - 16px);
    padding: 16px;
    line-height: 1.5;
  }

  html:not([data-layout="desktop"]) :is(#access-dialog, #access-profile-dialog, #session-exit-warning) button {
    min-height: 44px;
    min-width: 44px;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  html:not([data-layout="desktop"]) :is(#access-dialog, #access-profile-dialog) :is(input:not([type="checkbox"]), select) {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    min-height: 44px;
    font-size: 16px;
  }

  html:not([data-layout="desktop"]) :is(#access-dialog, #access-profile-dialog) :is(p, label, td, th, li) {
    font-size: 14px;
    overflow-wrap: anywhere;
  }

  html:not([data-layout="desktop"]) #access-user-form .form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html:not([data-layout="desktop"]) :is(#access-dialog, #access-profile-dialog) label:has(> input[type="checkbox"]) {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    min-height: 44px;
  }

  html:not([data-layout="desktop"]) :is(#access-dialog, #access-profile-dialog) input[type="checkbox"] {
    width: 22px;
    height: 22px;
    flex: none;
    margin: 0;
  }

  html:not([data-layout="desktop"]) #access-user-form .dialog-actions button {
    width: min(100%, 260px);
  }

  html:not([data-layout="desktop"]) #company-request-pending .panel {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 14px;
  }

  html:not([data-layout="desktop"]) #company-request-pending .panel p {
    flex-basis: 100%;
    margin: 0;
  }

  html:not([data-layout="desktop"]) #access-profile-dialog .table-wrap {
    max-width: 100%;
    overflow: auto;
  }

  html:not([data-layout="desktop"]) #access-profile-dialog .table-wrap th:first-child {
    position: sticky;
    left: 0;
    z-index: 1;
    background: #f5f7fb;
    min-width: 130px;
  }

  html:not([data-layout="desktop"]) :is(#cloud-current-user, #session-exit-warning) {
    overflow-wrap: anywhere;
    font-size: 15px;
  }
}

@media screen and (max-width: 600px) {
  html:not([data-layout="desktop"]) #access-user-form .form-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  html:not([data-layout="desktop"]) #access-users table:has(#access-user-rows),
  html:not([data-layout="desktop"]) #access-user-rows,
  html:not([data-layout="desktop"]) #access-user-rows tr {
    display: block;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  html:not([data-layout="desktop"]) #access-users table:has(#access-user-rows) thead {
    display: none;
  }

  html:not([data-layout="desktop"]) #access-user-rows tr {
    border: 1px solid #d5dfe8;
    border-radius: 10px;
    padding: 12px;
    margin: 10px 0;
  }

  html:not([data-layout="desktop"]) #access-user-rows td {
    display: block;
    width: auto;
    padding: 6px 0;
    border: 0;
    white-space: normal;
  }

  html:not([data-layout="desktop"]) #access-user-rows td:nth-child(2)::before {
    content: 'Perfil: ';
    font-weight: 600;
  }

  html:not([data-layout="desktop"]) #access-user-rows td:nth-child(3)::before {
    content: 'Situação: ';
    font-weight: 600;
  }

  html:not([data-layout="desktop"]) #access-user-rows td:last-child {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
  }

  html:not([data-layout="desktop"]) #access-user-rows td:last-child button {
    flex: 1 1 100px;
  }

  html:not([data-layout="desktop"]) :is(#cloud-logout, #cloud-relogin, #cloud-org, #cloud-refresh) {
    flex: 1 1 160px;
    max-width: 100%;
    min-height: 44px;
    font-size: 15px;
  }

  html:not([data-layout="desktop"]) #session-exit-warning {
    padding: 18px !important;
  }

  html:not([data-layout="desktop"]) #session-exit-warning button {
    flex: 1 1 180px;
  }
}

@media screen and (max-width: 1099px) {
  html:not([data-layout="desktop"]) #access-user-form .form-grid > label {
    min-width: 0;
  }
  html:not([data-layout="desktop"]) #access-user-form .form-grid > .wide {
    grid-column: 1 / -1;
  }
}
@media screen and (max-width: 600px) {
  html:not([data-layout="desktop"]) #access-user-form .form-grid > label {
    grid-column: 1 / -1;
  }
}