/* Marketing Hub shared visual system.
   Loaded last: it aligns application chrome without altering authored document/email content. */
/* Tokens are defined once in design-tokens.css, loaded before this adapter. */
/* Reusable operational-list extension: support tickets and interventions.
   Table scrolling stays inside its wrapper; authored email tables are excluded. */
.crm-operational-filters{display:flex;flex-wrap:wrap;align-items:end;gap:var(--mh-space-3);padding:var(--mh-space-4);border-top:1px solid var(--mh-line)}
.crm-operational-filters>label{display:grid;gap:var(--mh-space-1);flex:1 1 160px;min-width:0;margin:0;font-size:var(--mh-type-label)}
.crm-operational-filters>label select{width:100%;min-width:0}
.crm-operational-filters>button{flex:0 0 auto}
.module-table.operational-module-table:not(.kanban-active)>table{width:100%;min-width:100%;table-layout:fixed}
.module-table.operational-module-table th,.module-table.operational-module-table td{box-sizing:border-box;width:auto;min-width:0;max-width:none}
.module-table.operational-module-table .module-cell-clip{width:100%;max-width:100%}
.module-table.operational-module-table .record-link{display:block;width:100%;overflow:hidden;text-overflow:ellipsis}
.module-table.operational-module-table .checkcell{width:84px;min-width:84px}
.module-table.operational-module-table .pager{position:sticky;left:0;flex-wrap:wrap;justify-content:flex-end;gap:var(--mh-space-2)}
.module-table.operational-module-table .pager>select{width:auto;min-width:76px;flex:0 0 auto}
.module-table.operational-module-table .pager>span{white-space:nowrap}
.module-table.operational-module-table .pager>span:first-child{margin-right:auto}
@media(max-width:900px){.crm-operational-filters>label{flex-basis:calc(50% - var(--mh-space-3))}.module-table.operational-module-table:not(.kanban-active)>table{min-width:1000px}}
.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);overflow-wrap:anywhere}
.mh-catalog-note{grid-column:1/-1;color:var(--mh-text)}
.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}

html, body, #app, button, input, select, textarea { font-family: var(--mh-font); }
body { color: var(--mh-text); }
.main, .content, #content, .page-head > *, .modal-card > * { min-width: 0; }
:root:root .topbar { height: auto; min-height: 72px; padding-block: 8px; flex-wrap: nowrap; gap: var(--mh-space-2); }
:root .topbar .topbar-actions { flex: 1 1 0; min-width: 0; max-width: 100%; flex-wrap: wrap; justify-content: flex-end; }
:root .topbar::before { content: none; }
.topbar .topbar-brand-logo { margin-right: auto; }
.topbar .topbar-contacts { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:var(--mh-space-4); margin-inline:auto; color:var(--mh-text); }
.topbar-contacts a { display:flex; align-items:center; gap:var(--mh-space-2); min-height:40px; color:inherit; text-decoration:none; }
.topbar-contacts a:focus-visible { outline:2px solid var(--mh-primary); outline-offset:4px; border-radius:10px; }
.topbar-contacts .topbar-tollfree img { display:block; width:150px; height:auto; max-height:none; object-fit:contain; aspect-ratio:214 / 100; }
.topbar-contacts .topbar-whatsapp-logo { display:block; width:28px; height:28px; max-height:none; object-fit:contain; flex:none; }
.topbar-contacts .topbar-hours { align-items:center; text-align:center; }
.topbar-contacts > a, .topbar-contacts > .topbar-hours { align-self:center; margin-block:0; }
.topbar-contacts .topbar-whatsapp svg { width:24px; height:24px; color:var(--mh-success); }
.topbar-contacts .topbar-whatsapp span, .topbar-contacts .topbar-hours { display:flex; flex-direction:column; font-size:13px; line-height:1.5; white-space:nowrap; }
.topbar-contacts small { font-size:12px; }
@media(max-width:1200px) { .topbar .topbar-contacts { order:10; flex-basis:100%; gap:var(--mh-space-4); padding-top:var(--mh-space-2); border-top:1px solid var(--mh-line); } }
.account-menu { position: relative; }
.account-menu > summary { cursor: pointer; list-style: none; min-height: var(--mh-control-height); display: flex; align-items: center; padding: var(--mh-space-2) var(--mh-space-3); border: 1px solid var(--mh-line); border-radius: var(--mh-radius-control); font-size: var(--mh-type-label); font-weight: var(--mh-weight-bold); background: var(--mh-surface); color: var(--mh-text); }
.account-menu > summary::-webkit-details-marker { display: none; }
.account-menu > summary:focus-visible { outline: 0; box-shadow: var(--mh-focus); }
.account-menu-panel { position: absolute; top: calc(100% + var(--mh-space-2)); right: 0; z-index: 40; width: min(340px,calc(100vw - 32px)); padding: var(--mh-space-4); display: grid; gap: var(--mh-space-2); border: 1px solid var(--mh-line); border-radius: var(--mh-radius); background: var(--mh-surface); box-shadow: var(--mh-shadow); white-space: normal; }
.account-menu:not([open]) > .account-menu-panel { display: none; }
.account-menu-identity { font-size: var(--mh-type-body-small); color: var(--mh-text); padding-bottom: var(--mh-space-2); overflow-wrap: anywhere; }
.account-menu-panel .visual-theme-control { width: 100%; margin: 0; }
.account-menu-panel .visual-theme-control > span { display: inline; }
.account-menu-panel .visual-theme-control select { flex: 1; width: 0; }
.account-menu-panel button { width: 100%; text-align: left; }
:is(.shared-ai-launcher,.human-messages-launcher) { position: fixed; left: auto; right: max(12px,env(safe-area-inset-right)); bottom: max(16px,env(safe-area-inset-bottom)); z-index: 30; display: grid; place-items: center; width: 56px; height: 56px; min-height: 56px; padding: 0; border: 0; border-radius: var(--mh-radius-pill) var(--mh-radius-pill) var(--mh-space-2) var(--mh-radius-pill); background: var(--mh-primary); color: var(--mh-on-primary); box-shadow: var(--mh-shadow); cursor: pointer; }
:is(.shared-ai-launcher,.human-messages-launcher) svg { width: 32px; height: 32px; pointer-events: none; }
:is(.shared-ai-launcher,.human-messages-launcher):hover { background: var(--mh-primary-dark); }
:is(.shared-ai-launcher,.human-messages-launcher):focus-visible { outline: 0; box-shadow: var(--mh-focus); }
.shared-ai-backdrop .shared-ai-drawer { left: auto; right: max(12px,env(safe-area-inset-right)); top: auto; bottom: max(84px,calc(env(safe-area-inset-bottom) + 68px)); width: min(400px,calc(100vw - 24px)); height: min(600px,calc(100dvh - 108px)); border: 1px solid var(--mh-line); border-radius: var(--mh-radius-large); overflow: hidden; box-shadow: var(--mh-shadow); }
.shared-ai-drawer > header { padding: var(--mh-space-4); }
.shared-ai-drawer h2 { font-size: var(--mh-type-h3); }
.shared-ai-drawer .shared-ai-context { padding: var(--mh-space-2) var(--mh-space-4); }
.shared-ai-drawer .shared-ai-messages { padding: var(--mh-space-4); }
.shared-ai-drawer > form { padding: var(--mh-space-3) var(--mh-space-4); }
.shared-ai-drawer > form textarea { min-height: 72px; max-height: 20dvh; }
.shared-ai-backdrop .shared-ai-drawer{display:flex;flex-direction:column;width:min(440px,calc(100vw - 24px));height:min(680px,calc(100dvh - 108px))}
.shared-ai-drawer>header,.shared-ai-drawer>.shared-ai-context{flex:0 0 auto}
.shared-ai-drawer>.shared-ai-messages,.shared-ai-drawer>.shared-ai-ticket{flex:1 1 0;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.shared-ai-drawer>[hidden]{display:none!important}
.shared-ai-drawer .shared-ai-messages>article{flex:0 0 auto;max-width:100%;overflow-wrap:anywhere}
.shared-ai-drawer>form{display:grid;flex:0 0 auto;gap:var(--mh-space-2);margin:0;min-height:0}
.shared-ai-drawer>form textarea{height:64px;min-height:56px;max-height:96px;margin:0;resize:none}
.shared-ai-drawer>form .form-actions{position:static;margin:0;padding:0;border:0;gap:var(--mh-space-1);display:flex;flex-wrap:wrap;justify-content:flex-end}
.shared-ai-drawer .shared-ai-voice-controls{display:flex;gap:var(--mh-space-2);justify-content:flex-end}
.shared-ai-drawer .shared-ai-voice-status{font-size:var(--mh-type-caption);color:var(--mh-muted);margin:0;line-height:1.3}
.shared-ai-drawer .shared-ai-messages p{white-space:normal}
@media(max-height:650px){.shared-ai-drawer>header p,.shared-ai-drawer>header .eyebrow{display:none}.shared-ai-drawer>header{padding:var(--mh-space-2) var(--mh-space-3)}.shared-ai-drawer .shared-ai-voice-status{display:none}.shared-ai-drawer>form{padding:var(--mh-space-2) var(--mh-space-3);gap:var(--mh-space-1)}}
:root .sidebar > .nav { padding-bottom: calc(var(--mh-space-10) * 2); scroll-padding-bottom: 80px; }

/* Canonical components: explicit consumers, no page-specific selectors. */
/* Match the actual expanded state, including native browser zoom. The legacy
   900px media rule must not leave expanded groups inside the compact rail. */
@media(max-width:900px){
 body:not(.sidebar-collapsed) .shell{grid-template-columns:min(244px,80vw) minmax(0,1fr)}
 body:not(.sidebar-collapsed) .sidebar{width:min(244px,80vw)}
 body:not(.sidebar-collapsed) .sidebar .nav button{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;font-size:var(--mh-type-label);padding:var(--mh-space-3) var(--mh-space-4)}
 body:not(.sidebar-collapsed) .sidebar .nav button.mh-has-nav-icon{padding-left:calc(var(--mh-space-10) + var(--mh-space-2))}
}
/* On narrow screens the expanded navigation overlays the existing rail;
   it must not shrink the workspace to the few pixels beside the menu. */
@media(max-width:600px){
 body:not(.sidebar-collapsed) .shell{grid-template-columns:calc(var(--mh-space-8) + var(--mh-space-10)) minmax(0,1fr)}
}
/* Explicit shared vertical layout; retains specialist descendant styling. */
.mh-layout-stack{display:flex;flex-direction:column;min-width:0}
/* Opt-in checkbox groups: keep native semantics and align each label as a unit. */
: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)}
/* WebKit may focus native choices via arrows without :focus-visible. Keep an
   explicit indicator on the shared native control, without changing selection. */
:root label[data-ui="CheckField"]>input:focus-visible,
:root input:is([type="radio"],[type="checkbox"]):focus:not(:disabled):not(:where([contenteditable] *,[data-authored-content] *,.message-preview *,.facsimile-page *)){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); min-width:0; max-width:100%; }
.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; }
/* Labelled search: align control bottoms, without changing existing toolbar consumers. */
.mh-toolbar[data-control-alignment="end"] { align-items:flex-end; --mh-button-compact-height:var(--mh-control-height); }
.mh-toolbar[data-control-alignment="end"] .mh-toolbar-end { align-items:flex-end; }
.mh-toolbar[data-control-alignment="end"] .mh-toolbar-count { display:flex; align-items:center; min-height:var(--mh-control-height); }
.mh-toolbar[data-control-alignment="end"] .mh-advanced-filters>summary { min-height:calc(var(--mh-control-height) - 2 * var(--mh-border-width)); padding:var(--mh-space-2) var(--mh-space-3); }

.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; }
/* Opt-in specialist surface: no module selectors and no changes to legacy forms. */
.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 > [data-ui="ModalActions"],
: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:not(.modal *) > [data-ui="ModalActions"] { position:static; }
: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); }
/* Canonical workspace variant and native choice cards. Opt-in adapters keep
   existing field/event contracts; no document/editor content is normalized. */
.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-muted); 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); } }
/* Shared closed-selection geometry. Legacy selects use the same presentation
   adapter until their renderers adopt MHUI.select. Do not replace DOM controls:
   IDs, native keyboard semantics, selection and event handlers remain intact.
   Important geometry deliberately wins legacy page rules; listboxes and editable
   document content are not closed dropdowns and are excluded. */
:root :is(select:not([multiple]):is(:not([size]),[size="0"],[size="1"]), .mh-multiselect > summary):not([contenteditable="true"] *) {
  box-sizing:border-box !important;
  min-width:0;
  max-width:100%;
  overflow:hidden;
  -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-muted) !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;
}
:root select[data-control-density="compact"] { --mh-select-height:var(--mh-select-height-compact); }
.mh-multiselect > summary { list-style:none; }
.mh-multiselect > summary::-webkit-details-marker { display:none; }
:root select:disabled { opacity:var(--mh-disabled-opacity, .6); cursor:not-allowed; }
@media (forced-colors:active) {
  :root select:not([multiple]) { appearance:auto; -webkit-appearance:auto; background-image:none !important; }
}
/* Enterprise Compact: explicit opt-in; !important bridges legacy user-action rules. */
: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}}
/* ActionButton: Users reference, shared by all opted-in table consumers. */
:root button[data-ui="ActionButton"][data-action-tone="edit"],
: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}
/* One interaction language for controls. */
button, .button, a.secondary, a.primary {
  min-height: var(--mh-control-height);
  border-radius: var(--mh-radius-control);
  font-size: var(--mh-type-label);
  font-weight: var(--mh-weight-bold);
  line-height: var(--mh-leading-heading);
}
/* Keyboard focus is distinct from persistent button shadows. Authored content
   keeps its own presentation; this is the shared portal-control contract. */
:root :is(button, .button, a.secondary, input, select, textarea, summary):focus-visible:not(:where([contenteditable="true"] *, [data-authored-content] *, .message-preview *, .campaign-message-canvas *, .facsimile-page *)) {
  outline: 2px solid var(--mh-focus-color);
  outline-offset: 2px;
  box-shadow: var(--mh-focus);
}
input:not([type="checkbox"]):not([type="radio"]):not([type="color"]), select, textarea {
  min-height: var(--mh-control-height);
  border-color: var(--mh-muted);
  border-radius: var(--mh-radius-control);
  color: var(--mh-text);
}
:root :is(select[multiple],input[type="color"]):not(:where([contenteditable] *,[data-authored-content] *, .message-preview *, .facsimile-page *)) { border-color:var(--mh-muted); }
:is(input,textarea):not(:where([contenteditable] *,[data-authored-content] *, .message-preview *, .facsimile-page *))::placeholder { color:var(--mh-muted); opacity:1; }
.primary, :root a.primary:not(:where([contenteditable] *,[data-authored-content] *,.message-preview *,.facsimile-page *)) { color:var(--mh-on-primary); border-color: var(--mh-primary-dark); background: linear-gradient(135deg, var(--mh-primary), var(--mh-primary-dark)); }
.secondary { border-color: var(--mh-line); background: var(--mh-surface); color: var(--mh-text); }
.danger { border-color: var(--mh-error); background: var(--mh-error-soft); color: var(--mh-error); }

/* Shared headings, cards, tabs and tables. */
.page-head > .form-actions, #content > .form-actions { position:static; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:var(--mh-space-2); margin:0; padding:0; border:0; background:transparent; max-width:100%; }
.page-head, .template-studio-hero, .documents-hero, .management-hero {
  box-shadow: none;
}
.page-head h1, .page-head h2, .template-studio-hero h1, .documents-hero h1 { color: var(--mh-text); letter-spacing: -.025em; }
:root .page-head:not(.mh-page-header):not(.module-page-head) h1:not(:where([contenteditable] *,[data-authored-content] *,.message-preview *,.facsimile-page *,.campaign-message-canvas *)) { font-size:var(--mh-type-h1); font-weight:var(--mh-weight-bold); line-height:var(--mh-leading-heading); }
.page-head p, .page-head .muted, .template-studio-hero p, .template-studio-hero .muted, .documents-hero p, .documents-hero .muted { color: var(--mh-text); line-height: 1.5; }
.card, .settings-surface, .table-wrap, .management-toolbar,
.document-settings-grid > *, .communication-settings-grid > * {
  min-width:0;
  border-color: var(--mh-line);
  border-radius: var(--mh-radius);
  background: var(--mh-surface);
  box-shadow: var(--mh-shadow);
}
.tabs, .process-studio-nav, .document-view-tabs, .calendar-tabs,
.event-studio-tabs, .channel-tabs, .ai-dev-tabs, .tm-meta-tabs {
  display: flex;
  gap: var(--mh-space-2);
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  padding: var(--mh-space-2);
  border: 1px solid var(--mh-line);
  border-radius: var(--mh-radius);
  background: var(--mh-surface);
  scrollbar-width: thin;
  scrollbar-color: #9cbecb transparent;
}
.tabs button, .process-studio-nav button, .document-view-tabs button,
.calendar-tabs button, .event-studio-tabs button, .channel-tabs button,
.ai-dev-tabs button, .tm-meta-tabs button {
  flex: 0 0 auto;
  min-height: var(--mh-control-height);
  padding: var(--mh-space-2) var(--mh-space-3);
  border: 0;
  border-radius: var(--mh-radius-control);
  background: transparent;
  color: var(--mh-muted);
  white-space: nowrap;
}
.tabs button.active, .process-studio-nav button.active, .document-view-tabs button.active,
.calendar-tabs button.active, .event-studio-tabs button.active, .channel-tabs button.active,
.ai-dev-tabs button.active, .tm-meta-tabs button.active {
  background: linear-gradient(135deg, var(--mh-primary), var(--mh-primary-dark));
  color: var(--mh-on-primary);
}
.table-wrap { max-width: 100%; overflow: auto; }
.table-wrap table { min-width: 720px; }
#content :where(.table-wrap,.process-manager-table) table thead th { color: var(--mh-info); background: var(--mh-info-soft); font-size: var(--mh-type-caption); text-transform: none; letter-spacing: 0; }
:where(.table-wrap,.process-manager-table) table tbody td { color: var(--mh-text); font-size: var(--mh-type-body-small); }

/* Process Studio now uses the same cards, palette and geometry as the archive. */
.vte-process-manager {
  overflow: hidden;
  border: 1px solid var(--mh-line);
  border-radius: var(--mh-radius-large);
  background: #fff;
  box-shadow: var(--mh-shadow);
}
.vte-process-manager .vte-process-head {
  margin: 0;
  padding: 24px 28px;
  border: 0;
  border-bottom: 1px solid var(--mh-line);
  border-radius: 0;
  background: radial-gradient(circle at 92% 12%, rgba(244,194,62,.17), transparent 24%), linear-gradient(120deg,#fff,#edf6fc);
}
.vte-process-manager .vte-process-head h1 { color: var(--mh-text); font-size: var(--mh-type-h1); font-weight: var(--mh-weight-bold); line-height: var(--mh-leading-heading); }
.vte-process-manager .process-studio-nav { margin: 0; padding: 8px 18px; border-width: 0 0 1px; border-radius: 0; background: var(--mh-surface-soft); }
.vte-process-manager .process-studio-nav button { border: 0; border-radius: var(--mh-radius-control); color: var(--mh-muted); }
.vte-process-manager .process-studio-nav button.active { border: 0; background: linear-gradient(135deg,var(--mh-primary),var(--mh-primary-dark)); color: #fff; }
.vte-process-toolbar { gap: 12px; padding: 16px 18px; }
.process-manager-table { margin: 0 18px; border-radius: 12px; }
.process-manager-table th { height: 42px; padding: var(--mh-space-2) var(--mh-space-3); background: var(--mh-info-soft); color: var(--mh-info); font-weight: var(--mh-weight-medium); }
.process-manager-table td { height: 50px; }
.process-icon-action { width: 34px; height: 34px; border-radius: 8px; }
.vte-process-footer { padding: 14px 18px 18px; color: var(--mh-muted); }

/* The sidebar owns one vertical scroll only. Expanded children grow inside it;
   the compact flyout temporarily becomes the sole wheel target. */
.sidebar {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  height: 100dvh;
  overflow: hidden;
}
.nav {
  min-height: 0;
  height: auto !important;
  padding-bottom: 68px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: #9ebbc5 transparent;
}
.nav::-webkit-scrollbar, .tabs::-webkit-scrollbar, .process-studio-nav::-webkit-scrollbar,
.modal-card::-webkit-scrollbar, .table-wrap::-webkit-scrollbar { width: 8px; height: 8px; }
.nav::-webkit-scrollbar-thumb, .tabs::-webkit-scrollbar-thumb, .process-studio-nav::-webkit-scrollbar-thumb,
.modal-card::-webkit-scrollbar-thumb, .table-wrap::-webkit-scrollbar-thumb { border-radius: 99px; background: #9ebbc5; }
.nav button, .subnav button { min-height: 40px; height: auto; line-height: 1.25; }
.subnav { max-width: 100%; max-height: none; overflow: visible; }
.subnav button { white-space: normal; overflow-wrap: anywhere; }
.nav-group.open > .subnav,
.settings-nav > .subnav,
.settings-nav > .subnav .module-section-items {
  max-height: none;
  overflow: visible;
  overscroll-behavior: auto;
}
body.sidebar-collapsed .nav-group.compact-open > .subnav {
  max-height: min(72vh, 620px);
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}
body.sidebar-collapsed:has(.nav-group.compact-open) > .shell > .sidebar > .nav {
  overflow-y: hidden;
}

/* Shared application chrome across specialist modules. Functional previews and
   authored document/email content deliberately remain outside these rules. */
:is(
  .access-hero, .accounting-hero, .ai-hero, .ai-settings-hero, .aruba-hero,
  .builder-hero, .cloud-hero, .configurator-hero, .document-system-hero,
  .drive-folders-hero, .portal-mail-hero, .signature-hero
) {
  border: 1px solid var(--mh-line);
  border-radius: var(--mh-radius-large);
  background: var(--mh-surface);
  color: var(--mh-text);
  box-shadow: var(--mh-shadow);
}
:is(
  .access-hero, .accounting-hero, .ai-hero, .ai-settings-hero, .aruba-hero,
  .builder-hero, .cloud-hero, .configurator-hero, .document-system-hero,
  .drive-folders-hero, .portal-mail-hero, .signature-hero
) :is(h1,h2,h3,strong) { color: var(--mh-text); }
:root :is(
  .access-hero, .accounting-hero, .ai-hero, .ai-settings-hero, .aruba-hero,
  .builder-hero, .cloud-hero, .configurator-hero, .document-system-hero,
  .drive-folders-hero, .portal-mail-hero, .signature-hero,
  .documents-hero, .management-hero, .template-studio-hero
) h1 {
  font-size: var(--mh-type-h1);
  font-weight: var(--mh-weight-bold);
  line-height: var(--mh-leading-heading);
}
:is(
  .access-hero, .accounting-hero, .ai-hero, .ai-settings-hero, .aruba-hero,
  .builder-hero, .cloud-hero, .configurator-hero, .document-system-hero,
  .drive-folders-hero, .portal-mail-hero, .signature-hero
) :is(p,small,span):not(:where(button *,a *,.badge,.badge *,.mh-status,.mh-status *,.documents-mark,.module-icon,.mh-icon)) { color: var(--mh-text); }

:is(
  .access-toolbar, .accounting-toolbar, .aruba-toolbar, .crm-list-toolbar,
  .document-toolbar, .facsimile-toolbar, .management-toolbar, .module-toolbar,
  .preview-toolbar, .quote-register-list-toolbar, .rental-mass-toolbar,
  .rental-view-toolbar, .security-toolbar, .vte-process-toolbar
) {
  gap: var(--mh-space-2);
  padding: var(--mh-space-3);
  border: 1px solid var(--mh-line);
  border-radius: var(--mh-radius);
  background: var(--mh-surface);
  box-shadow: var(--mh-shadow);
}

:is(
  .access-tabs, .aruba-tabs, .communication-hub-tabs, .module-tabs,
  .report-tabs, .signature-tabs, .campaign-monitor-tabs
) {
  display: flex;
  gap: var(--mh-space-2);
  max-width: 100%;
  padding: var(--mh-space-2);
  overflow-x: auto;
  overflow-y: hidden;
  border: 1px solid var(--mh-line);
  border-radius: var(--mh-radius);
  background: var(--mh-surface);
  scrollbar-width: thin;
}
:is(
  .access-tabs, .aruba-tabs, .communication-hub-tabs, .module-tabs,
  .report-tabs, .signature-tabs, .campaign-monitor-tabs
) button {
  flex: 0 0 auto;
  min-height: var(--mh-control-height);
  border-radius: var(--mh-radius-control);
  color: var(--mh-muted);
  background: var(--mh-surface);
  white-space: nowrap;
}
:is(
  .access-tabs, .aruba-tabs, .communication-hub-tabs, .module-tabs,
  .report-tabs, .signature-tabs, .campaign-monitor-tabs
) button.active {
  background: linear-gradient(135deg, var(--mh-primary), var(--mh-primary-dark));
  color: var(--mh-on-primary);
}

:is(
  .ai-card, .ai-dev-card, .ai-settings-card, .anomaly-card, .aruba-card,
  .audience-card, .audience-mode-card, .campaign-card, .campaign-monitor-card,
  .choice-card, .commission-list-card, .dashboard-card, .dashboard-layout-card,
  .default-view-card, .folder-card, .integration-card, .launchpad-card,
  .module-builder-card, .navigation-group-card, .portal-mail-account-card,
  .portal-mail-card, .proposal-card, .provider-card, .quote-configurator-card,
  .rental-product-list-card, .review-filter-card, .signature-provider-card,
  .template-card, .tm-campaign-card, .tm-config-card, .warning-card,
  .zone-proposal-card
) {
  border-color: var(--mh-line);
  border-radius: var(--mh-radius);
  box-shadow: var(--mh-shadow);
}

:is(
  .analytics-panel, .campaign-ai-panel, .cc-panel, .cloud-panel,
  .configurator-customer-panel, .document-panel, .event-panel,
  .event-primary-panel, .event-secondary-panel, .inline-relations-panel,
  .library-folder-panel, .linked-documents-panel, .navigation-modules-panel,
  .navigation-panel, .preview-panel, .related-panel, .rental-customer-panel,
  .rental-filter-panel, .security-panel, .sip-panel, .test-panel
) {
  border-color: var(--mh-line);
  border-radius: var(--mh-radius);
  background: var(--mh-surface);
}

:is(
  .analytics-summary, .application-module-summary, .approval-summary,
  .aruba-summary, .builder-summary, .cloud-summary, .commission-summary,
  .dashboard-studio-summary, .dashboard-summary, .data-catalog-summary,
  .document-detail-summary, .document-summary, .event-summary, .import-summary,
  .list-summary, .management-summary, .module-registry-summary,
  .navigation-editor-summary, .picklist-summary, .preview-summary,
  .settings-summary, .wizard-summary
) > * {
  border-color: var(--mh-line);
  border-radius: var(--mh-radius);
  background: var(--mh-surface);
  box-shadow: var(--mh-shadow);
}

/* Modals: one frame, one scroll region, stable actions. */
.modal { padding: clamp(8px, 2vw, 28px); }
.modal .modal-card, .facsimile-editor-modal .modal-card {
  width: min(1180px, calc(100vw - 32px));
  max-width: calc(100vw - 32px);
  max-height: calc(100dvh - 32px);
  overflow: auto;
  border: 1px solid var(--mh-line);
  border-radius: var(--mh-radius-large);
  background: var(--mh-surface-soft);
  box-shadow: var(--mh-shadow-overlay);
  overscroll-behavior: contain;
}
/* Shared body slot: opt-in only, never normalize authored documents/editors. */
.mh-dialog-body { box-sizing:border-box; min-width:0; padding:var(--mh-space-5) var(--mh-space-6); overflow-wrap:anywhere; }
.mh-dialog-body > :first-child { margin-top:0; }
.mh-dialog-body > :last-child { margin-bottom:0; }
.modal-card > .page-head {
  position: sticky;
  z-index: 20;
  top: 0;
  margin: 0;
  padding: var(--mh-space-5) var(--mh-space-6);
  border-width: 0 0 1px;
  border-radius: var(--mh-radius-large) var(--mh-radius-large) 0 0;
  box-shadow: none;
}
.modal-card > .form-actions, .modal-card form > .form-actions,
.modal-card [data-ui="ModalActions"], .modal-card .commission-wizard-footer {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin-inline: 0;
}
.modal-card > .form-actions, .modal-card form > .form-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: var(--mh-space-2);
  position: sticky;
  z-index: 18;
  bottom: 0;
  padding: var(--mh-space-3) var(--mh-space-5);
  border-top: 1px solid var(--mh-line-soft);
  background: var(--mh-surface);
  backdrop-filter: blur(10px);
}

/* Toolbars can wrap instead of clipping. Authored content keeps its own formatting. */
.toolbar, .document-toolbar, .management-toolbar, .accounting-toolbar,
.process-rich-toolbar, .process-dynamic-toolbar, .facsimile-page-toolbar,
.facsimile-table-toolbar, .layout-toolbar, .security-toolbar {
  max-width: 100%;
  flex-wrap: wrap;
}
/* Do not set fonts inside authoring canvases: their inline/user-selected styles must win. */

/* Facsimile editor: controls stay in normal flow and advanced groups open on demand. */
.facsimile-editor { grid-template-columns: minmax(240px, 285px) minmax(0, 1fr); }
.facsimile-editor-modal.facsimile-single-pane .facsimile-editor { grid-template-columns: minmax(0, 1fr); }
.facsimile-editor-modal.facsimile-single-pane .facsimile-editor > aside { display: none; }
.facsimile-editor > aside { padding: 14px; }
.facsimile-editor > main { padding: 12px 16px 24px; }
.facsimile-toolbar.facsimile-full-rich-editor {
  position: static;
  top: auto;
  z-index: auto;
  margin: 0;
  padding: 0 !important;
  overflow: visible !important;
  box-shadow: var(--mh-shadow);
}
.facsimile-full-rich-editor > header { min-height: 54px; padding: 9px 12px; }
.facsimile-full-rich-editor > header > div:first-child { min-width: 190px; }
.facsimile-full-rich-editor > header p { display: none; }
.facsimile-editor-head-actions { display: flex; align-items: center; justify-content: flex-end; gap: 6px; flex-wrap: wrap; }
.facsimile-editor-head-actions > button {
  min-height: 32px;
  padding: 6px 10px;
  border: 1px solid var(--mh-line);
  border-radius: 8px;
  background: #fff;
  color: #315d6c;
}
.facsimile-editor-head-actions > button.active { border-color: var(--mh-primary); background: #eaf5ff; color: var(--mh-primary-dark); }
.facsimile-full-rich-editor [data-facsimile-panel][hidden] { display: none !important; }
.facsimile-full-rich-editor .process-rich-toolbar {
  gap: 4px;
  padding: 7px 9px;
  background: #f5f9fb;
}
.facsimile-full-rich-editor .process-rich-toolbar :is(button,select,label) { min-height: 31px; padding-block: 5px; }
.facsimile-full-rich-editor .process-rich-toolbar select { min-width: 94px; max-width: 145px; }
.facsimile-full-rich-editor .process-dynamic-toolbar {
  position: static;
  grid-template-columns: auto minmax(150px, 220px) minmax(180px, 1fr) auto;
  padding: 8px 10px;
  background: #edf6fa;
}
.facsimile-full-rich-editor .process-dynamic-toolbar small { grid-column: 2 / -1; }
.facsimile-full-rich-editor .facsimile-page-toolbar { padding: 8px 10px; background: #f4f9fb; }
.facsimile-table-selection-summary {
  display: grid;
  grid-template-columns: auto auto auto minmax(180px, 1fr);
  align-items: center;
  gap: 6px 14px;
  width: 100%;
  padding: 8px 10px;
  border: 1px solid #d8c46f;
  border-radius: 8px;
  background: #fff;
}
.facsimile-table-selection-summary strong { color: #173f4f; }
.facsimile-table-selection-summary span { font-weight: 750; color: #315d6c; }
.facsimile-table-selection-summary small { text-align: right; color: #647e88; }
.facsimile-page td:focus, .facsimile-page th:focus {
  outline: 3px solid #1686ae;
  outline-offset: -3px;
  background-image: linear-gradient(90deg, transparent calc(100% - 5px), rgba(22,134,174,.18) calc(100% - 5px));
}
.facsimile-page { margin-top: 12px; }

@media (max-width: 900px) {
  .main { min-width: 0; }
  .content, body.settings-page #content { padding: 18px 14px 36px; }
  html[data-theme] #content > .page-head { margin-inline: -14px; }
  .page-head:not(.mh-page-header):not(.modal .page-head), .template-studio-hero, .documents-hero, .management-hero {
    align-items: stretch;
    flex-direction: column;
    gap: 14px;
    padding: 20px;
    border-radius: 16px;
  }
  .page-head .form-actions, .template-actions, .documents-hero-actions { justify-content: flex-start; flex-wrap: wrap; }
  .vte-process-manager { border-radius: 16px; }
  .vte-process-manager .vte-process-head { align-items: stretch; flex-direction: column; padding: 20px; }
  .vte-process-manager .vte-process-head h1 { font-size: var(--mh-type-h1); }
  .vte-process-toolbar { align-items: stretch; flex-direction: column; }
  .vte-process-toolbar-actions { display: flex; flex-wrap: wrap; }
  .process-manager-table { margin: 0 10px; }
  .modal .modal-card, .facsimile-editor-modal .modal-card { width: calc(100vw - 16px); max-width: calc(100vw - 16px); max-height: calc(100dvh - 16px); border-radius: 14px; }
  .facsimile-editor { grid-template-columns: 1fr; }
  .facsimile-field-list { max-height: 32vh; border-right: 0; border-bottom: 1px solid var(--mh-line); }
  .facsimile-editor-head-actions { justify-content: flex-start; }
  .facsimile-full-rich-editor .process-dynamic-toolbar { grid-template-columns: 1fr 1fr; }
  .facsimile-full-rich-editor .process-dynamic-toolbar strong,
  .facsimile-full-rich-editor .process-dynamic-toolbar small { grid-column: 1 / -1; }
  .facsimile-table-selection-summary { grid-template-columns: 1fr 1fr; }
  .facsimile-table-selection-summary small { grid-column: 1 / -1; text-align: left; }
  .document-kpis, .communication-kpis, .management-summary, .metrics-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  :is(
    .access-hero, .accounting-hero, .ai-hero, .ai-settings-hero, .aruba-hero,
    .builder-hero, .cloud-hero, .configurator-hero, .document-system-hero,
    .drive-folders-hero, .portal-mail-hero, .signature-hero
  ) { align-items: stretch; flex-direction: column; gap: 14px; padding: 20px; }
  :is(
    .access-toolbar, .accounting-toolbar, .aruba-toolbar, .crm-list-toolbar,
    .document-toolbar, .management-toolbar, .module-toolbar, .preview-toolbar,
    .quote-register-list-toolbar, .rental-mass-toolbar, .rental-view-toolbar,
    .security-toolbar, .vte-process-toolbar
  ) { align-items: stretch; flex-direction: column; }
}

@media (max-width: 620px) {
  .content, body.settings-page #content { padding: 12px 8px 28px; }
  html[data-theme] #content > .page-head { margin-inline: -8px; }
  .topbar { padding-inline: 10px; }
  .topbar-actions { gap: 6px; }
  .topbar-actions button { min-height: 38px; padding-inline: 9px; }
  .page-head, .template-studio-hero, .documents-hero, .management-hero { padding: 16px; border-radius: 13px; }
  .page-head h1, .template-studio-hero h1, .documents-hero h1 { font-size: clamp(23px, 7vw, 29px); }
  .document-kpis, .communication-kpis, .management-summary, .metrics-grid { grid-template-columns: 1fr; }
  .toolbar > *, .document-toolbar > *, .management-toolbar > *, .accounting-toolbar > * { min-width: 0; max-width: 100%; }
  .form-actions { flex-wrap: wrap; }
  .form-actions button, .form-actions .button { flex: 1 1 140px; }
  .modal-card > .page-head { padding: var(--mh-space-4); }
  .mh-dialog-body { padding:var(--mh-space-4); }
  .modal-card > .form-actions, .modal-card form > .form-actions { padding: var(--mh-space-3) var(--mh-space-4); }
  .facsimile-field-list { max-height: 26vh; }
  .process-row-actions { min-width: 220px; }
  :is(
    .access-toolbar, .accounting-toolbar, .aruba-toolbar, .crm-list-toolbar,
    .document-toolbar, .management-toolbar, .module-toolbar, .preview-toolbar,
    .quote-register-list-toolbar, .rental-mass-toolbar, .rental-view-toolbar,
    .security-toolbar, .vte-process-toolbar
  ) > * { width: 100%; min-width: 0; max-width: 100%; }
  :is(.audience-cards, .campaign-grid, .launchpad-grid, .commission-list-grid) { grid-template-columns: 1fr; }
  table { font-size: 12px; }
}

/* Process canvas: keep action titles readable, with controls on their own row. */
.vte-process-designer .workflow-node:is(.bpmn-node-action,.bpmn-node-branch) header {
  display: grid; grid-template-columns: 34px minmax(0,1fr);
}
.vte-process-designer .workflow-node:is(.bpmn-node-action,.bpmn-node-branch) header > div:nth-child(2) { min-width: 0; }
.vte-process-designer .workflow-node:is(.bpmn-node-action,.bpmn-node-branch) small {
  display: block; max-width: none; white-space: normal; overflow: visible;
  text-overflow: clip; overflow-wrap: anywhere; -webkit-line-clamp: unset;
}
.vte-process-designer .workflow-node:is(.bpmn-node-action,.bpmn-node-branch) .node-tools {
  position: static; grid-column: 1 / -1; justify-content: flex-end; transform: none;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !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); }
/* One action-button geometry for accounting lists and commission reports. */
:is(.commission-payment-table,.commission-created-preinvoices,.preinvoice-list-table) :is(.commission-action-icon,.user-action-button) {
  display: inline-flex !important; align-items: center; justify-content: center;
  width: var(--mh-control-height) !important; min-width: var(--mh-control-height) !important;
  height: var(--mh-control-height) !important; min-height: var(--mh-control-height) !important;
  padding: 0 !important; border: var(--mh-border-width) solid var(--mh-line) !important;
  border-radius: var(--mh-radius-control) !important; background: var(--mh-surface) !important;
  color: var(--mh-info) !important; box-shadow: none; vertical-align: middle;
}
:is(.commission-payment-table,.commission-created-preinvoices,.preinvoice-list-table) :is(.commission-action-icon,.user-action-button):hover { background: var(--mh-hover) !important; transform: none; }
:is(.commission-payment-table,.commission-created-preinvoices,.preinvoice-list-table) :is(.commission-action-icon,.user-action-button):focus-visible { outline: 0; box-shadow: var(--mh-focus); }
.commission-created-preinvoices .user-action-button.action-paid { color: var(--mh-success) !important; border-color: var(--mh-success) !important; background: var(--mh-success-soft) !important; }
.commission-created-preinvoices .user-action-button.action-cancel { color: var(--mh-error) !important; border-color: var(--mh-error) !important; background: var(--mh-error-soft) !important; }
:is(.commission-payment-table,.commission-created-preinvoices,.preinvoice-list-table) :is(.commission-row-actions,.preinvoice-row-actions) { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: var(--mh-space-1); }
.commission-created-preinvoices td.preinvoice-fic-value { text-align: center; vertical-align: middle; }
.preinvoice-list-table:has([data-preinvoice-archive]) > table > :is(thead,tbody) > tr > :is(th,td) { text-align: center; vertical-align: middle; }

/* Shared human messaging layout: controls retain the canonical component styles. */
/* Default views own their column picker: keep columns wide and assignments readable. */
.default-view-modal .default-view-editor{grid-template-columns:minmax(0,1fr);align-items:start}
.default-view-modal .default-view-editor>section:first-child{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--mh-space-4);align-items:start}
.default-view-modal .default-view-editor>section:first-child h3{grid-column:1 / -1}
.default-view-modal .default-view-editor>section:first-child label{margin:0;min-width:0}
.default-view-modal .default-view-columns{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:var(--mh-space-4);align-items:start}
.default-view-modal .default-view-columns label{min-width:0}
.default-view-modal .default-view-columns select{width:100%;min-width:0;height:240px}
.default-view-modal .default-view-column-actions{align-self:center}
.default-view-modal .dashboard-assignment-grid{grid-template-columns:1fr;gap:var(--mh-space-4)}
.default-view-modal .dashboard-assignment-grid>label{min-width:0;padding:var(--mh-space-4);border:1px solid var(--mh-line);border-radius:var(--mh-radius)}
.default-view-modal .multiple-transfer{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
.default-view-modal .multiple-transfer>div{min-width:0}
.default-view-modal .multiple-transfer select{width:100%;min-width:0;height:180px}
@media(max-width:767px){.default-view-modal .default-view-editor>section:first-child{grid-template-columns:1fr}.default-view-modal .default-view-columns{grid-template-columns:1fr}.default-view-modal .default-view-column-actions{flex-direction:row}.default-view-modal .default-view-order-actions{grid-column:1}.default-view-modal .multiple-transfer{grid-template-columns:1fr}.default-view-modal .multiple-transfer-actions{flex-direction:row;justify-content:center}}
.human-messages-settings > .modal-card{width:min(1120px,96vw);max-height:calc(100dvh - var(--mh-space-8));overflow:auto}
.human-messages-settings .human-config-section{padding:var(--mh-space-5);margin-block:var(--mh-space-4);border:1px solid var(--mh-line);border-radius:var(--mh-radius);background:var(--mh-surface)}
.human-messages-settings .human-config-section h3{margin:0 0 var(--mh-space-4);font-size:var(--mh-type-h4)}
.human-messages-settings .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:var(--mh-space-4);margin:0}
.human-messages-settings label{display:flex;flex-direction:column;justify-content:flex-start;gap:var(--mh-space-2);margin:0;min-width:0;font-size:var(--mh-type-body);height:auto}
.human-messages-settings label:has(>input[type=checkbox]){flex-direction:row;align-items:center;justify-content:flex-start;align-self:start}
.human-messages-settings input[type=checkbox]{width:var(--mh-space-4);height:var(--mh-space-4);min-height:0;flex:0 0 var(--mh-space-4);margin:0;padding:0}
.human-messages-settings select:not([multiple]),.human-messages-settings input:not([type=checkbox]){width:100%;height:var(--mh-space-10);min-height:0;box-sizing:border-box;flex:none}
.human-messages-settings select[multiple]{width:100%;height:160px;min-height:0;box-sizing:border-box}
.human-messages-settings fieldset{min-width:0;margin:0;padding:var(--mh-space-4);border:1px solid var(--mh-line);border-radius:var(--mh-radius);display:grid;gap:var(--mh-space-3)}
.human-messages-settings legend{padding-inline:var(--mh-space-2);font-weight:var(--mh-weight-bold);font-size:var(--mh-type-label)}
.human-messages-settings [data-grant]>fieldset{grid-column:2;grid-row:1 / span 4;grid-template-columns:repeat(2,minmax(0,1fr))}
.human-messages-settings [data-grant]>label{grid-column:1}
.human-messages-settings [data-grant]>label.full,.human-messages-settings [data-grant]>p.full{grid-column:1/-1}
.human-messages-settings [data-grant]>label[hidden]{display:none!important}
.human-messages-settings [data-grant]>fieldset{grid-row:1 / span 2}
.human-messages-settings .multiple-transfer select{height:180px}
.human-messages-settings form>button{grid-column:1 / -1;justify-self:end;align-self:start;width:auto;min-height:var(--mh-space-10);height:auto}
.human-messages-settings [data-department]{margin:0 var(--mh-space-2) var(--mh-space-2) 0}
.human-messages-settings [data-department-form]:not(:empty){margin-top:var(--mh-space-4)}
.human-messages-settings [data-department-form] fieldset{grid-column:1 / -1;grid-template-columns:repeat(2,minmax(0,1fr))}
.human-messages-settings [data-department-form] fieldset>p{grid-column:1 / -1}
.human-messages-settings [data-department-form] fieldset>div{display:flex;gap:var(--mh-space-3);flex-wrap:wrap;grid-column:1 / -1}
@media(max-width:767px){.human-messages-settings .form-grid,.human-messages-settings [data-department-form] fieldset{grid-template-columns:1fr}.human-messages-settings [data-grant]>fieldset{grid-column:1;grid-row:auto}.human-messages-settings .human-config-section{padding:var(--mh-space-3)}}
.human-messages-workspace [hidden],[data-human-access][hidden]{display:none!important}
.modal.human-messages-suspended{display:none!important}
.human-messages-launcher{right:calc(max(12px,env(safe-area-inset-right)) + 56px + var(--mh-space-3))}
[data-human-access]{position:relative}
.human-messages-launcher[data-human-access]{position:fixed}
[data-human-badge]{position:absolute;top:-6px;right:-6px;display:grid;place-items:center;min-width:24px;height:24px;box-sizing:border-box;background:var(--mh-error);color:var(--mh-on-primary);border:2px solid var(--mh-on-primary);border-radius:var(--mh-radius-pill);padding:0 var(--mh-space-1);font-size:var(--mh-type-caption);font-weight:var(--mh-weight-bold);line-height:1;pointer-events:none}
[data-human-badge][hidden]{display:none}
[data-human-access="header"]{position:relative}
.human-messages-workspace{background:var(--mh-surface);color:var(--mh-text);padding:var(--mh-space-4);border-radius:var(--mh-radius);min-width:0}
.human-messages-layout{display:grid;grid-template-columns:minmax(180px,28%) minmax(0,1fr);gap:var(--mh-space-4)}
.human-messages-list{max-height:50vh;overflow:auto;display:grid;gap:var(--mh-space-2);margin-block:var(--mh-space-3)}
.human-messages-item{text-align:left;display:flex;flex-direction:column;align-items:flex-start;white-space:normal;width:100%}
.human-messages-item.active{background:var(--mh-selected)}
.human-messages-thread{height:44vh;min-height:160px;overflow:auto;overscroll-behavior:contain;border:1px solid var(--mh-line);padding:var(--mh-space-3)}
.human-message{padding:var(--mh-space-3);margin-bottom:var(--mh-space-3);background:var(--mh-surface-soft);border-radius:var(--mh-radius)}
.human-message p{white-space:pre-wrap;overflow-wrap:anywhere}
.human-message header{display:flex;gap:var(--mh-space-2);flex-wrap:wrap}
.human-message-internal{background:var(--mh-warning-soft);border-inline-start:4px solid var(--mh-warning)}
.human-messages-compose-actions{display:flex;align-items:center;gap:var(--mh-space-2);flex-wrap:wrap}
.human-messages-conversation{min-width:0}.human-messages-conversation textarea{width:100%;box-sizing:border-box}
.human-messages-panel>.modal-card{width:min(920px,96vw);max-height:calc(100dvh - var(--mh-space-8));overflow:auto}
.human-messages-back{display:none}
.human-messages-workspace{display:flex;flex-direction:column;height:calc(100dvh - 112px);min-height:480px;gap:var(--mh-space-2);box-sizing:border-box}
.human-messages-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--mh-space-2);flex-wrap:wrap;flex-shrink:0}
.human-messages-heading h2,.human-messages-heading h3{margin:0;font-size:var(--mh-type-h4)}
.human-messages-workspace>.tabs{flex-shrink:0;margin:0;padding:var(--mh-space-1);min-height:0}
.human-messages-workspace>.human-messages-layout{flex:1;min-height:0;overflow:hidden}
.human-messages-layout>aside{min-height:0;overflow:auto}
.human-messages-layout>.human-messages-conversation{display:flex;flex-direction:column;gap:var(--mh-space-2);min-height:0;overflow:hidden}
.human-messages-conversation>.human-messages-thread{flex:1;min-height:80px;height:auto}
.human-messages-conversation>label,.human-messages-conversation>form{margin:0;flex-shrink:0}
.human-messages-conversation textarea{min-height:64px;max-height:96px;margin:0}
.human-messages-compose-actions>label{margin:0;flex:1;min-width:120px}
.human-messages-compose-actions input[type=file]{max-width:100%;font-size:var(--mh-type-caption)}
.human-messages-conversation form button{width:auto;flex-shrink:0}
.human-messages-conversation>[data-compose]{display:flex;flex-direction:column;gap:var(--mh-space-1)}
.human-messages-conversation>[data-compose]>label{margin:0;gap:var(--mh-space-1)}
.human-messages-conversation textarea{min-height:48px;height:48px;max-height:80px}
.human-messages-conversation>label{display:flex;align-items:center;gap:var(--mh-space-2);font-size:var(--mh-type-caption)}
.human-messages-conversation>label input{flex:1;min-width:0;height:30px;padding:var(--mh-space-1) var(--mh-space-2)}
.human-messages-compose-actions>label{display:flex;align-items:center;gap:var(--mh-space-2)}
.human-messages-compose-actions input[type=file]{min-width:0;height:32px;padding:var(--mh-space-1);flex:1}
.human-messages-compose-actions select,.human-messages-compose-actions button{min-height:32px;padding:var(--mh-space-1) var(--mh-space-2)}
.human-messages-conversation>.human-messages-thread{min-height:140px}
body:has(#content .human-messages-full) > .shared-ai-launcher{left:8px;right:auto;bottom:16px;width:48px;height:48px;min-height:48px}
@media(max-width:767px){.human-messages-layout{grid-template-columns:1fr}.human-messages-list{max-height:55dvh}.human-messages-thread{height:38dvh}.human-messages-workspace{padding:var(--mh-space-2)}.human-messages-layout:not(.has-conversation)>.human-messages-conversation,.human-messages-layout.has-conversation>aside{display:none}.human-messages-back{display:inline-flex}}
/* Shared compact operational lists (VTENEXT reference, 2026-10-09).
   Only application list wrappers and their direct tables are targeted.
   No document/email/editor/canvas descendants or global table overrides. */
#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-h2); font-weight:var(--mh-weight-bold); 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);
}
#content > .module-page-head .module-icon { width: var(--mh-control-height); height: var(--mh-control-height); font-size: var(--mh-type-h4); border-radius: var(--mh-radius-control); }
#content > .crm-list-workspace { margin-bottom: var(--mh-space-2); border-radius: var(--mh-radius-control); box-shadow: none; }
#content .crm-list-commandbar, #content .crm-list-searchrow { padding: var(--mh-space-1) var(--mh-space-3); gap: var(--mh-space-2); }
#content .crm-list-searchrow .search-wrap { max-width: none; }
#content .crm-list-searchrow input { font-size: var(--mh-type-body-small); }
#content .crm-list-commandbar :is(button,select), #content .crm-operational-filters :is(button,select),
#content > :is(.document-toolbar,.accounting-toolbar,.management-toolbar) :is(button,input,select) {
  min-height: var(--mh-control-height); font-size: var(--mh-type-label); padding-block: var(--mh-space-1);
}
#content > :is(.document-toolbar,.accounting-toolbar,.management-toolbar), #content .crm-operational-filters {
  padding: var(--mh-space-2) var(--mh-space-3); gap: var(--mh-space-2); margin-block: var(--mh-space-2); box-shadow: none;
}
#content :is(.module-table,.commission-summary-table,.commission-payment-table,.commission-created-preinvoices,.preinvoice-list-table,.document-table,.quote-register-table,.commission-table,.commission-dashboard-results-table,.management-table,.ai-knowledge-table,.process-manager-table),
#content > .table-wrap { border-radius: var(--mh-radius-control); box-shadow: none; max-width: 100%; }
#content :is(.module-table,.commission-summary-table,.commission-payment-table,.commission-created-preinvoices,.preinvoice-list-table,.document-table,.quote-register-table,.commission-table,.commission-dashboard-results-table,.management-table,.ai-knowledge-table,.process-manager-table) > table > :is(thead,tbody,tfoot) > tr > :is(th,td),
#content > .table-wrap > table > :is(thead,tbody,tfoot) > tr > :is(th,td) {
  padding: var(--mh-space-1) var(--mh-space-2);
  font-size: var(--mh-type-body-small); line-height: var(--mh-leading-body); vertical-align: middle;
}
#content :is(.module-table,.commission-summary-table,.commission-payment-table,.commission-created-preinvoices,.preinvoice-list-table,.document-table,.quote-register-table,.commission-table,.commission-dashboard-results-table,.management-table,.ai-knowledge-table,.process-manager-table) > table > thead > tr > th,
#content > .table-wrap > table > thead > tr > th {
  font-size: var(--mh-type-caption); font-weight: var(--mh-weight-medium); height: var(--mh-control-height);
  letter-spacing: normal; text-transform: none;
}
/* Existing module-table uses important row geometry; override only that contract. */
#content .module-table:not(.kanban-active) > table > :is(thead,tbody) > tr > :is(th,td) {
  height: var(--mh-control-height) !important; max-height: none;
}
#content .module-table:not(.kanban-active) > table { width: 100%; min-width: 0; table-layout: fixed; }
#content .module-table:not(.kanban-active) > table > :is(thead,tbody) > tr > :is(th,td) { box-sizing: border-box; width: auto; min-width: 0; max-width: none; }
#content .module-table:not(.kanban-active) > table > :is(thead,tbody) > tr > .checkcell { width: 84px; min-width: 84px; }
#content .module-table:not(.kanban-active) .module-cell-clip { width: 100%; max-width: 100%; }
#content .module-table:not(.kanban-active) thead .module-cell-clip { display: block; max-height: none; overflow-wrap: anywhere; }
#content .module-table:not(.kanban-active) > table > thead > tr > th { height: auto !important; min-height: var(--mh-control-height); }
/* Multi-block financial lists share the available width, not legacy pixel sums. */
/* The shared CRM list switches by available container space, not device identity.
   Header controls remain visible for sorting and bulk selection. */
#content .module-table.module-table-stacked:not(.kanban-active) > table,
#content .module-table.module-table-stacked > table > :is(thead,tbody) { display: block; width: 100%; }
#content .module-table.module-table-stacked > table > thead > tr { display: flex; flex-wrap: wrap; }
#content .module-table.module-table-stacked > table > thead > tr > th { width: auto !important; flex: 1 1 140px; white-space: normal; }
#content .module-table.module-table-stacked > table > tbody > tr { display: block; }
#content .module-table.module-table-stacked > table > tbody > .module-data-row { margin-bottom: var(--mh-space-3); border-bottom: 2px solid var(--mh-border); }
#content .module-table.module-table-stacked > table > tbody > .module-data-row > td { display: grid; grid-template-columns: minmax(100px, 38%) minmax(0,1fr); gap: var(--mh-space-2); width: 100%; height: auto !important; min-height: var(--mh-control-height); white-space: normal; text-align: left; }
#content .module-table.module-table-stacked > table > tbody > .module-data-row > td::before { content: attr(data-column-label); font-weight: var(--mh-weight-medium); overflow-wrap: anywhere; }
#content .module-table.module-table-stacked > table > tbody > .module-data-row > .checkcell { display: flex; width: 100%; align-items: center; }
#content .module-table.module-table-stacked > table > tbody > .module-data-row > .checkcell::before { content: none; }
#content .module-table.module-table-stacked tbody .module-cell-clip { white-space: normal; overflow: visible; text-overflow: clip; max-height: none; overflow-wrap: anywhere; }
#content .module-table.module-table-stacked tbody .module-cell-clip > * { max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
#content :is(.commission-summary-table,.commission-payment-table,.commission-created-preinvoices,.preinvoice-list-table) > table:not([data-ui="DataTable"]) { width: 100%; min-width: 0; table-layout: fixed; }
#content :is(.commission-summary-table,.commission-payment-table,.commission-created-preinvoices,.preinvoice-list-table) > table:not([data-ui="DataTable"]) > :is(thead,tbody,tfoot) > tr > :is(th,td) { width: auto; min-width: 0; max-width: none; overflow-wrap: anywhere; }
#content :is(.commission-summary-table,.commission-payment-table,.commission-created-preinvoices,.preinvoice-list-table) > table:not([data-ui="DataTable"]) > thead > tr > th { white-space: normal; }
#content .preinvoice-list-table > table > tbody > tr > td:last-child { white-space: normal; }
#content .module-table:not(.kanban-active) .module-cell-clip :is(.record-link,.assigned-user,.table-field-summary) { font-size: inherit; line-height: inherit; }
#content .module-table .pager { padding: var(--mh-space-1) var(--mh-space-2); gap: var(--mh-space-2); flex-wrap: wrap; }
#content .module-table .pager > select { width: auto; min-width: 72px; flex: 0 0 auto; }
#content .module-table .pager > span { font-size: var(--mh-type-caption); white-space: nowrap; }
#content .module-table .pager > span:first-child { margin-right: auto; }
/* Multi-block pages retain their sections, state colours and collapse controls. */
#content > .commission-management-block { padding: var(--mh-space-3); margin-block: var(--mh-space-3); border-radius: var(--mh-radius); min-height: 0; }
#content > .commission-management-block > header { gap: var(--mh-space-2); }
#content > .commission-management-block > header h2 { font-size: var(--mh-type-h4); margin: 0 0 var(--mh-space-1); }
#content > .commission-management-block > header p { font-size: var(--mh-type-body-small); line-height: var(--mh-leading-body); }
#content .commission-management-filters { grid-template-columns: repeat(6,minmax(0,1fr)); gap: var(--mh-space-2); margin-block: var(--mh-space-3); }
#content .commission-management-filters > label { gap: var(--mh-space-1); margin: 0; font-size: var(--mh-type-label); font-weight: var(--mh-weight-medium); min-width: 0; }
#content .commission-management-filters :is(input,select) { min-width: 0; width: 100%; min-height: var(--mh-control-height); padding: var(--mh-space-1) var(--mh-space-2); font-size: var(--mh-type-body-small); }
#content .commission-management-filter-actions { gap: var(--mh-space-2); }
#content .commission-management-report { margin-top: var(--mh-space-2); }
#content > .commission-cycle-status { gap: var(--mh-space-2); margin-bottom: var(--mh-space-2); }
#content > .commission-cycle-status > article { padding: var(--mh-space-2) var(--mh-space-3); box-shadow: none; }
#content > .commission-cycle-status strong { font-size: var(--mh-type-h3); margin-top: var(--mh-space-1); }
@media(max-width:1280px) { #content .commission-management-filters { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media(max-width:800px) { #content .commission-management-filters { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:540px) { #content .commission-management-filters { grid-template-columns: minmax(0,1fr); } }
/* Dashboard assignments: one readable workspace per dashboard. */
.launchpad-screen-editor-modal .launchpad-card-toggle{justify-self:end;width:auto;margin-bottom:var(--mh-space-3)}
.launchpad-screen-editor-modal .edit-launchpad-card.is-disabled{opacity:.65;border-style:dashed}
.dashboard-head .breadcrumbs .dashboard-brand-label{text-transform:none}
#content .dashboard-layout-admin [hidden]{display:none!important}
#content .dashboard-layout-overview{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:var(--mh-space-5)}
#content .dashboard-layout-overview .default-view-card{height:100%;box-sizing:border-box}
#content .dashboard-layout-overview .default-view-card>footer{margin-top:auto}
#content .dashboard-overview-back{margin-bottom:var(--mh-space-4)}
@media(max-width:1100px){#content .dashboard-layout-overview{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){#content .dashboard-layout-overview{grid-template-columns:1fr}}
#content .dashboard-layout-admin-grid { grid-template-columns: repeat(auto-fit,minmax(min(100%,340px),1fr)); gap: var(--mh-space-4); align-items:start; }
#content .dashboard-layout-configuration{border-top:1px solid var(--mh-line)}
#content .dashboard-layout-configuration>summary{cursor:pointer;padding:var(--mh-space-4);font-weight:var(--mh-weight-medium)}
#content .dashboard-layout-card:has(.dashboard-layout-configuration[open]){grid-column:1 / -1}
#content .dashboard-configuration-actions{display:flex;justify-content:flex-end;padding:var(--mh-space-4)}
#content .dashboard-layout-configuration .form-grid{display:flex;flex-wrap:wrap;gap:var(--mh-space-4);align-items:center}
#content .dashboard-layout-configuration .compact-check{display:flex;align-items:center;gap:var(--mh-space-2);margin:0;min-height:0}
#content .dashboard-layout-configuration input[type=checkbox]{width:var(--mh-space-4);height:var(--mh-space-4);min-height:0;flex:none}
#content .dashboard-layout-configuration [data-save-sections]{width:auto;justify-self:end}
#content .dashboard-assignment-panel { grid-template-columns: minmax(0,1fr); gap: var(--mh-space-3); }
#content .dashboard-layout-card .dashboard-assignment-grid { grid-template-columns: repeat(auto-fit,minmax(min(100%,440px),1fr)); gap: var(--mh-space-4); }
#content .dashboard-assignment-grid > label { padding: var(--mh-space-3); background: var(--surface); border: 1px solid var(--border); border-radius: var(--mh-radius-control); }
#content .dashboard-layout-contents { border-top: 1px solid var(--border); }
#content .dashboard-layout-contents summary { cursor: pointer; padding: var(--mh-space-4); font-weight: var(--mh-weight-medium); }
#content .dashboard-layout-contents summary small { display: inline-block; margin-left: var(--mh-space-3); color: var(--muted); font-weight: var(--mh-weight-regular); }
#content .dashboard-layout-card-preview { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,240px),1fr)); padding: 0 var(--mh-space-4) var(--mh-space-4); border: 0; }
#content .dashboard-layout-card-preview span { min-width: 0; overflow-wrap: anywhere; padding: var(--mh-space-2); }
#content .dashboard-layout-card footer { flex-wrap: wrap; }
#content .dashboard-layout-card .dashboard-layout-description { grid-template-columns: minmax(0,1fr); gap: var(--mh-space-1); }
 #content .dashboard-assignment-grid .multiple-transfer { display: grid; grid-template-columns: minmax(0,1fr) 40px minmax(0,1fr); gap: var(--mh-space-2); }
 #content .dashboard-assignment-grid .multiple-transfer > div { min-width: 0; }
 #content .dashboard-assignment-grid .multiple-transfer select { height: 180px; }
 @media(max-width:600px) {
   #content .dashboard-assignment-grid .multiple-transfer { grid-template-columns: minmax(0,1fr); }
   #content .dashboard-assignment-grid .multiple-transfer-actions { flex-direction: row; justify-content: center; }
   #content .dashboard-layout-card header, #content .dashboard-assignment-panel, #content .dashboard-layout-card footer { padding: var(--mh-space-3); }
 }
:root[data-theme] .sidebar .brand::before {
  content: "";
  width: 31px;
  height: 31px;
  border: 0;
  border-radius: 0;
  background: url("/assets/logo-adv-groups.png") left center / auto 31px no-repeat;
  box-shadow: none;
}
.launchpad-card-form .permission-transfer-actions { justify-items: center; align-items: center; }
.launchpad-card-form .permission-transfer-actions button { width: 44px; height: 40px; min-height: 40px; padding: 0; }
.module-dashboard-tabs { display: flex; gap: var(--mh-space-2); margin-bottom: var(--mh-space-3); }
.module-dashboard-tabs button[aria-pressed="true"] { border-color: var(--primary); font-weight: var(--mh-weight-bold); }
#content .dashboard-layout-admin { width: 100%; max-width: none; margin: 0; }
#content .dashboard-layout-admin-head { min-height: 0; padding: var(--mh-space-3) var(--mh-space-4); margin-bottom: var(--mh-space-3); gap: var(--mh-space-3); align-items: center; }
#content .dashboard-layout-admin-head h1 { font-size: var(--mh-type-h2); font-weight:var(--mh-weight-bold); line-height: var(--mh-leading-heading); margin-block: var(--mh-space-1); }
#content .dashboard-layout-admin-head p { font-size: var(--mh-type-body-small); margin-block: var(--mh-space-1); }
body.settings-page #content .dashboard-layout-card { padding: 0; border-radius: var(--mh-radius); box-shadow: none; }
#content .dashboard-layout-card > header,
#content .dashboard-layout-card > footer,
#content .dashboard-layout-card .dashboard-layout-description,
#content .dashboard-layout-contents summary { padding: var(--mh-space-3) var(--mh-space-4); min-height: 0; }
#content .dashboard-layout-card > header h2 { font-size: var(--mh-type-h4); margin-block: var(--mh-space-1); }
#content .dashboard-card-count { width: 44px; height: 44px; flex-basis: 44px; border-radius: var(--mh-radius-control); }
#content .dashboard-layout-card .dashboard-assignment-grid select:not([multiple]) { height: var(--mh-control-height); }
#content .dashboard-layout-admin-head { margin-inline: 0; }
#content .dashboard-assignment-grid > label { align-content: start; }
/* One typography contract for all three commission-management blocks. */
#content :is(.commission-summary-table,.commission-payment-table,.commission-created-preinvoices) > table {
  font-family: var(--mh-font);
}
#content :is(.commission-summary-table,.commission-payment-table,.commission-created-preinvoices) > table > :is(tbody,tfoot) > tr > :is(th,td) {
  font-size: var(--mh-type-body-small); font-weight: var(--mh-weight-regular);
  line-height: var(--mh-leading-body); text-transform: none; letter-spacing: normal;
}
#content :is(.commission-summary-table,.commission-payment-table,.commission-created-preinvoices) :is(.commission-summary-amount,.commission-payment-value,strong) {
  font-family: inherit; font-size: inherit; line-height: inherit; font-weight: inherit;
  text-transform: none; letter-spacing: normal;
}
#content :is(.commission-summary-table,.commission-payment-table,.commission-created-preinvoices) > table > tfoot > tr > :is(th,td) {
  font-weight: var(--mh-weight-medium);
}
#content :is(.commission-summary-table,.commission-payment-table,.commission-created-preinvoices) :is(small,.badge) {
  font-family: inherit; font-size: var(--mh-type-caption); line-height: var(--mh-leading-body);
  font-weight: var(--mh-weight-medium); text-transform: none; letter-spacing: normal;
}
/* External document consultation uses the same tokens without the CRM shell. */
body:has(#share-portal) { display: block; background: var(--mh-background); color: var(--mh-text); font-family: var(--mh-font); }
#share-portal { box-sizing: border-box; width: min(100%, 960px); margin: var(--mh-space-6) auto; padding: var(--mh-space-6); overflow-wrap: anywhere; }
#share-portal form:not([hidden]), #share-portal section:not([hidden]) { display: grid; gap: var(--mh-space-4); }
#share-portal article { padding: var(--mh-space-4); border: var(--mh-border-width) solid var(--mh-line); border-radius: var(--mh-radius); background: var(--mh-surface); }
#share-portal label { display: block; margin-block: var(--mh-space-3); }
#share-portal input, #share-portal button, #share-portal a { font: inherit; min-height: var(--mh-control-height); max-width: 100%; box-sizing: border-box; }
#share-portal input[type=checkbox] { min-height: auto; }
.document-share-wizard [hidden] { display: none !important; }
.calendar-configured-layout .calendar-single-column { grid-template-columns: minmax(0, 1fr); }
.calendar-configured-layout [hidden] { display: none !important; }
.calendar-configured-layout input, .calendar-configured-layout select, .calendar-configured-layout textarea { min-width: 0; max-width: 100%; box-sizing: border-box; }
.document-share-wizard [data-step] { padding: var(--mh-space-4); min-width: 0; }
.document-share-wizard [data-step] input, .document-share-wizard [data-step] textarea, .document-share-wizard [data-step] select { box-sizing: border-box; max-width: 100%; min-width: 0; }
.document-share-wizard .form-grid > p { grid-column: 1 / -1; }
.document-share-wizard .modal-card > .form-actions { margin: 0; padding: var(--mh-space-4); width: 100%; box-sizing: border-box; flex-wrap: wrap; }
.document-share-wizard [data-step-label], .document-share-wizard [data-feedback] { padding: var(--mh-space-2) var(--mh-space-4); }
#share-portal a { display: inline-flex; align-items: center; margin: var(--mh-space-2); }
/* Dashboard quick actions reuse the card renderer in a compact wrapping toolbar. */
.universal-launchpad .launchpad-header-actions { display:flex; flex-wrap:wrap; gap:var(--mh-space-12,12px); padding:var(--mh-space-16,16px); }
.universal-launchpad .launchpad-header-actions:empty { display:none; }
.universal-launchpad .launchpad-header-actions>.header-action-slot{display:flex;flex:1 0 100%;min-width:0;justify-content:flex-start}
.universal-launchpad .launchpad-header-actions>.align-center{justify-content:center}
.universal-launchpad .launchpad-header-actions>.align-right{justify-content:flex-end}
.universal-launchpad .header-action-slot>.launchpad-card{flex:0 1 auto;width:auto;max-width:100%;min-width:0;min-height:40px;height:auto;padding:var(--mh-space-3) var(--mh-space-4);grid-column:auto;grid-row:auto}
.universal-launchpad .header-action-slot.align-stretch>.launchpad-card{width:100%}
.universal-launchpad .dashboard-block-columns.equal-card-row{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:flex-start;gap:var(--mh-space-4)}
.universal-launchpad .equal-card-row.align-center{justify-content:center}
.universal-launchpad .equal-card-row.align-right{justify-content:flex-end}
.universal-launchpad .equal-card-row>.launchpad-card{flex:0 1 340px;width:340px;max-width:100%;min-width:0;align-self:stretch;height:auto;grid-column:auto;grid-row:auto;margin:0}
.universal-launchpad .equal-card-row.align-stretch>.launchpad-card{flex:1 1 280px}
.dashboard-studio-modal form.dashboard-block-form>label[hidden]{display:none!important}
.universal-launchpad .launchpad-header-actions > .launchpad-card { flex:0 1 auto; width:auto; max-width:100%; min-width:0; min-height:40px; height:auto; padding:var(--mh-space-12,12px) var(--mh-space-16,16px); grid-column:auto; grid-row:auto; }
.universal-launchpad .launchpad-header-actions .launchpad-card strong { overflow-wrap:anywhere; }
.universal-launchpad .launchpad-header-actions .launchpad-card-icon,
.universal-launchpad .launchpad-header-actions .launchpad-card img { width:24px; height:24px; min-width:24px; object-fit:contain; }
.universal-launchpad .launchpad-header-actions .launchpad-card small { display:none; }
/* Timetable geometry: each hour is 48px; half-hour hit areas are calendar slots. */
[data-calendar-display-days="5"] { --calendar-visible-days:5; }
[data-calendar-display-days="7"] { --calendar-visible-days:7; }
.calendar-shell .calendar-grid.month[data-calendar-display-days],
.calendar-weekdays.month[data-calendar-display-days] { min-width:0; grid-template-columns:repeat(var(--calendar-visible-days,7),minmax(0,1fr)); }
.calendar-time-scroll { max-height:650px; overflow:auto; }
.calendar-time-grid.week,.calendar-time-grid.day { min-width:0; }
.calendar-time-head,.calendar-time-body { display:grid; grid-template-columns:48px repeat(var(--calendar-days),minmax(0,1fr)); }
.calendar-time-scroll:focus-visible { outline:2px solid var(--mh-primary); outline-offset:2px; }
.calendar-time-grid { width:100%; min-width:0; }
.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; }
.calendar-time-heading { min-width:0; overflow-wrap:normal; }
.calendar-time-head { position:sticky; top:0; z-index:3; background:var(--mh-surface,#fff); border-bottom:1px solid var(--mh-border,#cbdde5); }
.calendar-time-head > * { padding:var(--mh-space-2,8px) var(--mh-space-1,4px); text-align:center; font-weight:600; }
.calendar-time-axis { display:grid; grid-template-rows:repeat(24,48px); background:var(--mh-surface,#fff); position:sticky; left:0; z-index:2; }
.calendar-time-axis span { padding:4px 8px; font-size:12px; text-align:right; border-top:1px solid var(--mh-border,#cbdde5); }
.calendar-time-column { position:relative; height:1152px; min-width:0; border-left:1px solid var(--mh-border,#cbdde5); }
.calendar-time-column .calendar-time-slot { display:block; width:100%; height:24px; min-height:0; margin:0; padding:0; border:0; border-bottom:1px solid var(--mh-border,#cbdde5); border-radius:0; background:transparent; box-shadow:none; }
.calendar-time-column .calendar-time-slot:hover { background:var(--mh-surface-hover,#edf6fa); }
.calendar-time-column .calendar-time-slot:focus-visible { outline:2px solid var(--mh-primary,#0065c9); outline-offset:-2px; }
.calendar-timed-event { position:absolute; z-index:1; padding:0 2px; box-sizing:border-box; min-height:12px; }
.calendar-timed-event .calendar-event { width:100%; height:100%; min-height:0; margin:0; overflow:hidden; display:block; text-align:left; white-space:normal; padding:2px 4px; }
.calendar-timed-event .calendar-event time { margin-right:4px; }
.calendar-timed-event .calendar-event small { display:block; }
.calendar-timed-event .calendar-event span,
.calendar-timed-event .calendar-event small { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; overflow-wrap:normal; }
.calendar-timed-event .calendar-event:focus-visible { outline:2px solid var(--mh-primary); outline-offset:-2px; }
/* Opt-in day-cell variant of the canonical MHUI Button, reusable by date grids. */
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; }
.calendar-now-line { position:absolute; left:0; right:0; border-top:2px solid var(--mh-danger,#d74444); pointer-events:none; z-index:2; }
.role-menu-drag-handle { cursor:grab; min-width:40px; touch-action:pan-y; }
.role-menu-drag-handle:active { cursor:grabbing; }
.role-menu-sortable .menu-dragging { opacity:.5; }
.role-menu-sortable .menu-drop-before > td { box-shadow:inset 0 3px var(--mh-primary,#0065c9); }
.role-menu-sortable .menu-drop-after > td { box-shadow:inset 0 -3px var(--mh-primary,#0065c9); }
.dashboard-main-block-editor { width:100%; padding:var(--mh-space-16,16px); }
.dashboard-main-block-editor > summary { cursor:pointer; min-height:40px; padding:var(--mh-space-8,8px); }
.dashboard-main-block-editor > summary span { display:block; margin-top:var(--mh-space-4,4px); color:var(--mh-text-muted,#527082); }
.dashboard-main-block-editor > .form-grid { margin-top:var(--mh-space-16,16px); }
.dashboard-main-block-editor > summary:focus-visible { outline:2px solid var(--mh-primary,#0065c9); }
.launchpad-card-editor-modal .launchpad-card-form > .full { grid-column:1/-1; }
.launchpad-card-editor-modal .card-editor-section { padding:var(--mh-space-4); border:1px solid var(--mh-line); border-radius:var(--mh-radius-card,14px); background:var(--mh-surface); min-width:0; }
.launchpad-card-editor-modal .card-editor-section > summary { cursor:pointer; font-weight:var(--mh-weight-bold); padding:var(--mh-space-2); min-height:40px; }
.launchpad-card-editor-modal .card-editor-section > summary:focus-visible { outline:2px solid var(--mh-primary); outline-offset:2px; }
.launchpad-card-editor-modal .card-editor-section > .form-grid { margin-top:var(--mh-space-4); gap:var(--mh-space-4); grid-template-columns:repeat(2,minmax(0,1fr)); }
.launchpad-card-editor-modal .card-editor-section .form-grid > label { display:flex; flex-direction:column; gap:var(--mh-space-2); margin:0; padding:0; min-width:0; align-self:start; }
.launchpad-card-editor-modal .launchpad-card-form label[hidden] { display:none!important; }
.launchpad-card-editor-modal .card-editor-section .card-field-help { min-height:0; font-size:var(--mh-type-caption); }
@media(max-width:800px) { .launchpad-card-editor-modal .card-editor-section > .form-grid { grid-template-columns:minmax(0,1fr); } }
.universal-launchpad .dashboard-service-card { width:100%; min-width:0; display:flex; align-items:flex-start; gap:var(--mh-space-4); text-align:left; padding:var(--mh-space-5); border:1px solid var(--mh-line); border-top:4px solid var(--mh-primary); border-radius:var(--mh-radius-card,14px); background:var(--mh-surface); color:var(--mh-text); }
.dashboard-service-body { flex:1; min-width:0; display:grid; gap:var(--mh-space-3); }
.dashboard-service-body [data-service-content] { display:grid; gap:var(--mh-space-2); }
.dashboard-agenda-event { display:grid; grid-template-columns:auto minmax(0,1fr); gap:var(--mh-space-3); border-bottom:1px solid var(--mh-line-soft); padding-block:var(--mh-space-2); }
.dashboard-agenda-event time { font-size:var(--mh-type-caption); font-weight:var(--mh-weight-bold); }
.dashboard-agenda-event > span { overflow-wrap:anywhere; }
.dashboard-service-card .dashboard-mail-unread { justify-self:start; border-radius:999px; background:#b42318; color:#fff; padding:var(--mh-space-1) var(--mh-space-2); font-weight:var(--mh-weight-bold); }
.dashboard-service-card small { display:block; color:var(--mh-muted); }
.dashboard-home-launchpad .launchpad-level.dashboard-builder-level { display:block; width:100%; min-width:0; }
.dashboard-home-launchpad .dashboard-builder-level > .dashboard-block-layout { width:100%; min-width:0; }
.dashboard-home-launchpad .legacy-dashboard-block { border:0; border-radius:0; background:transparent; box-shadow:none; overflow:visible; }
.dashboard-home-launchpad .legacy-dashboard-block > header { display:none; }
.dashboard-home-launchpad .dashboard-block-column { border:0; padding:0; background:transparent; }
/* Communications workspace: shared controls and tokens; authored HTML stays untouched. */
.communication-filters { display:flex; flex-wrap:wrap; gap:var(--mh-space-3); align-items:end; padding:var(--mh-space-4); margin:var(--mh-space-4) 0; }
.communication-filters label { flex:1 1 200px; display:grid; gap:var(--mh-space-2); }
.communication-filters label:first-child { flex-grow:2; }
.communication-filters [role=status] { align-self:center; color:var(--mh-muted); }
.communication-results > button { text-align:left; border:1px solid var(--mh-line); border-radius:var(--mh-radius); color:var(--mh-text); background:var(--mh-surface); gap:var(--mh-space-4); }
.communication-results > button > div { display:grid; gap:var(--mh-space-1); min-width:0; overflow-wrap:anywhere; }
.communication-results > button:hover { background:var(--mh-hover); }
.communication-results > button[hidden],.communication-settings-tabs ~ [hidden],.communication-editor [hidden] { display:none !important; }
.communication-kpis { gap:var(--mh-space-3); }
.communication-kpis article { border:1px solid var(--mh-line); border-top:3px solid var(--mh-primary); background:var(--mh-surface); border-radius:var(--mh-radius); padding:var(--mh-space-4); }
.communication-kpis article span { color:var(--mh-muted); }
.communication-editor .communication-form { gap:var(--mh-space-4); padding:var(--mh-space-4); }
.communication-form > label { margin:0; padding:0; }
.communication-form input[type=checkbox] { width:18px; height:18px; min-height:18px; margin:0 var(--mh-space-2) 0 0; vertical-align:middle; }
.motivation-automation .section-head { display:flex; align-items:center; justify-content:space-between; gap:var(--mh-space-4); flex-wrap:wrap; }
.communication-form-heading { margin:0; padding-bottom:var(--mh-space-3); border-bottom:1px solid var(--mh-line); }
.communication-editor fieldset { min-width:0; border:1px solid var(--mh-line); border-radius:var(--mh-radius); padding:var(--mh-space-4); background:var(--mh-surface-soft); }
.communication-editor legend { font-weight:var(--mh-weight-bold); padding:0 var(--mh-space-2); }
.communication-editor .communication-channels { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--mh-space-3); }
.communication-editor .communication-channel { display:grid; gap:var(--mh-space-2); border:1px solid var(--mh-line); padding:var(--mh-space-3); border-radius:var(--mh-radius-control); }
.communication-editor .communication-channel small { color:var(--mh-muted); }
.communication-editor .communication-channel.unavailable { background:var(--mh-disabled); }
.communication-editor .communication-mail-servers { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--mh-space-3); }
.communication-editor .form-actions { position:sticky; bottom:0; background:var(--mh-surface); padding:var(--mh-space-3); border-top:1px solid var(--mh-line); z-index:2; }
.communication-settings-tabs { margin:var(--mh-space-4) 0; flex-wrap:wrap; }
.communication-reader .communication-detail { padding:var(--mh-space-4); }
.communication-reader .communication-detail dl { margin:0; padding:var(--mh-space-4); background:var(--mh-surface-soft); border-radius:var(--mh-radius); }
.communication-reader .communication-detail details { grid-column:1/-1; overflow-wrap:anywhere; }
.communication-reader .communication-detail summary { cursor:pointer; min-height:var(--mh-control-height); }
@media(max-width:760px) {
 .communication-results > button { grid-template-columns:auto minmax(0,1fr); }
 .communication-results > button > div:last-child { grid-column:2; }
 .communication-editor .communication-channels,.communication-editor .communication-mail-servers { grid-template-columns:1fr; }
}
/* Shared list option ordering: no drop-to-nest, explicit insertion line. */
.option-order-toolbar { display:flex; flex-wrap:wrap; gap:var(--mh-space-2); margin-bottom:var(--mh-space-3); }
.option-order-list { display:grid; gap:var(--mh-space-2); }
.option-order-row { display:grid; grid-template-columns:40px minmax(0,1fr) auto; gap:var(--mh-space-2); align-items:center; padding:var(--mh-space-1); border-radius:var(--mh-radius-control); }
.option-order-row > button:first-child { cursor:grab; padding:0; min-width:40px; }
.option-order-row > label { display:flex; align-items:center; gap:var(--mh-space-2); margin:0; padding:0; white-space:nowrap; }
.option-order-row input[type=checkbox] { width:18px; min-height:18px; height:18px; }
.option-order-row[data-insert=before] { box-shadow:0 -3px var(--mh-primary); }
.option-order-row[data-insert=after] { box-shadow:0 3px var(--mh-primary); }
.ordered-options > button { margin-top:var(--mh-space-3); }
.ordered-options + small { display:block; margin-top:var(--mh-space-2); }
.option-order-toolbar > input[type=search] { flex:1 1 220px; width:auto; min-width:0; }
.option-order-count { align-self:center; color:var(--mh-muted); }
.option-value-actions { display:flex; align-items:center; flex-wrap:wrap; gap:var(--mh-space-2); }
.option-value-actions > label { display:flex; align-items:center; gap:var(--mh-space-2); margin:0; padding:0; white-space:nowrap; }
.option-value-actions > small { color:var(--mh-muted); }
.ordered-options button { min-height:var(--mh-control-height); }
.option-order-row[hidden] { display:none!important; }
.option-order-row > input[readonly] { background:var(--mh-surface-soft); }
@media(max-width:600px) {
 .option-order-row { grid-template-columns:40px minmax(0,1fr); }
 .option-value-actions { grid-column:2; }
}

/* Compact configuration family. Do not target authored content or generic labels. */
.field-editor-modal :is(.page-head,.field-editor-form) button { min-height:var(--mh-control-height); }
:is(.field-editor-modal,.launchpad-card-editor-modal,.dashboard-studio-modal,.human-messages-settings,.user-record-modal,.communication-editor) .modal-card > .page-head {
 padding:var(--mh-space-3) var(--mh-space-4);
}
:is(.field-editor-modal,.launchpad-card-editor-modal,.dashboard-studio-modal,.human-messages-settings,.user-record-modal,.communication-editor) .modal-card > .page-head p { margin-block:var(--mh-space-1) 0; }
:is(.dashboard-block-form,.launchpad-card-form,.user-record-form,.communication-form) > label,
:is(.event-main-grid,.event-dates,.event-tab-panel,.human-messages-settings .form-grid,.dashboard-assignment-grid) > label {
 margin-block:0; min-width:0; align-self:start;
}
.field-editor-modal .field-editor-form {
 grid-template-columns:repeat(6,minmax(0,1fr)); gap:var(--mh-space-3) var(--mh-space-4);
 padding:var(--mh-space-4) var(--mh-space-4) 0; align-items:start;
}
.field-editor-form > :is(label,.field-type-guide) { grid-column:span 3; }
.field-editor-form > label:nth-of-type(-n+3) { grid-column:span 2; }
.field-editor-modal .field-editor-form > .full { grid-column:1/-1; }
.field-editor-modal .field-editor-form > label {
 margin:0; padding:0; gap:var(--mh-space-1); border:0; box-shadow:none; background:transparent;
}
.field-editor-modal .field-editor-form > label :is(input:not([type=checkbox]):not([type=radio]),select:not([multiple])) {
 min-height:var(--mh-control-height);
}
.field-editor-modal .field-editor-step { margin:0; padding:var(--mh-space-2) var(--mh-space-3); border-radius:var(--mh-radius-control); }
.field-editor-modal .field-type-guide { padding:var(--mh-space-2) var(--mh-space-3); align-self:end; }
.field-editor-modal .field-editor-form > .form-actions { margin:0 calc(-1 * var(--mh-space-4)); padding:var(--mh-space-3) var(--mh-space-4); gap:var(--mh-space-2); flex-wrap:wrap; }
.field-editor-modal .field-setting { min-height:var(--mh-control-height); }
.field-editor-modal .automatic-field-code { min-height:var(--mh-control-height); }
.event-studio .event-studio-layout { min-height:0; }
.event-studio :is(.event-primary-panel,.event-studio-body) { padding:var(--mh-space-4); }
.event-studio :is(.event-main-grid,.event-tab-panel.active) { gap:var(--mh-space-3); }
.event-studio .event-panel-intro { margin:0; padding:var(--mh-space-2) var(--mh-space-3); }
.event-studio .event-main-grid > label { display:grid; gap:var(--mh-space-1); }
.event-studio .event-studio-footer { padding:var(--mh-space-3) var(--mh-space-4); }
.dashboard-studio-modal .dashboard-block-form { gap:var(--mh-space-3) var(--mh-space-4); padding:var(--mh-space-4); align-items:start; }
.launchpad-card-editor-modal .card-editor-section { padding:var(--mh-space-3); }
.launchpad-card-editor-modal .card-editor-section > .form-grid { margin-top:var(--mh-space-2); gap:var(--mh-space-3) var(--mh-space-4); }
@media(max-width:1000px) {
 .field-editor-modal .field-editor-form { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .field-editor-form > :is(label,.field-type-guide),.field-editor-form > label:nth-of-type(-n+3) { grid-column:span 1; }
}
@media(max-width:700px) {
 .field-editor-modal .field-editor-form { grid-template-columns:minmax(0,1fr); }
}

/* Commission dashboards: compact shared layout, with readable controls. */
#content .commission-head { padding:var(--mh-space-3) var(--mh-space-4); margin:0 0 var(--mh-space-3); min-height:0; }
#content .commission-head h1 { margin:var(--mh-space-1) 0; }
#content .commission-head p { margin:var(--mh-space-1) 0 0; }
#content .commission-metrics { grid-template-columns:repeat(6,minmax(0,1fr)); gap:var(--mh-space-2); margin-bottom:var(--mh-space-3); }
#content .commission-metrics .metric { min-height:0; padding:var(--mh-space-3); margin:0; }
#content .commission-metrics .metric strong,
#content .commission-metrics .commission-metric-link { font-size:24px; line-height:1.2; }
#content .commission-search-panel { margin:var(--mh-space-3) 0; padding:var(--mh-space-4); }
#content .commission-search-panel .dashboard-section { margin:0 0 var(--mh-space-3); padding:0; min-height:0; }
#content .commission-search-panel .dashboard-section h2 { font-size:20px; margin:0; }
#content .commission-filter-boxes { gap:var(--mh-space-3); }
#content .commission-filter-boxes > article { padding:var(--mh-space-3); }
#content .commission-filter-boxes > article:only-child { grid-column:1 / -1; }
#content .commission-filter-boxes h3 { margin:0 0 var(--mh-space-2); }
#content .commission-choice-list,
#content .commission-collaborator-list { height:auto; max-height:180px; padding:0; border:0; background:transparent; display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:var(--mh-space-2); }
#content .commission-choice-list label,
#content .commission-collaborator-list > div { min-height:40px; margin:0; padding:var(--mh-space-2); gap:var(--mh-space-2); }
#content .commission-choice-list span,
#content .commission-collaborator-list > div { font-size:14px; }
#content .commission-product-filters { grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--mh-space-3); margin-top:var(--mh-space-3); align-items:start; }
#content .commission-product-filters > label { margin:0; gap:var(--mh-space-1); min-width:0; }
#content .commission-product-filters > label:has([data-commission-state]) { order:1; grid-column:span 2; }
#content .commission-product-filters input,
#content .commission-product-filters select { min-height:40px; }
#content .commission-product-filters .multiple-transfer select { height:100px; min-height:100px; }
#content .commission-export-actions { margin-top:var(--mh-space-3); padding-top:var(--mh-space-3); }
#content .commission-dashboard-results .dashboard-section { margin:var(--mh-space-3) 0; padding:0; min-height:0; }
@media(max-width:1100px) {
 #content .commission-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); }
 #content .commission-product-filters { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:850px) {
 #content .commission-product-filters { grid-template-columns:repeat(2,minmax(0,1fr)); }
 #content .commission-filter-boxes { grid-template-columns:1fr; }
}
@media(max-width:600px) {
 #content .commission-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
 #content .commission-product-filters { grid-template-columns:1fr; }
 #content .commission-product-filters > label:has([data-commission-state]) { grid-column:auto; }
 #content .commission-choice-list { grid-template-columns:1fr; }
}


/* Section summaries sit directly on the tinted application surface. */
:root .mh-form-surface .dashboard-section > .muted,
:root .communication-filters > [role="status"] { color:var(--mh-text); }

:root .mh-form-surface :is(.template-studio-hero,.cloud-products-head) p { color:var(--mh-text); }

:root #content > p.muted,
:root .template-library-head p { color:var(--mh-text); }

:root #content .section-head :is(p,.muted):not(:where([data-authored-content] *,[contenteditable] *, .message-preview *, .facsimile-page *)) { color:var(--mh-text); }

/* MH-002 L1: the existing full-span slot also applies to Data Catalog rows.
   Keep the native field bindings and the shared MultiSelect unchanged. */
.data-catalog-fields > article > .full {
  grid-column: 1 / -1;
  min-width: 0;
}
.data-map-details .form-grid > label {
  align-content: start;
}

/* MH-002 L5: keep native date/time fields readable in the mobile form grid. */
.event-dates {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 700px) {
  .event-dates {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* MH-002 coverage recovery: allow the shared segment builder to wrap without
   imposing its min-content width on the surrounding form's mobile column. */
.list-form > * { min-width: 0; }
.segment-group-head { flex-wrap: wrap; }
@media (max-width: 1100px) {
  .list-form { grid-template-columns: minmax(0, 1fr); }
}

/* Shared access choice grid: long identities remain readable on touch layouts. */
.access-form > * { min-width: 0; }
.access-checks label { min-width: 0; overflow-wrap: anywhere; min-height: var(--mh-control-height); }
.access-checks input[type="checkbox"] { flex-shrink: 0; }
@media (max-width: 780px) {
  .access-checks { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .access-checks { grid-template-columns: minmax(0, 1fr); }
}

/* Calendar adapters retain the MHUI table's readable minimum width inside
   a local scroll region instead of widening the modal on compact screens. */
[data-availability-preferences] [data-absences],
[data-calendar-crm] [data-results],
[data-calendar-crm] [data-selected] {
  min-width: 0;
  max-width: 100%;
  overflow-x: auto;
}

/* Shared quote workspaces: intrinsic grid widths must not force the mobile
   page wider than its content column. Controls and financial values are intact. */
.cloud-layout > *, .cloud-fields > * { min-width: 0; }
.cloud-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 780px) {
  .cloud-layout, .cloud-fields { grid-template-columns: minmax(0, 1fr); }
}

/* A single shrinkable grid track keeps the sticky record header aligned
   with its scrollable body, including the WebKit vertical scrollbar. */
.record-modal .modal-card { display: grid; grid-template-columns: minmax(0, 1fr); }

:is([data-availability-preferences] [data-absences],
    [data-calendar-crm] [data-results],
    [data-calendar-crm] [data-selected]):focus-visible {
  outline: 2px solid var(--mh-focus-color);
  outline-offset: 2px;
}

/* Keep comparison choices readable without changing selected records or values. */
.merge-record-form, .mass-action-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.merge-record-form > *, .mass-action-form > * { min-width: 0; }
.merge-primary { flex-wrap: wrap; }
.merge-primary label, .merge-field-grid label { min-width: 0; overflow-wrap: anywhere; }
.merge-primary input, .merge-field-grid input { flex-shrink: 0; }
@media (max-width: 760px) {
  .merge-record-form, .mass-action-form { grid-template-columns: minmax(0, 1fr); }
  .merge-primary { flex-direction: column; align-items: stretch; }
}
.mass-field-update-row { grid-template-columns: repeat(2, minmax(0, 1fr)) 42px; }
.mass-field-update-row > * { min-width: 0; }
@media (max-width: 760px) {
  .mass-field-update-row { grid-template-columns: minmax(0, 1fr) 42px; }
}
/* Dashboard2 composes MHUI cards, forms and tables. Spans are user geometry. */
.dashboard2,.dashboard2 *{box-sizing:border-box}.dashboard2{min-width:0;max-width:100%}.dashboard2 .page-head{flex-wrap:wrap}.dashboard2 .mh-actions{display:flex;gap:var(--mh-space-2);flex-wrap:wrap;align-items:end}.dashboard2-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--mh-space-4);margin-top:var(--mh-space-4)}.dashboard2-widget{grid-column:var(--d2-column,auto)/span var(--d2-span,6);min-height:calc(var(--d2-height,2)*80px);min-width:0;overflow:auto}.dashboard2-widget header{display:flex;gap:var(--mh-space-2);align-items:center;flex-wrap:wrap}.dashboard2-widget h2{overflow-wrap:anywhere}.dashboard2-widget footer{display:flex;flex-wrap:wrap;gap:var(--mh-space-2);align-items:center;margin-top:var(--mh-space-3)}.dashboard2-tools{display:flex;flex-wrap:wrap;gap:var(--mh-space-2);padding-block:var(--mh-space-3);border-bottom:1px solid var(--mh-compat-border)}.dashboard2-tools label{max-width:140px}.dashboard2-widget svg{max-width:100%;height:auto}.dashboard2-dialog{width:min(960px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;border:1px solid var(--mh-compat-border);border-radius:var(--mh-radius-large);padding:var(--mh-space-6);color:var(--mh-text);background:var(--mh-surface)}.dashboard2-dialog::backdrop{background:var(--mh-overlay)}.dashboard2-dialog input,.dashboard2-dialog select{max-width:100%;min-width:0}.dashboard2-dialog label[hidden]{display:none}.dashboard2-dialog [data-preview]{margin-top:var(--mh-space-4);padding:var(--mh-space-4);border:1px solid var(--mh-compat-border);border-radius:var(--mh-radius)}.dashboard2-widget .agent-kpis,.dashboard2-widget .mh-kpi-group{max-width:100%;min-width:0}.agent-dashboard,.agent-dashboard-grid,.agent-dashboard-widget{min-width:0;max-width:100%}@media(max-width:600px){.dashboard2-widget{grid-column:1/-1}.dashboard2 .page-head{display:block}.dashboard2 .mh-actions>*{max-width:100%}.dashboard2-tools{gap:var(--mh-space-2)}.agent-dashboard-kpis,.agent-dashboard .metrics-grid,.agent-dashboard .mh-kpi-group{grid-template-columns:minmax(0,1fr)!important}.dashboard2-dialog{padding:var(--mh-space-4)}}

.dashboard2-tools{align-items:center}.dashboard2-widget [draggable=true]{cursor:grab}.dashboard2-dialog .mh-actions{display:flex;gap:var(--mh-space-2);flex-wrap:wrap}.dashboard2-widget .agent-chart{width:100%;min-width:0}

.dashboard2-widget [data-drag-handle]{cursor:grab;touch-action:none;user-select:none}
/* Shared Dashboard editor: explicit rows, twelve columns, keyboard-accessible slots. */
.dashboard2-layout{display:grid;gap:var(--mh-space-4)}
.dashboard2-layout-row{min-width:0}.dashboard2-layout-row>.mh-section-header{display:flex;flex-wrap:wrap;align-items:center;gap:var(--mh-space-3);margin-top:var(--mh-space-4)}
.dashboard2-layout-row>.dashboard2-grid{margin-top:var(--mh-space-2);align-items:start}
.dashboard2-grid>[data-layout-slot]{grid-column:var(--d2-column)/span var(--d2-span);min-height:var(--mh-control-height);border-style:dashed;white-space:normal}
.dashboard2-dialog fieldset{min-width:0;margin-block:var(--mh-space-3);padding:var(--mh-space-3);border:var(--mh-border-width) solid var(--mh-line);border-radius:var(--mh-radius-control)}
@media(max-width:600px){.dashboard2-grid>[data-layout-slot]{grid-column:1/-1}}

/* Honor semantic visibility for all shared Dashboard dialog controls. */
.dashboard2-dialog [hidden]{display:none}

/* Template library metadata is UI chrome, not authored document content. */
.template-card-copy dl{grid-template-columns:repeat(2,minmax(0,1fr))}
.template-card-copy dl>div{min-width:0;flex-wrap:wrap;overflow-wrap:anywhere}

/* Commission operational tables: column geometry belongs to the opted-in
   viewport, never to authored documents or the editable base-value editor. */
.mh-commission-table-region { max-width:100%; overflow:auto; }
.mh-commission-table-region > .mh-commission-data-table { min-width:calc(var(--mh-commission-columns,1) * 10rem); table-layout:auto; }
.mh-commission-table-region > .mh-commission-data-table > thead > tr > th { overflow-wrap:normal; word-break:normal; white-space:normal; }
.mh-commission-table-region:focus-visible { outline:var(--mh-space-1) solid var(--mh-focus-color); outline-offset:var(--mh-space-1); }

/* Native Inviti/Area Provvigioni: shared MHUI tokens on disposable surfaces.
   Financial reports and authored email/PDF content retain their own layout. */
.mh-commission-overview.commission-search-panel{display:grid;gap:var(--mh-space-4)}
.mh-commission-overview .commission-filter-boxes{margin:0}
.mh-commission-overview .commission-filter-boxes article{padding:var(--mh-space-4);border:1px solid var(--mh-line);border-radius:var(--mh-radius);background:var(--mh-surface)}
.mh-commission-overview .commission-filter-boxes h3{margin:0 0 var(--mh-space-3);font-size:var(--mh-type-label);color:var(--mh-text)}
.mh-commission-overview .commission-choice-list label{align-items:start;gap:var(--mh-space-2);padding:var(--mh-space-2)}
.mh-commission-overview.commission-foundation article{border-color:var(--mh-line);border-radius:var(--mh-radius);background:var(--mh-surface);padding:var(--mh-space-4)}
.mh-commission-overview.commission-dashboard-results>.dashboard-section{gap:var(--mh-space-4);align-items:end;flex-wrap:wrap}
.mh-commission-overview.commission-dashboard-results>.dashboard-section label{display:grid;gap:var(--mh-space-1);font-size:var(--mh-type-label);min-width:0}
.mh-commission-overview.commission-dashboard-results h2{font-size:var(--mh-type-h4);margin:0}
.mh-preinvoice-surface :is(.commission-composition-section,.preinvoice-detail-grid section,.preinvoice-lines){border-color:var(--mh-line);border-radius:var(--mh-radius);background:var(--mh-surface);padding:var(--mh-space-4)}
.mh-preinvoice-surface :is(.commission-composition-section,.preinvoice-detail-grid,.preinvoice-lines) h3{color:var(--mh-text);font-size:var(--mh-type-h4);margin:0 0 var(--mh-space-3)}
.mh-preinvoice-surface .preinvoice-detail-grid dt{font-size:var(--mh-type-caption);color:var(--mh-muted)}
.mh-preinvoice-surface .preinvoice-detail-grid dd{overflow-wrap:anywhere}
.mh-preinvoice-surface .preinvoice-workflow-steps{gap:var(--mh-space-2);margin:var(--mh-space-4) 0}
.mh-preinvoice-surface .preinvoice-workflow-steps article{padding:var(--mh-space-3);border-radius:var(--mh-radius);font-size:var(--mh-type-label)}
@media(max-width:600px){
 .mh-preinvoice-surface .preinvoice-detail-grid dl{grid-template-columns:1fr}
 .mh-preinvoice-surface .preinvoice-workflow-steps{grid-template-columns:1fr}
 .mh-commission-overview.commission-dashboard-results>.dashboard-section label{width:100%}
}
/* MHUI page compositions: opt-in consumers, same primitives/tokens as native lists. */
.mh-page-template{display:grid;gap:var(--mh-space-3);min-width:0}
.mh-page-template>.mh-page-header{margin:0}
.mh-page-template>.mh-page-body{display:grid;gap:var(--mh-space-3);min-width:0}
.mh-page-template .mh-toolbar{margin:0;gap:var(--mh-space-3)}
.mh-page-template .mh-kpi-group{gap:var(--mh-space-3);margin:0}
.mh-page-template .mh-kpi{padding:var(--mh-space-3)}
.mh-page-template .mh-kpi-value{font-size:var(--mh-type-h2)}
.mh-advanced-filters{min-width:0;border:1px solid var(--mh-line);border-radius:var(--mh-radius-control);background:var(--mh-surface)}
.mh-advanced-filters>summary{cursor:pointer;padding:var(--mh-space-3);font-size:var(--mh-type-label);font-weight:var(--mh-weight-medium)}
.mh-advanced-filters>summary:focus-visible{outline:2px solid var(--mh-focus-color);outline-offset:var(--mh-space-1)}
.mh-advanced-filters>div{padding:var(--mh-space-3);display:grid;gap:var(--mh-space-3);min-width:0}
.mh-commission-workspace{display:grid;gap:var(--mh-space-2);min-width:0}
.mh-commission-workspace .mh-filter-bar{margin:0;padding:0;border:0;box-shadow:none}
.mh-commission-workspace .commission-filter-boxes{margin:0;gap:var(--mh-space-3)}
.mh-commission-workspace .commission-choice-list{max-height:160px}
.mh-commission-workspace .mh-form-field{margin:0;min-width:0}
.mh-page-template .commission-dashboard-results{min-width:0;margin:0}
.mh-page-template .commission-foundation{margin:0}
.mh-page-template .commission-list-grid{margin:0;gap:var(--mh-space-3)}
.mh-page-template .communication-hub-tabs{margin:0;flex-wrap:wrap}
.mh-page-template .communication-channel-summary{margin:0;gap:var(--mh-space-2);flex-wrap:wrap}
.mh-page-template .communication-kpis{grid-template-columns:repeat(4,minmax(0,1fr));margin:0}
.mh-page-template .communication-filters{padding:var(--mh-space-2);margin:0}
.mh-page-template .communication-results{margin:0;min-width:0}
.mh-template-table-region{min-width:0;max-width:100%;overflow:auto}
.mh-template-table-region table{min-width:850px;width:100%;table-layout:auto}
.mh-template-table-region :is(th,td){white-space:normal;overflow-wrap:anywhere}
.mh-template-table-region td>small{display:block;margin-top:var(--mh-space-1);color:var(--mh-muted)}
.mh-template-table-region .numeric{text-align:right;font-variant-numeric:tabular-nums}
.mh-template-table-region:focus-visible{outline:2px solid var(--mh-focus-color);outline-offset:var(--mh-space-1)}
.mh-page-template .communication-detail dl{gap:var(--mh-space-2)}
@media(max-width:850px){.mh-page-template .communication-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.mh-page-template .communication-kpis{grid-template-columns:1fr}.mh-page-template .mh-toolbar :is(.mh-toolbar-start,.mh-toolbar-search,.mh-toolbar-end){width:100%;min-width:0}.mh-page-template .mh-toolbar-search .mh-form-field{width:100%}}

.mh-template-table-region tr[hidden]{display:none!important}
.mh-page-template>.mh-page-header{padding:var(--mh-space-2) var(--mh-space-3)}
.mh-page-template>.mh-page-header :is(h1,h2){font-size:var(--mh-type-h2);line-height:1.2;font-weight:var(--mh-weight-bold)}
.mh-page-description{margin:0;color:var(--mh-muted);font-size:var(--mh-type-body)}
.mh-commission-workspace [data-primary-business]{display:flex;gap:var(--mh-space-3);flex-wrap:wrap}
.mh-commission-workspace [data-primary-business]>.mh-form-field{flex:1 1 150px;min-width:150px}
#content .mh-dashboard-page .commission-dashboard-results>.dashboard-section{margin:0 0 var(--mh-space-3);gap:var(--mh-space-3)}
.mh-detail-page>.mh-page-header>.mh-actions{justify-content:flex-end}
.mh-detail-page .mh-page-body>.form-actions,
.mh-detail-page .mh-page-body>form>.form-actions{display:flex;flex-wrap:wrap;gap:var(--mh-space-2);min-width:0;max-width:100%}
@media(max-width:600px){
 .mh-detail-page .mh-page-body>.form-actions>:is(a,button),
 .mh-detail-page .mh-page-body>form>.form-actions>:is(a,button){flex:1 1 100%;width:100%;max-width:100%;white-space:normal}
}
.mh-list-page .communication-filters .mh-toolbar-start{flex:0 0 auto}
.mh-list-page .communication-filters .mh-toolbar-start>.mh-select{width:auto;flex:0 1 150px;min-width:140px}
@media(max-width:600px){.mh-list-page .communication-filters .mh-toolbar-start{flex-wrap:wrap;flex-basis:100%}.mh-list-page .communication-filters .mh-toolbar-start>.mh-select{flex:1 1 100%;width:100%}}

@media(min-width:601px){.mh-list-page .communication-filters .mh-toolbar-start{flex-wrap:nowrap}}
.mh-list-page .communication-filters #new-communication{flex:0 0 auto;white-space:nowrap}

/* Portal header visibility and accessible account fallback use the same controls. */
[data-portal-header-hidden]{display:none!important}
.sidebar .sidebar-account-menu{position:relative;display:block;width:100%}
.sidebar .sidebar-account-menu>summary{padding:var(--mh-space-3);cursor:pointer;min-height:var(--mh-control-height);font-weight:var(--mh-weight-medium)}
.sidebar .sidebar-account-menu .account-menu-panel{position:static;width:100%;min-width:0;max-width:100%;box-shadow:none}
.sidebar-collapsed .sidebar-account-menu>summary{font-size:var(--mh-type-caption);padding:var(--mh-space-2)}
/* Dashboard 3 layouts share native widgets and MHUI tokens. Geometry belongs to the canvas. */
.dashboard2[data-presentation] .dashboard2-widget{padding:var(--mh-space-4);box-shadow:none}
.dashboard2[data-presentation] .dashboard2-widget>header h2{font-size:var(--mh-type-h4);line-height:1.5}
.dashboard2[data-presentation] .dashboard2-widget .metric{background:var(--mh-surface);box-shadow:none}
.dashboard2[data-presentation="B"] .dashboard2-widget [data-d2-body]>svg{max-height:320px}
.dashboard2[data-presentation="C"] .dashboard2-calendar{background:var(--mh-surface-soft);padding:var(--mh-space-3);border-radius:var(--mh-radius-control)}
.dashboard2[data-presentation="MIX"] .dashboard2-widget>header{border-bottom:var(--mh-border-width) solid var(--mh-compat-border);margin-bottom:var(--mh-space-3)}

/* Analytics panels are single-track grids: keep intrinsic report tables in their scroll region. */
.analytics-panel { min-width: 0; grid-template-columns: minmax(0, 1fr); }
.analytics-panel > * { min-width: 0; }

/* Optional toolbar search does not reserve space when absent; actions keep their shared alignment. */
.mh-toolbar-end { margin-inline-start: auto; }

/* Keep mobile transfer hit areas within their row; rotate only the direction glyph. */
@media (max-width:760px) {
  [data-multiple-transfer] .multiple-transfer-actions button { transform:none; }
  [data-multiple-transfer] .multiple-transfer-actions button > span[aria-hidden="true"] { display:inline-block; transform:rotate(90deg); }
}

/* Archive is a native MHUI list, not a wide commission report. */
.preinvoice-archive-page .mh-page-header h1{font-size:var(--mh-type-h2)}
.preinvoice-archive-page .mh-page-description{margin:var(--mh-space-2) 0 0}
.preinvoice-archive-page .mh-toolbar-search{flex:1 1 20rem}
.preinvoice-archive-page .mh-toolbar-end select{width:auto;max-width:100%}
.preinvoice-archive-page [hidden]{display:none}
.preinvoice-archive-page .preinvoice-list-table{min-width:0;max-width:100%;overflow:auto;isolation:isolate}
.preinvoice-archive-page .preinvoice-list-table>table{min-width:68rem;table-layout:auto;margin:0}
.preinvoice-archive-page .preinvoice-list-table :is(th,td){text-align:start;overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere}
.preinvoice-archive-page .preinvoice-list-table .preinvoice-date,
.preinvoice-archive-page .preinvoice-list-table .preinvoice-amount{white-space:nowrap;overflow-wrap:normal;font-variant-numeric:tabular-nums}
.preinvoice-archive-page .preinvoice-list-table .mh-cell-numeric{text-align:end}
.preinvoice-archive-page .preinvoice-party{min-width:10rem;max-width:12rem}
.preinvoice-archive-page .preinvoice-number{min-width:8rem;max-width:11rem}
.preinvoice-archive-page .preinvoice-period{min-width:7rem;overflow-wrap:normal}
.preinvoice-archive-page .preinvoice-list-table :is(th,td):nth-last-child(3){min-width:6rem;overflow-wrap:normal}
.preinvoice-archive-page .preinvoice-list-table :is(th,td):nth-last-child(2){min-width:8rem;overflow-wrap:normal}
.preinvoice-archive-page .preinvoice-actions-column{position:sticky;right:0;background:var(--mh-surface);min-width:7rem;z-index:1}
.preinvoice-archive-page .preinvoice-actions-column .mh-actions{display:flex;flex-wrap:nowrap;gap:var(--mh-space-1)}
.preinvoice-archive-page .preinvoice-list-table .badge{white-space:normal;overflow-wrap:normal;word-break:normal}
.preinvoice-archive-page .preinvoice-list-table:focus-visible{outline:2px solid var(--mh-focus-color);outline-offset:var(--mh-space-1)}
@media(max-width:600px){.preinvoice-archive-page .mh-toolbar-start,.preinvoice-archive-page .mh-toolbar-end{flex-wrap:wrap}.preinvoice-archive-page .mh-toolbar-search{flex-basis:100%}.preinvoice-archive-page .mh-toolbar-end{justify-content:space-between}.preinvoice-archive-page .preinvoice-list-table>table{min-width:68rem}}

@media(max-width:600px){.preinvoice-archive-page .mh-toolbar-end{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.preinvoice-archive-page .mh-toolbar-end>.mh-select{min-width:0;width:100%;max-width:100%}}