/* Canonical MHUI explicit components only. Generated by port.py; no global portal overrides. */
.mh-icon{width:var(--mh-icon-md);height:var(--mh-icon-md);flex:none;vertical-align:middle}
.mh-icon-xs{width:var(--mh-icon-xs);height:var(--mh-icon-xs)}
.mh-icon-sm{width:var(--mh-icon-sm);height:var(--mh-icon-sm)}
.mh-icon-lg{width:var(--mh-icon-lg);height:var(--mh-icon-lg)}
.mh-icon-xl{width:var(--mh-icon-xl);height:var(--mh-icon-xl)}
button>.mh-icon+span{margin-left:var(--mh-space-2)}
.mh-actions{display:flex;flex-wrap:wrap;gap:var(--mh-space-2);align-items:center}
.mh-status{display:inline-flex;align-items:center;padding:var(--mh-space-1) var(--mh-space-2);border-radius:var(--mh-radius-pill);font-size:var(--mh-type-caption);font-weight:var(--mh-weight-medium);background:var(--mh-disabled);color:var(--mh-text)}
.mh-status-success{background:var(--mh-success-soft);color:var(--mh-success)}
.mh-status-warning{background:var(--mh-warning-soft);color:var(--mh-warning)}
.mh-status-error{background:var(--mh-error-soft);color:var(--mh-error)}
.mh-status-info{background:var(--mh-info-soft);color:var(--mh-info)}
.mh-type-display{font-size:var(--mh-type-display)}
.mh-type-h1{font-size:var(--mh-type-h1)}
.mh-type-h2{font-size:var(--mh-type-h2)}
.mh-type-h3{font-size:var(--mh-type-h3)}
.mh-type-h4{font-size:var(--mh-type-h4)}
.mh-type-body-large{font-size:var(--mh-type-body-large)}
.mh-type-body{font-size:var(--mh-type-body)}
.mh-type-body-small{font-size:var(--mh-type-body-small)}
.mh-type-label{font-size:var(--mh-type-label)}
.mh-type-caption{font-size:var(--mh-type-caption)}
.mh-catalog{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:var(--mh-space-4)}
.mh-catalog>.card{min-width:0;padding:var(--mh-space-5)}
.mh-catalog-note{grid-column:1/-1;color:var(--mh-muted)}
.mh-icon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:var(--mh-space-3);margin-top:var(--mh-space-4)}
.mh-icon-grid>div{display:flex;gap:var(--mh-space-2);align-items:center;font-size:var(--mh-type-caption)}
.mh-catalog .table-wrap table{min-width:400px}
.mh-type-samples>p{margin:var(--mh-space-2) 0}
@media(max-width:900px){
body:not(.sidebar-collapsed) .sidebar .nav button.mh-has-nav-icon{padding-left:calc(var(--mh-space-10) + var(--mh-space-2))}
}
.mh-layout-stack{display:flex;flex-direction:column;min-width:0}
:root [data-ui="CheckGroup"]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:var(--mh-space-2);margin-block:var(--mh-space-3)}
:root [data-ui="CheckGroup"]>label{display:flex;align-items:center;justify-content:flex-start;gap:var(--mh-space-2);margin:0;padding:var(--mh-space-2);min-width:0;min-height:var(--mh-control-height);line-height:var(--mh-line-height-body,1.5)}
:root [data-ui="CheckGroup"]>label>input[type="checkbox"]{flex:0 0 auto;width:var(--mh-space-4);height:var(--mh-space-4);min-height:0;padding:0;margin:0}
.mh-form-surface .mh-form-field:has(>.field-helper){ display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; }
.mh-form-surface .mh-form-field > .field-helper{ grid-column:2; grid-row:1; }
.mh-form-surface .mh-form-field:has(>.field-helper) > :is(input,textarea,select,small){ grid-column:1 / -1; }
:root label[data-ui="CheckField"]{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--mh-space-2);min-width:0;min-height:var(--mh-control-height);line-height:var(--mh-line-height-body,1.5)}
:root label[data-ui="CheckField"]>input:is([type="checkbox"],[type="radio"]){appearance:auto;flex:0 0 var(--mh-space-4);width:var(--mh-space-4);height:var(--mh-space-4);min-height:0;padding:0;margin:0;accent-color:var(--mh-primary)}
:root label[data-ui="CheckField"]>input:focus-visible{outline:2px solid var(--mh-focus-color);outline-offset:2px}
[data-ui="LauncherDock"]{ display:flex; align-items:center; gap:var(--mh-space-2); flex:0 0 auto; }
:root .topbar [data-ui="LauncherDock"] > :is(.shared-ai-launcher,.human-messages-launcher){
 position:relative; inset:auto; flex:0 0 var(--mh-control-height); width:var(--mh-control-height); height:var(--mh-control-height); min-height:var(--mh-control-height);
 padding:0; border:var(--mh-border-width) solid var(--mh-line); border-radius:var(--mh-radius-control); background:var(--mh-surface); color:var(--mh-primary); box-shadow:none;
}
:root .topbar [data-ui="LauncherDock"] > button svg{ width:var(--mh-space-6); height:var(--mh-space-6); }
:root .topbar [data-ui="LauncherDock"] > button:hover{ background:var(--mh-primary-soft); }
:root .topbar [data-ui="LauncherDock"] > button:focus-visible{ outline:2px solid var(--mh-primary); outline-offset:2px; }
[data-ui][data-density="standard"]{ --mh-density-cell-y:var(--mh-density-standard-cell-y); --mh-density-space:var(--mh-space-4); }
[data-ui][data-density="compact"]{ --mh-density-cell-y:var(--mh-density-compact-cell-y); --mh-density-space:var(--mh-space-2); }
.mh-page-header[data-density="compact"],#content > .mh-page-header[data-density="compact"]{ padding:var(--mh-space-2) var(--mh-space-3); gap:var(--mh-space-2); min-height:0; }
#content > .mh-page-header[data-density="compact"] h1{ font-size:var(--mh-type-h2); }
.mh-filter-bar[data-density="compact"]{ padding:var(--mh-space-3); gap:var(--mh-space-2); }
.mh-filter-bar[data-density="compact"] .mh-filter-fields{ grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--mh-space-2) var(--mh-space-3); align-items:start; }
.mh-multiselect{ position:relative; min-width:0; }
.mh-multiselect summary{ min-height:var(--mh-control-height); display:flex; align-items:center; justify-content:space-between; padding:0 var(--mh-space-3); border:var(--mh-border-width) solid var(--mh-line); border-radius:var(--mh-radius-control); background:var(--mh-surface); cursor:pointer; }
.mh-multiselect summary::after{ content:none; }
.mh-multiselect summary:focus-visible{ outline:var(--mh-border-width) solid var(--mh-focus-color); box-shadow:var(--mh-focus); }
.mh-selection-panel{ position:absolute; z-index:30; inset-inline-end:0; width:min(var(--mh-selection-width),80vw); padding:var(--mh-space-3); background:var(--mh-surface); border:var(--mh-border-width) solid var(--mh-line); border-radius:var(--mh-radius); box-shadow:var(--mh-shadow-overlay); }
.mh-selection-panel > select{ width:100%; }
.mh-selection-panel .mh-actions{ margin-top:var(--mh-space-2); }
.mh-kpi-group{ display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:var(--mh-space-2); margin:var(--mh-space-3) 0; }
.mh-kpi-group[data-columns="2"]{ grid-template-columns:repeat(2,minmax(0,1fr)); }
.mh-kpi-group[data-columns="4"]{ grid-template-columns:repeat(4,minmax(0,1fr)); }
@media(max-width:800px){
.mh-kpi-group[data-columns="4"]{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:1100px){
.mh-kpi-group{ grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:800px){
.mh-filter-bar[data-density="compact"] .mh-filter-fields{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:500px){
.mh-kpi-group{ grid-template-columns:repeat(2,minmax(0,1fr)); }
.mh-filter-bar[data-density="compact"] .mh-filter-fields{ grid-template-columns:minmax(0,1fr); }
}
.mh-kpi{ display:flex; flex-direction:column; align-items:start; min-width:0; padding:var(--mh-density-space,var(--mh-space-4)) var(--mh-space-3); border:var(--mh-border-width) solid var(--mh-line); border-top:var(--mh-space-1) solid var(--mh-primary); border-radius:var(--mh-radius); background:var(--mh-surface); }
.mh-kpi > span{ font-size:var(--mh-type-label); color:var(--mh-muted); font-weight:var(--mh-weight-medium); }
.mh-kpi .mh-kpi-value{ font-size:var(--mh-type-h2); font-weight:var(--mh-weight-bold); line-height:var(--mh-leading-heading); min-height:var(--mh-control-height); display:flex; align-items:center; padding:0; margin:0; background:transparent; border:0; color:var(--mh-text); }
.mh-kpi button.mh-kpi-value{ color:var(--mh-primary-dark); text-decoration:underline; text-underline-offset:var(--mh-space-1); }
.mh-kpi small{ font-size:var(--mh-type-caption); color:var(--mh-muted); }
.mh-toolbar[data-ui="Toolbar"]{ display:flex; align-items:center; flex-wrap:wrap; gap:var(--mh-space-2); padding:var(--mh-density-space); margin:var(--mh-space-2) 0; }
.mh-toolbar-start,.mh-toolbar-end{ display:flex; align-items:center; flex-wrap:wrap; gap:var(--mh-space-2); }
.mh-toolbar-search{ flex:1 1 var(--mh-search-min); min-width:0; }
.mh-toolbar-search input{ width:100%; }
.mh-toolbar-end select{ width:var(--mh-search-min); max-width:100%; }
.mh-toolbar-count{ color:var(--mh-muted); font-size:var(--mh-type-caption); white-space:nowrap; }
.mh-pagination{ display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:var(--mh-space-2); padding:var(--mh-density-space); font-size:var(--mh-type-body-small); }
.mh-pagination select{ width:auto; }
[data-ui="DataTable"] .mh-cell-numeric{ text-align:right; font-variant-numeric:tabular-nums; }
.mh-form-surface form:has(> .record-block):not(:has(> .record-block ~ .record-block)) > .record-block,.mh-form-surface .record-field:has([data-record-table-field]){ grid-column:1 / -1; min-width:0; }
.mh-form-surface input[type="number"]{ text-align:right; font-variant-numeric:tabular-nums; }
.mh-numeric-cell{ display:flex; flex-wrap:wrap; align-items:center; gap:var(--mh-space-1); font-variant-numeric:tabular-nums; }
.mh-numeric-control{ display:flex; flex:1 1 80px; align-items:center; gap:var(--mh-space-1); min-width:0; }
.mh-numeric-control .mh-input{ width:100%; min-width:0; text-align:right; font-variant-numeric:tabular-nums; font-weight:var(--mh-weight-medium); }
.mh-numeric-control > span{ flex-shrink:0; font-weight:var(--mh-weight-medium); }
.mh-row-actions{ display:flex; flex-wrap:nowrap; gap:var(--mh-space-1); }
.mh-numeric-cell > [role="status"]{ flex-basis:100%; }
.mh-numeric-cell > [role="status"]:empty{ display:none; }
[data-ui="Button"],[data-ui="IconButton"]{ display:inline-flex; align-items:center; justify-content:center; gap:var(--mh-space-2); min-height:var(--mh-control-height); border-radius:var(--mh-radius-control); }
[data-ui="IconButton"]{ width:var(--mh-control-height); padding:var(--mh-space-2); }
.mh-page-header,#content > .mh-page-header{ display:flex; justify-content:space-between; align-items:center; gap:var(--mh-space-4); padding:var(--mh-space-4); margin:0; width:100%; box-sizing:border-box; }
.mh-page-header h1,#content > .mh-page-header h1{ margin:0; font-size:var(--mh-type-h1); font-weight:var(--mh-weight-bold); line-height:var(--mh-leading-heading); }
.mh-page-header p,#content > .mh-page-header p{ margin:var(--mh-space-2) 0 0; font-size:var(--mh-type-body); line-height:var(--mh-leading-body); }
.mh-form-field,label.mh-form-field{ display:flex; flex-direction:column; gap:var(--mh-space-1); min-width:0; margin:0; }
.mh-filter-bar{ display:grid; gap:var(--mh-space-3); padding:var(--mh-space-4); background:var(--mh-surface); border-radius:var(--mh-radius); }
.mh-filter-fields{ display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr)); gap:var(--mh-space-3); }
.mh-filter-bar-inline{ grid-template-columns:minmax(0,1fr) auto; align-items:end; }
.mh-data-table{ width:100%; border-collapse:collapse; }
.mh-data-table[data-ui="DataTable"] > :is(thead,tbody,tfoot) > tr > :is(th,td),#content table.mh-data-table[data-ui="DataTable"] > :is(thead,tbody,tfoot) > tr > :is(th,td){ padding:var(--mh-density-cell-y,var(--mh-space-2)) var(--mh-space-3); vertical-align:middle; }
.mh-drawer,.mh-wizard{ padding:var(--mh-space-4); background:var(--mh-surface); }
.mh-wizard ol{ display:flex; flex-wrap:wrap; gap:var(--mh-space-4); }
.mh-wizard [aria-current="step"]{ font-weight:var(--mh-weight-bold); color:var(--mh-primary-dark); }
.mh-wizard > ol{ padding:0; margin:0; list-style:none; }
.mh-wizard > ol > li{ flex:1 1 var(--mh-kpi-column-min); display:grid; gap:var(--mh-space-1); padding:var(--mh-space-3); border:var(--mh-border-width) solid var(--mh-line); border-radius:var(--mh-radius-control); color:var(--mh-text); background:var(--mh-surface); }
.mh-wizard > ol > li[aria-current="step"]{ border-color:var(--mh-primary-dark); background:var(--mh-selected); }
.mh-wizard > ol > li > small{ color:var(--mh-muted); font-size:var(--mh-type-caption); font-weight:var(--mh-weight-regular); }
.mh-wizard > footer:empty{ display:none; }
:root .mh-form-surface :is(small,.muted):not(:is([contenteditable="true"],.campaign-message-canvas,.message-preview,[data-authored-content]) *){ color:var(--mh-muted); font-size:var(--mh-type-caption); font-weight:var(--mh-weight-regular); line-height:var(--mh-leading-body); }
:root .mh-form-surface > form > [data-ui="ModalActions"]{ box-sizing:border-box; width:100%; margin:var(--mh-space-4) 0 0; padding:var(--mh-space-3); flex-wrap:wrap; gap:var(--mh-space-2); background:var(--mh-surface); color:var(--mh-muted); }
:root .mh-form-surface :is(.empty,.empty-state,.empty-state p,.empty-state h3){ color:var(--mh-muted); }
:root .mh-form-surface :is(.mh-input,.mh-select){ border-color:var(--mh-muted); }
.mh-form-surface .mh-form-field{ font-size:var(--mh-type-label); font-weight:var(--mh-weight-medium); color:var(--mh-text); line-height:var(--mh-leading-body); }
.mh-form-surface .mh-form-field > small{ color:var(--mh-muted); font-size:var(--mh-type-caption); font-weight:var(--mh-weight-regular); }
.mh-form-surface .mh-input:not([type="checkbox"]):not([type="radio"]){ box-sizing:border-box; width:100%; min-width:0; max-width:100%; min-height:var(--mh-control-height); padding:var(--mh-space-2) var(--mh-space-3); border:var(--mh-border-width) solid var(--mh-line); border-radius:var(--mh-radius-control); background:var(--mh-surface); color:var(--mh-text); font:inherit; }
.mh-form-surface textarea.mh-input{ resize:vertical; line-height:var(--mh-leading-body); }
.mh-form-surface .mh-input[readonly]{ background:var(--mh-surface-soft); }
.mh-form-surface .mh-input:focus-visible{ outline:2px solid var(--mh-focus-color); outline-offset:2px; }
:root label[data-ui="CheckField"]{ color:var(--mh-text); font-size:var(--mh-type-label); }
:root label[data-ui="CheckField"][data-variant="card"]{ display:grid!important; grid-template-columns:var(--mh-space-4) minmax(0,1fr) auto; gap:var(--mh-space-1) var(--mh-space-2); align-content:start; padding:var(--mh-space-3); border:var(--mh-border-width) solid var(--mh-line); border-radius:var(--mh-radius-control); background:var(--mh-surface); }
:root label[data-ui="CheckField"][data-variant="card"] > input{ grid-column:1; grid-row:1 / 3; align-self:start; margin-top:var(--mh-space-1); }
:root label[data-ui="CheckField"][data-variant="card"] > :is(strong,small){ grid-column:2; min-width:0; }
:root label[data-ui="CheckField"][data-variant="card"] > small{ color:var(--mh-muted); font-size:var(--mh-type-caption); font-weight:var(--mh-weight-regular); }
:root label[data-ui="CheckField"][data-variant="card"]:has(>input:checked){ border-color:var(--mh-primary-dark); background:var(--mh-selected); }
:root label[data-ui="CheckField"][data-variant="card"] > .field-helper{ grid-column:3; grid-row:1 / 3; }
.mh-page-header > div:first-child{ flex:1 1 0; min-width:0; overflow-wrap:anywhere; }
.mh-page-header > .mh-actions{ flex:0 1 auto; justify-content:flex-end; }
.mh-page-header.mh-section-header{ padding:0; margin-bottom:var(--mh-space-3); background:transparent; border:0; box-shadow:none; }
.mh-section-header > div > :is(h2,h3,h4){ margin:0; font-size:var(--mh-type-h4); line-height:var(--mh-leading-heading); }
:root [data-ui="Workspace"]{ display:grid; grid-template-columns:minmax(0,1fr) var(--mh-workspace-aside-width); gap:var(--mh-space-4); align-items:start; min-width:0; max-width:100%; }
:root [data-ui="Workspace"] > *,:root [data-ui="Workspace"] :is(.form-grid,.tm-sequence,.tm-sequence-step,.tm-config-card){ min-width:0; max-width:100%; box-sizing:border-box; }
:root [data-ui="Workspace"] .form-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
:root [data-ui="Workspace"] .tm-sequence-step{ display:flex; flex-wrap:wrap; }
:root [data-ui="Workspace"] .tm-sequence-step > strong{ flex:1 1 var(--mh-search-min); min-width:0; overflow-wrap:anywhere; }
:root [data-ui="Workspace"] .tm-sequence-step label{ flex-wrap:wrap; }
:root [data-ui="Workspace"] .tm-sequence-step > .tm-step-fields{ flex:1 1 var(--mh-search-min); display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--mh-space-2); min-width:0; }
:root [data-ui="Workspace"] .tm-step-fields label{ display:grid; gap:var(--mh-space-1); min-width:0; }
:root [data-ui="Workspace"] .tm-step-fields .full{ grid-column:1 / -1; }
:root [data-ui="Workspace"] .tm-step-fields :is(input,select,textarea){ width:100%; min-width:0; }
:root [data-ui="WizardDialog"] .modal-card{ display:flex; flex-direction:column; padding:0; width:min(var(--mh-dialog-workspace-width),calc(100vw - var(--mh-space-8))); height:min(var(--mh-dialog-workspace-height),calc(100dvh - var(--mh-space-8))); max-height:calc(100dvh - var(--mh-space-8)); overflow:hidden; background:var(--mh-surface); border-radius:var(--mh-radius-large); box-shadow:var(--mh-shadow-overlay); }
:root [data-ui="WizardHeader"]{ display:flex; flex-wrap:wrap; align-items:center; flex-shrink:0; gap:var(--mh-space-2); padding:var(--mh-space-3) var(--mh-space-4); background:var(--mh-surface); border-bottom:var(--mh-space-1) solid transparent; border-image:var(--adv-spectrum) 1; }
:root [data-ui="WizardHeader"]::after{ content:none; }
:root [data-ui="WizardHeader"] > div:first-child{ flex:1 1 var(--mh-selection-width); min-width:0; }
:root [data-ui="WizardHeader"] h2{ margin:var(--mh-space-1) 0 0; color:var(--mh-text); font-size:var(--mh-type-h3); line-height:var(--mh-leading-heading); overflow-wrap:anywhere; }
:root [data-ui="WizardHeader"] .draft-status{ color:var(--mh-success); background:var(--mh-success-soft); font-size:var(--mh-type-caption); border-color:var(--mh-line); padding:var(--mh-space-2); }
:root [data-ui="ModeSelector"]{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); flex-shrink:0; gap:var(--mh-space-2); padding:var(--mh-space-2) var(--mh-space-4); background:var(--mh-surface-soft); border-bottom:var(--mh-border-width) solid var(--mh-line); }
:root [data-ui="ModeSelector"] > button{ display:grid; gap:var(--mh-space-1); min-width:0; min-height:var(--mh-control-height); text-align:left; padding:var(--mh-space-2) var(--mh-space-3); border:var(--mh-border-width) solid var(--mh-line); border-radius:var(--mh-radius-control); background:var(--mh-surface); color:var(--mh-text); box-shadow:none; font-size:var(--mh-type-label); cursor:pointer; }
:root [data-ui="ModeSelector"] > button > small{ color:var(--mh-muted); font-size:var(--mh-type-caption); font-weight:var(--mh-weight-regular); line-height:var(--mh-leading-body); }
:root [data-ui="ModeSelector"] > button[aria-pressed="true"]{ background:var(--mh-selected); border-color:var(--mh-primary-dark); color:var(--mh-primary-dark); }
:root [data-ui="Wizard"][data-variant="workspace"]{ display:grid; grid-template-columns:var(--mh-workspace-navigation-width) minmax(0,1fr) var(--mh-workspace-aside-width); flex:1; gap:var(--mh-space-3); padding:var(--mh-space-3); min-height:0; overflow:hidden; background:var(--mh-surface-soft); }
:root [data-ui="Wizard"][data-variant="workspace"].guided{ grid-template-columns:var(--mh-workspace-navigation-width) minmax(0,1fr); }
:root [data-ui="Wizard"][data-variant="workspace"].guided > [data-ui="AssistPanel"]{ display:none; }
:root [data-ui="WizardSteps"]{ display:flex; flex-direction:column; gap:var(--mh-space-1); padding:0; min-width:0; overflow:auto; background:var(--mh-surface); border:0; border-radius:var(--mh-radius); }
:root [data-ui="WizardSteps"] button{ display:flex; gap:var(--mh-space-2); align-items:center; min-height:var(--mh-control-height); padding:var(--mh-space-2); color:var(--mh-text); background:transparent; border:0; border-radius:var(--mh-radius-control); font-size:var(--mh-type-label); text-align:left; }
:root [data-ui="WizardSteps"] button b{ display:grid; place-items:center; min-width:var(--mh-space-6); height:var(--mh-space-6); border:var(--mh-border-width) solid var(--mh-line); border-radius:var(--mh-radius-pill); color:var(--mh-text); background:var(--mh-surface-soft); }
:root [data-ui="WizardSteps"] button[aria-current="step"]{ color:var(--mh-primary-dark); background:var(--mh-selected); box-shadow:none; font-weight:var(--mh-weight-bold); }
:root [data-ui="WizardSteps"] button[aria-current="step"] b{ border-color:var(--mh-primary-dark); background:var(--mh-primary-dark); color:var(--mh-on-primary); }
:root [data-ui="WizardSteps"] button.done b{ border-color:var(--mh-success); background:var(--mh-success); color:var(--mh-on-primary); }
:root [data-ui="WizardMain"]{ display:flex; flex-direction:column; min-width:0; min-height:0; margin:0; border:var(--mh-border-width) solid var(--mh-line); border-radius:var(--mh-radius); background:var(--mh-surface); overflow:hidden; box-shadow:none; }
:root [data-ui="WizardMain"] > header{ display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:var(--mh-space-1) var(--mh-space-2); padding:var(--mh-space-3) var(--mh-space-4); }
:root [data-ui="WizardMain"] > header > span{ grid-column:1; color:var(--mh-muted); font-size:var(--mh-type-caption); }
:root [data-ui="WizardMain"] > header > h3{ grid-column:1; margin:0; font-size:var(--mh-type-h3); line-height:var(--mh-leading-heading); }
:root [data-ui="WizardMain"] > header > button{ grid-column:2; grid-row:1 / 3; }
:root [data-ui="WizardMain"] .wizard-progress{ background:var(--mh-line-soft); }
:root [data-ui="WizardMain"] .wizard-progress i{ background:var(--mh-primary-dark); }
:root [data-ui="WizardBody"]{ flex:1; min-height:0; padding:var(--mh-space-3) var(--mh-space-4); overflow:auto; overscroll-behavior:contain; scrollbar-width:auto; scrollbar-color:var(--mh-muted) var(--mh-surface-soft); }
:root [data-ui="WizardBody"] :is(.wizard-form-grid,.channel-editor,.audience-picker,.audience-mode-cards){ grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--mh-space-3); }
:root [data-ui="WizardBody"] .audience-mode-cards{ grid-template-columns:repeat(3,minmax(0,1fr)); }
:root [data-ui="WizardBody"] :is(.audience-control-summary,.simulation-result,.legal-note){ padding:var(--mh-space-3); background:var(--mh-info-soft); color:var(--mh-info); border-radius:var(--mh-radius-control); font-size:var(--mh-type-body-small); }
:root [data-ui="WizardBody"] :is(.approval-summary,.campaign-assignment-config,.automation-studio){ min-width:0; padding:var(--mh-space-3); background:var(--mh-surface-soft); border:var(--mh-border-width) solid var(--mh-line); border-radius:var(--mh-radius); }
:root [data-ui="WizardBody"] :is(.approval-summary dt,.campaign-test-delivery p){ color:var(--mh-muted); font-size:var(--mh-type-caption); }
:root [data-ui="WizardBody"] :is(.automation-rule,.sequence-actions){ display:flex; flex-wrap:wrap; gap:var(--mh-space-2); }
:root [data-ui="WizardBody"] .automation-rule > label{ flex:1 1 var(--mh-filter-column-min); }
:root [data-ui="WizardMain"] > footer{ display:flex; justify-content:space-between; gap:var(--mh-space-2); align-items:center; padding:var(--mh-space-3) var(--mh-space-4); background:var(--mh-surface); border-top:var(--mh-border-width) solid var(--mh-line); }
:root [data-ui="WizardMain"] > footer > span{ color:var(--mh-muted); font-size:var(--mh-type-caption); }
:root [data-ui="WizardMain"] .step-check-actions{ padding:var(--mh-space-2) var(--mh-space-4); background:var(--mh-surface); border-top:var(--mh-border-width) solid var(--mh-line); }
:root [data-ui="WizardMain"] :is(.helper-toggle,.field-helper){ min-height:var(--mh-control-height); padding:var(--mh-space-2); color:var(--mh-primary-dark); background:var(--mh-info-soft); font-size:var(--mh-type-caption); font-weight:var(--mh-weight-medium); }
:root [data-ui="WizardMain"] .field-helper{ min-width:var(--mh-control-height); width:var(--mh-space-8); height:var(--mh-space-8); min-height:var(--mh-space-8); margin:0; }
:root [data-ui="WizardBody"] .step-guide{ position:relative; padding:var(--mh-space-3); margin:0 0 var(--mh-space-3); border:var(--mh-border-width) solid var(--mh-line); border-radius:var(--mh-radius-control); color:var(--mh-info); background:var(--mh-info-soft); }
:root [data-ui="WizardBody"] .step-guide > button{ min-width:var(--mh-control-height); min-height:var(--mh-control-height); top:0; right:0; }
:root [data-ui="WizardBody"] .step-guide h4{ color:var(--mh-info); padding-right:var(--mh-space-10); }
:root [data-ui="WizardBody"] .step-guide :is(dl,dd){ color:var(--mh-text); font-size:var(--mh-type-body-small); }
:root [data-ui="WizardBody"] .guided-question{ margin-bottom:var(--mh-space-3); padding:var(--mh-space-3); background:var(--mh-warning-soft); color:var(--mh-text); border-color:var(--mh-warning); }
:root [data-ui="WizardBody"] .guided-question > span{ font-size:var(--mh-type-caption); color:var(--mh-warning); }
:root [data-ui="AssistPanel"],:root [data-ui="WizardSummary"]{ min-width:0; min-height:0; max-height:none; padding:var(--mh-space-3); overflow:auto; border:var(--mh-border-width) solid var(--mh-line); border-radius:var(--mh-radius); background:var(--mh-surface); color:var(--mh-text); box-shadow:none; }
:root [data-ui="AssistPanel"]{ display:grid; gap:var(--mh-space-3); align-content:start; position:relative; }
:root [data-ui="AssistPanel"].collapsed > :not(.ai-collapse):not(.eyebrow){ display:none; }
:root [data-ui="AssistPanel"] :is(.ai-provider-state,.ai-safety){ color:var(--mh-muted); font-size:var(--mh-type-caption); line-height:var(--mh-leading-body); }
:root [data-ui="AssistPanel"] .ai-quick-actions{ display:grid; gap:var(--mh-space-2); }
:root [data-ui="AssistPanel"] .ai-proposal{ padding:var(--mh-space-3); background:var(--mh-info-soft); color:var(--mh-text); border-radius:var(--mh-radius-control); font-size:var(--mh-type-body-small); }
:root [data-ui="AssistPanel"] .ai-collapse{ min-width:var(--mh-control-height); min-height:var(--mh-control-height); color:var(--mh-primary-dark); background:var(--mh-info-soft); }
:root [data-ui="WizardSummary"] dt{ color:var(--mh-muted); font-size:var(--mh-type-caption); }
:root [data-ui="WizardSummary"] .off{ color:var(--mh-error); }
:root [data-ui="WizardDialog"] button:focus-visible{ outline:2px solid var(--mh-focus-color); outline-offset:2px; }
@media(max-width:1100px){
:root [data-ui="Workspace"]{ grid-template-columns:minmax(0,1fr); }
:root [data-ui="WizardHeader"] > div:first-child{ flex-basis:100%; }
:root [data-ui="Wizard"][data-variant="workspace"]{ grid-template-columns:var(--mh-workspace-navigation-width) minmax(0,1fr); grid-template-rows:minmax(0,1fr) auto; }
:root [data-ui="Wizard"][data-variant="workspace"] > :is([data-ui="AssistPanel"],[data-ui="WizardSummary"]){ grid-column:1 / -1; max-height:var(--mh-workspace-aside-height); }
}
@media(max-width:900px){
:root [data-ui="Wizard"][data-variant="workspace"],:root [data-ui="Wizard"][data-variant="workspace"].guided{ grid-template-columns:minmax(0,1fr); grid-template-rows:auto minmax(0,1fr) auto; }
:root [data-ui="Wizard"][data-variant="workspace"].guided{ grid-template-rows:auto minmax(0,1fr); }
:root [data-ui="WizardSteps"]{ flex-direction:row; flex-wrap:nowrap; }
:root [data-ui="WizardSteps"] button{ flex:0 0 auto; max-width:var(--mh-workspace-navigation-width); }
:root [data-ui="WizardMain"] > header{ grid-template-columns:minmax(0,1fr); }
:root [data-ui="WizardMain"] > header > button{ grid-column:1; grid-row:auto; justify-self:start; }
:root [data-ui="WizardBody"] :is(.audience-picker,.audience-mode-cards,.wizard-form-grid,.channel-editor),:root [data-ui="Workspace"] .form-grid{ grid-template-columns:minmax(0,1fr); }
:root [data-ui="WizardMain"] > footer{ flex-wrap:wrap; }
:root [data-ui="WizardMain"] > footer > span{ order:3; flex-basis:100%; }
}
.mh-visually-hidden{ position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@media(max-width:768px){
.mh-page-header{ flex-wrap:wrap; }
.mh-filter-bar-inline{ grid-template-columns:minmax(0,1fr); }
}
:root :is(select:not([multiple]):is(:not([size]),[size="0"],[size="1"]), .mh-multiselect > summary):not([contenteditable="true"] *){
  box-sizing:border-box !important;
  -webkit-appearance:none;
  appearance:none;
  height:var(--mh-select-height) !important;
  min-height:var(--mh-select-height) !important;
  max-height:none !important;
  padding:0 var(--mh-select-arrow-space) 0 var(--mh-select-padding-inline) !important;
  font-family:var(--mh-font) !important;
  font-size:var(--mh-type-body) !important;
  font-weight:var(--mh-weight-medium) !important;
  line-height:var(--mh-leading-body) !important;
  border:var(--mh-border-width) solid var(--mh-line) !important;
  border-radius:var(--mh-radius-control) !important;
  color:var(--mh-text);
  background-color:var(--mh-surface) !important;
  background-image:var(--mh-select-chevron) !important;
  background-repeat:no-repeat !important;
  background-position:right var(--mh-select-padding-inline) center !important;
  background-size:var(--mh-icon-sm) var(--mh-icon-sm) !important;
  text-overflow:ellipsis;
}
.mh-multiselect > summary{ list-style:none; }
.mh-multiselect > summary::-webkit-details-marker{ display:none; }
:root button[data-button-style="enterprise"],:root a[data-ui="ActionButton"][data-button-style="enterprise"]{
 --mh-button-bg:var(--mh-button-compact-bg);--mh-button-fg:var(--mh-button-compact-text);--mh-button-border:var(--mh-button-compact-border);
 display:inline-flex!important;align-items:center;justify-content:center;gap:var(--mh-space-1);
 box-sizing:border-box;height:var(--mh-button-compact-height)!important;min-height:var(--mh-button-compact-height)!important;
 padding:0 var(--mh-space-3)!important;border:1px solid var(--mh-button-border)!important;border-radius:var(--mh-button-compact-radius)!important;
 background:var(--mh-button-bg)!important;color:var(--mh-button-fg)!important;box-shadow:none!important;
 font-size:var(--mh-type-label)!important;font-weight:var(--mh-weight-medium)!important;line-height:var(--mh-leading-heading)!important;transform:none!important;
}
:root button[data-button-style="enterprise"][data-button-tone="primary"],:root a[data-ui="ActionButton"][data-button-style="enterprise"][data-button-tone="primary"]{--mh-button-bg:var(--mh-button-primary-bg);--mh-button-fg:var(--mh-button-primary-text);--mh-button-border:var(--mh-button-primary-border)}
:root button[data-button-style="enterprise"][data-button-tone="confirm"],:root a[data-ui="ActionButton"][data-button-style="enterprise"][data-button-tone="confirm"]{--mh-button-bg:var(--mh-button-confirm-bg);--mh-button-fg:var(--mh-button-confirm-text);--mh-button-border:var(--mh-button-confirm-border)}
:root button[data-button-style="enterprise"][data-button-tone="danger"],:root a[data-ui="ActionButton"][data-button-style="enterprise"][data-button-tone="danger"]{--mh-button-bg:var(--mh-button-danger-bg);--mh-button-fg:var(--mh-button-danger-text);--mh-button-border:var(--mh-button-danger-border)}
:root button[data-button-style="enterprise"][data-button-kind="icon"],:root a[data-ui="ActionButton"][data-button-style="enterprise"][data-button-kind="icon"]{width:var(--mh-button-icon-compact-size)!important;min-width:var(--mh-button-icon-compact-size)!important;height:var(--mh-button-icon-compact-size)!important;min-height:var(--mh-button-icon-compact-size)!important;padding:0!important;flex-shrink:0}
:root button[data-button-style="enterprise"] .mh-icon,:root a[data-ui="ActionButton"][data-button-style="enterprise"] .mh-icon{width:var(--mh-icon-sm);height:var(--mh-icon-sm);flex-shrink:0}
:root button[data-button-style="enterprise"]>.mh-icon+span,:root a[data-ui="ActionButton"][data-button-style="enterprise"]>.mh-icon+span{margin-left:0}
:root button[data-button-style="enterprise"]:hover:not(:disabled),:root a[data-ui="ActionButton"][data-button-style="enterprise"]:hover:not(:disabled){border-color:var(--mh-button-fg)!important;filter:brightness(.97)}
:root button[data-button-style="enterprise"]:active:not(:disabled),:root a[data-ui="ActionButton"][data-button-style="enterprise"]:active:not(:disabled){filter:brightness(.93)}
:root button[data-button-style="enterprise"]:focus-visible,:root a[data-ui="ActionButton"][data-button-style="enterprise"]:focus-visible{outline:2px solid var(--mh-primary-dark)!important;outline-offset:2px;box-shadow:none!important}
:root button[data-button-style="enterprise"]:disabled,:root a[data-ui="ActionButton"][data-button-style="enterprise"]:disabled{opacity:.55;cursor:not-allowed;filter:none}
@media(pointer:coarse){
:root button[data-button-style="enterprise"],:root a[data-ui="ActionButton"][data-button-style="enterprise"],:root button[data-button-style="enterprise"][data-button-kind="icon"],:root a[data-ui="ActionButton"][data-button-style="enterprise"][data-button-kind="icon"]{min-height:var(--mh-control-height)!important;min-width:var(--mh-control-height)!important}
}
@media(forced-colors:active){
:root button[data-button-style="enterprise"],:root a[data-ui="ActionButton"][data-button-style="enterprise"]{border-color:ButtonText!important;color:ButtonText!important;background:ButtonFace!important}
:root button[data-button-style="enterprise"]:focus-visible,:root a[data-ui="ActionButton"][data-button-style="enterprise"]:focus-visible{outline-color:Highlight!important}
}
:root button[data-ui="ActionButton"][data-action-tone="edit"],shared by all opted-in table consumers. */
:root a[data-ui="ActionButton"][data-ui="ActionButton"][data-action-tone="edit"]{--mh-button-fg:var(--mh-action-edit)}
:root button[data-ui="ActionButton"][data-action-tone="history"],:root a[data-ui="ActionButton"][data-ui="ActionButton"][data-action-tone="history"]{--mh-button-fg:var(--mh-action-history)}
:root button[data-ui="ActionButton"][data-action-tone="zones"],:root a[data-ui="ActionButton"][data-ui="ActionButton"][data-action-tone="zones"]{--mh-button-fg:var(--mh-action-zones)}
:root button[data-ui="ActionButton"][data-action-tone="mail"],:root a[data-ui="ActionButton"][data-ui="ActionButton"][data-action-tone="mail"]{--mh-button-fg:var(--mh-action-mail)}
:root button[data-ui="ActionButton"][data-action-tone="warning"],:root a[data-ui="ActionButton"][data-ui="ActionButton"][data-action-tone="warning"]{--mh-button-fg:var(--mh-action-warning);--mh-button-bg:var(--mh-action-warning-bg);--mh-button-border:var(--mh-action-warning-border)}
:root button[data-ui="ActionButton"][data-action-tone="danger"],:root a[data-ui="ActionButton"][data-ui="ActionButton"][data-action-tone="danger"]{--mh-button-fg:var(--mh-button-danger-text);--mh-button-bg:var(--mh-button-danger-bg);--mh-button-border:var(--mh-button-danger-border)}
:root button[data-ui="ActionButton"]:is(:hover,:focus-visible):not(:disabled),:root a[data-ui="ActionButton"][data-ui="ActionButton"]:is(:hover,:focus-visible):not(:disabled){background:var(--mh-action-hover)!important;border-color:var(--mh-action-hover-border)!important;filter:none}
:root button[data-ui="ActionButton"]:focus-visible,:root a[data-ui="ActionButton"][data-ui="ActionButton"]:focus-visible{outline-color:var(--mh-action-focus)!important}
.metric .mh-kpi-link{ display: inline-flex; align-items: center; justify-content: flex-start; min-width: 40px; min-height: 40px; padding: 0; border: 0; border-radius: var(--mh-radius-control); background: transparent; color: inherit; font: inherit; line-height: inherit; box-shadow: none; cursor: pointer; }
.metric .mh-kpi-link:hover{ color: var(--mh-primary); text-decoration: underline; }
.metric .mh-kpi-link:focus-visible{ outline: 0; box-shadow: var(--mh-focus); }
#content:has(> .table-wrap, > .crm-list-workspace, > .commission-management-block) > .page-head:not([data-ui]){
  min-height: 0; padding: var(--mh-space-3) var(--mh-space-4);
  margin-block-end: var(--mh-space-3); gap: var(--mh-space-3);
}
#content:has(> .table-wrap, > .crm-list-workspace, > .commission-management-block) > .page-head:not([data-ui]) h1{
  font-size: var(--mh-type-h3); line-height: var(--mh-leading-heading); margin-block: var(--mh-space-1);
}
#content:has(> .table-wrap, > .crm-list-workspace, > .commission-management-block) > .page-head:not([data-ui]) p{
  font-size: var(--mh-type-body-small); margin-block: var(--mh-space-1); line-height: var(--mh-leading-body);
}
.calendar-timed-event > [data-ui="Button"]{ width:100%; height:100%; min-width:0; min-height:0; padding:var(--mh-space-1); overflow:hidden; }
.calendar-timed-event > [data-ui="Button"] span{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
button[data-ui="Button"][data-calendar-day]{ appearance:none; -webkit-appearance:none; display:inline-flex; align-items:center; justify-content:center; width:100%; min-width:0; height:var(--mh-control-height,40px); min-height:40px; margin:0; padding:var(--mh-space-1); font-family:var(--mh-font); font-size:var(--mh-type-body,14px); line-height:1; color:var(--mh-text); background:var(--mh-surface); border:1px solid var(--mh-line); border-radius:var(--mh-radius-control); box-shadow:none; }
button[data-ui="Button"][data-calendar-day][data-has-events="true"]{ background:var(--mh-info-soft); font-weight:var(--mh-weight-bold); }
button[data-ui="Button"][data-calendar-day][aria-current="date"]{ border-color:var(--mh-primary); }
button[data-ui="Button"][data-calendar-day][aria-pressed="true"]{ background:var(--mh-primary); color:var(--mh-on-primary); }
button[data-ui="Button"][data-calendar-day]:hover:not(:disabled){ box-shadow:inset 0 0 0 1px var(--mh-primary); }
button[data-ui="Button"][data-calendar-day]:focus-visible{ outline:2px solid var(--mh-primary); outline-offset:2px; }
button[data-ui="Button"][data-calendar-day]:disabled{ opacity:.5; cursor:not-allowed; }