/* ITODI 0.7.268 — colour system and colour group share one row. */
html#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi.itodi-visual-flow :is(.itodi-mdf-detail-controls,.itm-mdf-inline-controls){--itodi-mdf-control-height:36px;display:grid!important;grid-template-columns:minmax(96px,.8fr) minmax(0,1.2fr)!important;align-items:end!important;gap:8px 12px!important;width:100%!important;min-width:0!important;margin:0 0 12px!important;padding:0!important}
html#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi.itodi-visual-flow :is(.itodi-mdf-detail-controls>.itodi-mdf-field,.itm-mdf-inline-controls>.itm-mdf-inline-field){display:flex!important;flex-direction:column!important;gap:6px!important;grid-column:auto!important;grid-row:auto!important;min-width:0!important;width:100%!important;margin:0!important;padding:0!important}
html#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi.itodi-visual-flow :is(.itodi-mdf-detail-controls .material-panel-control-label,.itm-mdf-inline-controls .itm-mdf-inline-label){display:block!important;min-height:0!important;margin:0!important;padding:0!important;font-size:11px!important;font-weight:400!important;line-height:1.4!important;color:#63708a!important}
html#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi.itodi-visual-flow :is(.itodi-mdf-detail-controls .material-panel-system-toggle,.itm-mdf-inline-controls .itm-mdf-inline-toggle){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch!important;gap:3px!important;width:100%!important;min-width:0!important;box-sizing:border-box!important;min-height:var(--itodi-mdf-control-height)!important;height:var(--itodi-mdf-control-height)!important;margin:0!important;padding:3px!important;border-radius:8px!important}
html#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi.itodi-visual-flow :is(.itodi-mdf-detail-controls .material-panel-system-toggle button,.itm-mdf-inline-controls .itm-mdf-system-button){min-width:0!important;width:100%!important;min-height:0!important;height:100%!important;box-sizing:border-box!important;margin:0!important;padding:0 6px!important;font-size:12px!important;line-height:1.2!important;border-radius:6px!important}
html#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi.itodi-visual-flow :is(.itodi-mdf-detail-controls .material-panel-colour-select,.itm-mdf-inline-controls .itm-mdf-group-select){min-width:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;min-height:var(--itodi-mdf-control-height)!important;height:var(--itodi-mdf-control-height)!important;margin:0!important;padding:0 24px 0 8px!important;font-size:12px!important;line-height:1.3!important;border-radius:8px!important}
@media(max-width:920px){
 html#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi.itodi-visual-flow :is(.itodi-mdf-detail-controls,.itm-mdf-inline-controls){--itodi-mdf-control-height:44px;column-gap:8px!important}
 html#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi.itodi-visual-flow :is(.itodi-mdf-detail-controls .material-panel-colour-select,.itm-mdf-inline-controls .itm-mdf-group-select){font-size:11px!important}
}