/* Compact front controls; original selectors and material actions are retained. */
html#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi[data-visual-group=color][data-visual-route=front] #itodiFrontMilling371{margin:0 0 8px!important;padding:6px 0 8px!important;border:0!important;border-bottom:1px solid #e2e7ef!important;border-radius:0!important}
html#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi[data-visual-group=color][data-visual-route=front] #itodiFrontMilling371 h3{font-size:12px!important;line-height:1.4!important;margin:0 0 6px!important}
html#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi[data-visual-group=color][data-visual-route=front] #itodiFrontMilling371 .iwm-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:4px!important}
html#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi[data-visual-group=color][data-visual-route=front] #itodiFrontMilling371 button{min-height:64px!important;height:auto!important;padding:5px 2px!important;gap:4px!important;font-size:10px!important;line-height:1.2!important}
html#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi[data-visual-group=color][data-visual-route=front] #itodiFrontMilling371 .iwm-thumb{width:19px!important;height:27px!important;flex:0 0 27px!important}
html#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi[data-visual-group=color][data-visual-route=front] #itodiFrontMilling371 .iwm-note{display:none!important}
html#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi[data-visual-group=color][data-visual-route=front] #itodiFrontMaterial416{display:grid!important;grid-template-columns:110px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;margin:8px 0 10px!important;font-size:12px!important}
html#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi[data-visual-group=color][data-visual-route=front] #itodiFrontMaterial416 select{display:block!important;position:static!important;width:100%!important;min-width:0!important;min-height:36px!important;height:36px!important;padding:6px 9px!important;border:1px solid #dce2ee!important;border-radius:8px!important;background:white!important;color:#292d33!important;font:inherit!important}
html#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi[data-visual-group=color][data-visual-route=front] #step11 .itodi-front-material-section > .itodi-front-config-head,
html#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi[data-visual-group=color][data-visual-route=front] #step11 .itodi-front-material-mode-grid,
html#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi[data-visual-group=color][data-visual-route=front] #step11 #itsMaterialFamilyLabel,
html#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi[data-visual-group=color][data-visual-route=front] #itodiFrameMaterialAction[data-kind=material],
html#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi[data-visual-group=color][data-visual-route=front] #frontMaterialAutoChangeNotice{display:none!important}
html#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi[data-visual-group=color][data-visual-route=front] #frontMaterialAdvancedBlock,
html#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi[data-visual-group=color][data-visual-route=front] #frontCustomMaterials{margin:0!important;padding:0!important;border:0!important}
html#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi[data-visual-group=color][data-visual-route=front] #frontMaterialCards .iv-palette-heading{margin:0 0 6px!important;padding:0!important;min-height:0!important;font-size:11px!important}
html#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi[data-visual-group=color][data-visual-route=front] #frontMaterialCards .iv-palette-label{display:none!important}
html#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi[data-visual-group=color][data-visual-route=front] #frontMaterialCards .iv-material-selected{margin:0!important;font-size:11px!important}
html#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi[data-visual-group=color][data-visual-route=front] #frontMaterialCards .material-panel-material-head{margin:0!important;padding:0!important}
html#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi[data-visual-group=color][data-visual-route=front] #frontMaterialCards .itodi-mdf-detail-controls{margin:0 0 8px!important;gap:6px!important;--itodi-mdf-control-height:34px}
html#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi[data-visual-group=color][data-visual-route=front] #frontMaterialCards .material-panel-control-label{display:none!important}
html#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi[data-visual-group=color][data-visual-route=front] #frontMaterialCards .material-swatch-grid{margin-top:4px!important}
@media(max-width:760px){html#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi[data-visual-group=color][data-visual-route=front] #itodiFrontMaterial416 select{min-height:44px!important;height:44px!important}html#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi[data-visual-group=color][data-visual-route=front] #itodiFrontMilling371 .iwm-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}html#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi[data-visual-group=color][data-visual-route=front] #itodiFrontMilling371 button{min-height:48px!important;flex-direction:row!important;gap:5px!important;font-size:10px!important}}

html#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi[data-visual-group=color][data-visual-route=front] #itodiFrameMaterialAction[data-kind=material]{display:flex!important;gap:6px!important;margin:0!important;padding:4px 0!important;font-size:11px!important}
html#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi[data-visual-group=color][data-visual-route=front] #itodiFrameMaterialAction[data-kind=material] p{display:none!important}
html#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi[data-visual-group=color][data-visual-route=front] #itodiFrameMaterialAction[data-kind=material] button{min-height:30px!important;margin:0!important;padding:5px 8px!important;font-size:11px!important}