/* MXAI Smart Select — canonical scoped owner. SVG icons only; native select stays source of truth. */

  :where(.mxai-ui) .mx-select,:where(.mxai-ui) .mx-select * { box-sizing:border-box; }
  :where(.mxai-ui) .mx-select { position:relative;width:100%;min-width:0;height:var(--mx-control-height); }
  :where(.mxai-ui) .mx-select__native { appearance:none;-webkit-appearance:none;position:absolute;width:1px;height:1px;inset:0 auto auto 0;opacity:0;pointer-events:none; }
  :where(.mxai-ui) .mx-select__trigger {
    position:relative;width:100%;height:var(--mx-control-height);min-height:var(--mx-control-height);display:flex;align-items:center;
    padding:0 calc(var(--mx-control-padding-x) + var(--mx-select-icon-slot)) 0 var(--mx-control-padding-x);
    border:1px solid var(--mx-border);border-radius:var(--mx-radius-control);background:var(--mx-surface);color:var(--mx-input-text-color);
    font:inherit;text-align:left;cursor:pointer;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
  }
  :where(.mxai-ui) .mx-select__value { min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
  :where(.mxai-ui) .mx-select__chevron {
    position:absolute;right:var(--mx-control-padding-x);top:50%;width:var(--mx-select-icon-size);height:var(--mx-select-icon-size);
    display:inline-grid;place-items:center;color:var(--mx-muted);transform:translateY(-50%);pointer-events:none;transition:transform .16s ease;
  }
  :where(.mxai-ui) .mx-select__chevron > .mx-icon { width:100%;height:100%; }
  :where(.mxai-ui) .mx-select.is-open .mx-select__chevron { transform:translateY(-50%) rotate(180deg); }
  :where(.mxai-ui) .mx-select__menu {
    position:absolute;z-index:1000;top:calc(100% + var(--mx-space-1));left:0;width:max(100%,var(--mx-select-menu-min-width));
    max-width:min(var(--mx-select-menu-max-width),calc(100vw - var(--mx-page-gutter-x)));padding:var(--mx-space-2);
    border:1px solid var(--mx-border);border-radius:var(--mx-select-menu-radius);background:var(--mx-surface);box-shadow:var(--mx-dropdown-shadow);overflow:hidden;
  }
  :where(.mxai-ui) .mx-select__menu[hidden] { display:none; }
  :where(.mxai-ui) .mx-select__search {
    height:var(--mx-control-height);padding-inline:var(--mx-space-3);border:1px solid var(--mx-border);border-radius:var(--mx-radius-control);
    display:flex;align-items:center;gap:var(--mx-space-2);background:var(--mx-surface-2);
  }
  :where(.mxai-ui) .mx-select__search:focus-within { border-color:var(--mx-focus);box-shadow:var(--mx-focus-ring);background:var(--mx-surface); }
  :where(.mxai-ui) .mx-select__search-icon {
    width:var(--mx-select-icon-size);height:var(--mx-select-icon-size);flex:0 0 var(--mx-select-icon-size);display:inline-grid;place-items:center;color:var(--mx-muted);
  }
  :where(.mxai-ui) .mx-select__search-icon > .mx-icon { width:100%;height:100%; }
  :where(.mxai-ui) .mx-select__search-input { all:unset;box-sizing:border-box;min-width:0;width:100%;font:inherit;color:inherit;line-height:var(--mx-line-height-compact); }
  :where(.mxai-ui) .mx-select__search-input::placeholder { color:var(--mx-muted);opacity:1; }
  :where(.mxai-ui) .mx-select__options { max-height:min(var(--mx-select-options-max-height),42vh);overflow-y:auto;overflow-x:hidden;padding-top:var(--mx-space-1);overscroll-behavior:contain; }
  :where(.mxai-ui) .mx-select__option {
    width:100%;min-height:var(--mx-select-option-min-height);display:flex;align-items:center;padding:var(--mx-space-2) var(--mx-select-option-pad-x);
    border:0;border-radius:var(--mx-select-option-radius);background:transparent;color:var(--mx-text);font:inherit;text-align:left;cursor:pointer;
  }
  :where(.mxai-ui) .mx-select__option:hover,:where(.mxai-ui) .mx-select__option.is-active { background:color-mix(in srgb,var(--mx-primary) 9%,var(--mx-surface)); }
  :where(.mxai-ui) .mx-select__option[aria-selected="true"] { color:var(--mx-primary-dark);font-weight:600; }
  :where(.mxai-ui) .mx-select__empty { padding:var(--mx-space-3) var(--mx-select-option-pad-x) var(--mx-space-2);color:var(--mx-muted);font-size:12px; }
  :where(.mxai-ui) .mx-select__add {
    width:100%;min-height:var(--mx-select-option-min-height);margin-bottom:var(--mx-space-1);display:flex;align-items:center;gap:var(--mx-space-2);
    padding:var(--mx-space-2) var(--mx-select-option-pad-x);border:0;border-radius:var(--mx-select-option-radius);
    background:color-mix(in srgb,var(--mx-teal) 12%,var(--mx-surface));color:var(--mx-primary-dark);font:inherit;font-weight:600;cursor:pointer;
  }
  :where(.mxai-ui) .mx-select__add > .mx-icon { width:var(--mx-select-icon-size);height:var(--mx-select-icon-size);flex:0 0 var(--mx-select-icon-size); }
  :where(.mxai-ui) .mx-select-attached-shell { display:grid;grid-template-columns:minmax(0,1fr) var(--mx-control-height);gap:var(--mx-space-2);align-items:start;min-width:0; }
  :where(.mxai-ui) .mx-select__add-attached {
    width:var(--mx-control-height);height:var(--mx-control-height);display:grid;place-items:center;border:1px solid var(--mx-border);border-radius:var(--mx-radius-control);
    background:color-mix(in srgb,var(--mx-teal) 12%,var(--mx-surface));color:var(--mx-primary-dark);font:700 18px/1 var(--mx-font,inherit);cursor:pointer;
  }
  :where(.mxai-ui) .mx-select__trigger:hover { border-color:color-mix(in srgb,var(--mx-border) 45%,var(--mx-primary) 55%); }
  :where(.mxai-ui) .mx-select__trigger:focus-visible,:where(.mxai-ui) .mx-select:focus-within > .mx-select__trigger,:where(.mxai-ui) .mx-select.is-open > .mx-select__trigger { border-color:var(--mx-focus);box-shadow:var(--mx-focus-ring); }
  :where(.mxai-ui) .mx-select.is-disabled > .mx-select__trigger { cursor:not-allowed;opacity:.58;background:var(--mx-surface-2); }
  :where(.mxai-ui) .mx-select.is-loading > .mx-select__trigger { cursor:progress; }
  :where(.mxai-ui) .mx-select.is-loading > .mx-select__trigger::after {
    content:"";position:absolute;right:calc(var(--mx-control-padding-x) + var(--mx-select-loading-offset));width:var(--mx-busy-indicator-size);height:var(--mx-busy-indicator-size);
    border:2px solid color-mix(in srgb,var(--mx-primary) 24%,transparent);border-top-color:var(--mx-primary);border-radius:50%;animation:mx-select-spin .8s linear infinite;
  }
  :where(.mxai-ui) .mx-select.is-error > .mx-select__trigger { border-color:var(--mx-danger); }
  :where(.mxai-ui) .mx-select.is-readonly > .mx-select__trigger { cursor:default;background:var(--mx-surface-2); }

  :where(.mxai-ui) .mx-search-field {
    height:var(--mx-field-height);display:grid;grid-template-columns:var(--mx-search-icon-size) minmax(0,1fr);align-items:center;gap:var(--mx-space-2);
    padding-inline:var(--mx-input-pad-x);border:1px solid var(--mx-border);border-radius:var(--mx-input-radius);background:var(--mx-surface);
  }
  :where(.mxai-ui) .mx-search-field:focus-within { border-color:var(--mx-primary);box-shadow:var(--mx-focus-ring); }
  :where(.mxai-ui) .mx-search-field > .mx-icon { width:var(--mx-search-icon-size);height:var(--mx-search-icon-size);color:var(--mx-muted); }
  :where(.mxai-ui) .mx-search-field > .mx-input { height:100%;min-height:0;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent; }
  :where(.mxai-ui) .mx-search-field > .mx-input:focus,:where(.mxai-ui) .mx-search-field > .mx-input:focus-visible { border:0;box-shadow:none; }
  @keyframes mx-select-spin { to { transform:rotate(360deg); } }


  :where(.mxai-ui) .mx-copy-stack { display:grid;gap:var(--mx-body-gap); }


  :where(.mxai-ui) .mx-select__option[hidden],:where(.mxai-ui) .mx-select__empty[hidden] { display:none; }


/* MXAI Portable Component Runtime v3.11.3
   Single Source of Truth shared by the Design System plugin, exported AI kit,
   templates and target systems. Do not fork these component rules. */

  :where(.mxai-ui) {
    font-family: var(--mx-font, 'Prompt', sans-serif);
    color: var(--mx-text, #0F172A);
    font-size: var(--mx-base-size, 14px);
  }
  :where(.mxai-ui) *, :where(.mxai-ui) *::before, :where(.mxai-ui) *::after { box-sizing: border-box; }

  :where(.mxai-ui) .mx-btn {
    min-height: var(--mx-field-height, 42px); height: var(--mx-field-height, 42px);
    display:inline-flex; align-items:center; justify-content:center; gap:var(--mx-space-2,8px);
    padding-inline:var(--mx-button-pad-x,16px); border:1px solid transparent;
    border-radius:var(--mx-button-radius,10px); font:600 13px/1 var(--mx-font,'Prompt',sans-serif);
    text-decoration:none; cursor:pointer; transition:transform .16s ease,filter .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease;
    white-space:nowrap;
  }
  :where(.mxai-ui) .mx-btn.primary, :where(.mxai-ui) .mx-btn--primary { background:var(--mx-gradient-primary,var(--mx-gradient)); color:var(--mx-on-gradient,var(--mx-on-primary,#fff)); text-shadow:var(--mx-gradient-text-shadow,none); box-shadow:0 7px 16px color-mix(in srgb,var(--mx-primary) 18%,transparent); }
  :where(.mxai-ui) .mx-btn.secondary, :where(.mxai-ui) .mx-btn--secondary { background:var(--mx-surface); color:var(--mx-primary); border-color:var(--mx-primary); }
  :where(.mxai-ui) .mx-btn.ghost, :where(.mxai-ui) .mx-btn--ghost { background:var(--mx-surface-2); color:var(--mx-text); border-color:var(--mx-border); }
  :where(.mxai-ui) .mx-btn.danger, :where(.mxai-ui) .mx-btn--danger { background:color-mix(in srgb,var(--mx-danger) 10%,var(--mx-surface)); color:var(--mx-danger); border-color:color-mix(in srgb,var(--mx-danger) 24%,var(--mx-border)); }
  :where(.mxai-ui) .mx-btn:hover:not(:disabled){ transform:translateY(-1px); filter:saturate(1.04) brightness(1.02); }
  :where(.mxai-ui) .mx-btn:focus-visible { outline:0; box-shadow:var(--mx-focus-ring); }
  :where(.mxai-ui) .mx-btn:disabled, :where(.mxai-ui) .mx-btn[aria-disabled="true"] { opacity:.48; cursor:not-allowed; transform:none; }
  :where(.mxai-ui) .mx-btn.full, :where(.mxai-ui) .mx-btn--full { width:100%; }

  :where(.mxai-ui) .mx-input {
    width:100%; min-width:0; height:var(--mx-field-height,42px); min-height:var(--mx-field-height,42px);
    border:1px solid var(--mx-border); border-radius:var(--mx-input-radius,10px); background:var(--mx-surface); color:var(--mx-input-text-color,var(--mx-text));
    padding-block:0; font:400 13px/1.4 var(--mx-font,'Prompt',sans-serif); box-shadow:none; outline:0;
    transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
  }
  :where(.mxai-ui) textarea.mx-input { height:auto; min-height:96px; padding-block:10px; resize:vertical; }
  :where(.mxai-ui) .mx-input:hover { border-color:color-mix(in srgb,var(--mx-primary) 28%,var(--mx-border)); }
  :where(.mxai-ui) .mx-input:focus, :where(.mxai-ui) .mx-input:focus-visible { border-color:var(--mx-primary); box-shadow:var(--mx-focus-ring); }
  :where(.mxai-ui) .mx-field.is-error .mx-input { border-color:var(--mx-danger); }
  :where(.mxai-ui) .mx-field.is-success .mx-input { border-color:var(--mx-green); }

  :where(.mxai-ui) .badge, :where(.mxai-ui) .mx-badge {
    display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:26px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:600;line-height:1.2;white-space:nowrap;
  }
  :where(.mxai-ui) .badge.success, :where(.mxai-ui) .mx-badge--success { background:color-mix(in srgb,var(--mx-green) 12%,var(--mx-surface));color:color-mix(in srgb,var(--mx-green) 78%,#052); }
  :where(.mxai-ui) .badge.danger, :where(.mxai-ui) .mx-badge--danger { background:color-mix(in srgb,var(--mx-danger) 11%,var(--mx-surface));color:var(--mx-danger); }
  :where(.mxai-ui) .badge.warning, :where(.mxai-ui) .mx-badge--warning { background:color-mix(in srgb,var(--mx-warning) 14%,var(--mx-surface));color:#9a5a0d; }
  :where(.mxai-ui) .badge.info, :where(.mxai-ui) .mx-badge--info { background:color-mix(in srgb,var(--mx-info) 10%,var(--mx-surface));color:var(--mx-info); }
  :where(.mxai-ui) .badge.neutral, :where(.mxai-ui) .mx-badge--neutral { background:var(--mx-surface-2);color:var(--mx-muted); }
  :where(.mxai-ui) .badge.indigo, :where(.mxai-ui) .mx-badge--indigo { background:color-mix(in srgb,var(--mx-indigo) 10%,var(--mx-surface));color:var(--mx-indigo); }

  :where(.mxai-ui) .mx-card {
    background:var(--mx-surface);border:1px solid var(--mx-card-outline,var(--mx-border));border-radius:var(--mx-radius,14px);box-shadow:var(--mx-shadow);
  }
  :where(.mxai-ui) .mx-card__header { display:flex;align-items:flex-start;justify-content:space-between;gap:var(--mx-component-gap);margin-bottom:var(--mx-card-header-gap,10px); }
  :where(.mxai-ui) .mx-card__title { margin:0;font-size:16px;font-weight:700;color:var(--mx-heading-color,var(--mx-text)); }
  :where(.mxai-ui) .mx-card__body { display:grid;gap:var(--mx-card-body-gap,var(--mx-body-gap)); }

  :where(.mxai-ui) .table-wrap, :where(.mxai-ui) .mx-table-wrap { width:100%;overflow:auto;border:1px solid var(--mx-border);border-radius:var(--mx-radius);background:var(--mx-surface); }
  :where(.mxai-ui) .mx-table { width:100%;border-collapse:separate;border-spacing:0;font-size:12px; }
  :where(.mxai-ui) .mx-table th { background:var(--mx-surface-2);color:var(--mx-muted);font-weight:600;text-align:left;border-bottom:1px solid var(--mx-border);white-space:nowrap; }
  :where(.mxai-ui) .mx-table td { border-bottom:1px solid color-mix(in srgb,var(--mx-border) 72%,transparent);vertical-align:middle;color:var(--mx-text); }
  :where(.mxai-ui) .mx-table tbody tr:last-child td { border-bottom:0; }
  :where(.mxai-ui) .mx-table tbody tr:hover td { background:color-mix(in srgb,var(--mx-primary) 3.5%,var(--mx-surface)); }
  :where(.mxai-ui) .mx-row-actions { display:flex;align-items:center;justify-content:flex-end;gap:var(--mx-space-2); }
  :where(.mxai-ui) .dot-btn, :where(.mxai-ui) .mx-icon-btn { width:var(--mx-icon-button-size);height:var(--mx-icon-button-size);display:inline-grid;place-items:center;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--mx-primary);cursor:pointer; }
  :where(.mxai-ui) .dot-btn:hover, :where(.mxai-ui) .mx-icon-btn:hover { background:var(--mx-surface-2);border-color:var(--mx-border); }

  :where(.mxai-ui) .mx-page { width:100%;max-width:var(--mx-content-max,100%);margin-inline:auto;display:grid;gap:var(--mx-section-gap); }
  :where(.mxai-ui) .mx-page-header { display:flex;align-items:flex-start;justify-content:space-between;gap:var(--mx-component-gap); }
  :where(.mxai-ui) .mx-page-title h1 { margin:0;font-size:24px;line-height:1.25;color:var(--mx-heading-color,var(--mx-text)); }
  :where(.mxai-ui) .mx-page-title p { margin:var(--mx-space-2) 0 0;color:var(--mx-muted); }
  :where(.mxai-ui) .mx-page-actions { display:flex;align-items:center;gap:var(--mx-action-gap,var(--mx-component-gap));flex-wrap:wrap; }
  :where(.mxai-ui) .mx-toolbar { background:var(--mx-surface);border:1px solid var(--mx-border);border-radius:var(--mx-radius); }
  :where(.mxai-ui) .mx-toolbar__search { flex:1 1 260px;min-width:220px; }
  :where(.mxai-ui) .mx-pagination { display:flex;align-items:center;justify-content:space-between;gap:var(--mx-component-gap);flex-wrap:wrap; }

  :where(.mxai-ui) .mx-tabs, :where(.mxai-ui) .mx-settings-top-tabs { display:flex;align-items:center;gap:var(--mx-space-2);overflow:auto;padding:4px;background:var(--mx-surface-2);border:1px solid var(--mx-border);border-radius:12px; }
  :where(.mxai-ui) .mx-tabs button, :where(.mxai-ui) .mx-settings-top-tabs button { min-height:36px;padding:0 12px;border:0;border-radius:9px;background:transparent;color:var(--mx-muted);font:600 12px/1 var(--mx-font);cursor:pointer;white-space:nowrap; }
  :where(.mxai-ui) .mx-tabs button.is-active, :where(.mxai-ui) .mx-tabs button.active, :where(.mxai-ui) .mx-settings-top-tabs button.is-active { background:var(--mx-surface);color:var(--mx-primary);box-shadow:0 4px 12px rgba(30,70,110,.08); }
  :where(.mxai-ui) .mx-settings-icon-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:var(--mx-grid-gutter); }
  :where(.mxai-ui) .mx-settings-icon-grid article { min-height:112px;display:grid;place-items:center;text-align:center;gap:var(--mx-space-2);padding:var(--mx-card-padding);border:1px solid var(--mx-border);border-radius:var(--mx-radius);background:var(--mx-surface); }

  :where(.mxai-ui) .mx-modal-backdrop { position:fixed;inset:0;z-index:99990;display:grid;place-items:center;padding:var(--mx-page-gutter);background:rgba(15,23,42,.42); }
  :where(.mxai-ui) .mx-modal { width:min(640px,100%);max-height:min(82vh,760px);overflow:auto;background:var(--mx-surface);border:1px solid var(--mx-border);border-radius:var(--mx-radius);box-shadow:0 24px 70px rgba(15,23,42,.22); }
  :where(.mxai-ui) .mx-modal__header, :where(.mxai-ui) .mx-modal__footer { display:flex;align-items:center;justify-content:space-between;gap:var(--mx-action-gap,8px); }
  :where(.mxai-ui) .mx-modal__header { border-bottom:1px solid var(--mx-border); }
  :where(.mxai-ui) .mx-modal__body { display:grid;gap:var(--mx-component-gap); }
  :where(.mxai-ui) .mx-modal__footer { border-top:1px solid var(--mx-border);justify-content:flex-end; }
  :where(.mxai-ui) .mx-drawer { position:fixed;z-index:99991;top:0;right:0;height:100vh;width:min(520px,100vw);background:var(--mx-surface);border-left:1px solid var(--mx-border);box-shadow:-18px 0 54px rgba(15,23,42,.18);display:flex;flex-direction:column; }

  :where(.mxai-ui) .mx-app-shell { min-height:100vh;display:grid;grid-template-columns:var(--mx-current-sidebar-width,var(--mx-sidebar-width)) minmax(0,1fr);background:var(--mx-bg); }
  :where(.mxai-ui) .mx-sidebar { width:var(--mx-current-sidebar-width,var(--mx-sidebar-width));background:var(--mx-sidebar-bg,var(--mx-surface));color:var(--mx-sidebar-text,var(--mx-text));border-right:1px solid var(--mx-border); }
  :where(.mxai-ui) .mx-main { min-width:0; }
  :where(.mxai-ui) .mx-topbar { position:var(--mx-navbar-position,relative);top:var(--mx-navbar-offset,0);z-index:30;height:var(--mx-topbar-height);display:flex;align-items:center;justify-content:space-between;gap:var(--mx-component-gap);padding-inline:var(--mx-page-gutter);background:var(--mx-topbar-bg,var(--mx-surface));border-bottom:1px solid var(--mx-border); }

  :where(.mxai-ui) .mx-icon, :where(.mxai-ui) .mx-ico-svg svg { width:var(--mx-icon-size,22px);height:var(--mx-icon-size,22px);display:block;fill:none;stroke:currentColor;stroke-width:var(--mx-icon-stroke-width,1.65);stroke-linecap:round;stroke-linejoin:round; }
  :where(.mxai-ui) .mx-ico { display:inline-grid;place-items:center;width:var(--mx-icon-box-size,40px);height:var(--mx-icon-box-size,40px);border-radius:12px;flex:0 0 auto; }



  :where(.mxai-ui) .mx-form-grid { display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--mx-form-column-gap);row-gap:var(--mx-form-row-gap);align-items:start; }
  :where(.mxai-ui) .mx-col-12{grid-column:span 12}.mxai-ui .mx-col-8{grid-column:span 8}.mxai-ui .mx-col-6{grid-column:span 6}.mxai-ui .mx-col-4{grid-column:span 4}.mxai-ui .mx-col-3{grid-column:span 3}
  :where(.mxai-ui) .mx-section-stack{display:grid;gap:var(--mx-section-gap)}
  :where(.mxai-ui) .mx-component-stack{display:grid;gap:var(--mx-component-gap)}
  :where(.mxai-ui) .mx-grid{display:grid;gap:var(--mx-grid-gutter)}
  :where(.mxai-ui) .mx-heading-group{display:grid;gap:var(--mx-heading-gap)}
  :where(.mxai-ui) .mx-list-stack{display:grid;gap:var(--mx-list-item-gap)}


@media (max-width: 900px){
  :where(.mxai-ui) .mx-page-header{flex-direction:column}.mxai-ui .mx-page-actions{width:100%}
  :where(.mxai-ui) .mx-col-8,:where(.mxai-ui) .mx-col-6,:where(.mxai-ui) .mx-col-4,:where(.mxai-ui) .mx-col-3{grid-column:span 12}
  :where(.mxai-ui) .mx-app-shell{grid-template-columns:1fr}.mxai-ui .mx-sidebar{display:none}
}
@media (max-width: 600px){
  :where(.mxai-ui) .mx-page{padding:var(--mx-space-4)}
  :where(.mxai-ui) .mx-toolbar{align-items:stretch}.mxai-ui .mx-toolbar>*{width:100%}
}


/* MXAI Layout Baseline Lock v3.5.2
   Deterministic spacing, column geometry, wrapping, line boxes and icon anatomy. */



  :where(.mxai-ui) { line-height: var(--mx-line-height-body); }
  :where(.mxai-ui) :where(h1,h2,h3,h4,h5,h6,p,ul,ol) { margin-block-start: 0; }
  :where(.mxai-ui) :where(h1,h2,h3,h4,h5,h6) { line-height: var(--mx-line-height-heading); }
  :where(.mxai-ui) :where(button,input,select,textarea) { font-family: var(--mx-font, 'Prompt', sans-serif); }

  :where(.mxai-ui) .mx-field {
    grid-template-rows: var(--mx-label-slot) var(--mx-control-height) minmax(var(--mx-helper-slot), auto);
    row-gap: var(--mx-label-gap, 8px);
  }
  :where(.mxai-ui) .mx-field-label {
    min-width: 0;
    height: var(--mx-label-slot);
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 600;
    line-height: var(--mx-line-height-label);
    color: var(--mx-label-color,var(--mx-heading-color,var(--mx-text)));
  }
  :where(.mxai-ui) .mx-field-help {
    min-height: var(--mx-helper-slot);
    margin: 0;
    font-size: 11px;
    line-height: var(--mx-line-height-compact);
    color: var(--mx-muted);
  }



  :where(.mxai-ui) .mx-btn,
  :where(.mxai-ui) .mx-icon-btn,
  :where(.mxai-ui) .mx-tabs button,
  :where(.mxai-ui) .mx-settings-top-tabs button { line-height: 1; }

  :where(.mxai-ui) .mx-btn > .mx-icon {
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
  }
  :where(.mxai-ui) .mx-icon-btn {
    flex:0 0 var(--mx-icon-button-size);
    padding: 0;
    line-height: 0;
  }
  :where(.mxai-ui) .mx-icon-btn > .mx-icon { width: 18px; height: 18px; }
  :where(.mxai-ui) .mx-icon { pointer-events: none; vector-effect: non-scaling-stroke; }

  :where(.mxai-ui) .mx-page-header { align-items: center; }
  :where(.mxai-ui) .mx-page-title { min-width: 0; }
  :where(.mxai-ui) .mx-page-title h1 { line-height: var(--mx-line-height-heading); }
  :where(.mxai-ui) .mx-page-title p { line-height: var(--mx-line-height-body); }

  :where(.mxai-ui) .mx-table { table-layout: fixed; font-size: 12px; line-height: var(--mx-line-height-table); }
  :where(.mxai-ui) .mx-table th,
  :where(.mxai-ui) .mx-table td {
    padding: var(--mx-table-cell-pad-y) var(--mx-table-cell-pad-x);
    line-height: var(--mx-line-height-table);
  }
  :where(.mxai-ui) .mx-table th { vertical-align: middle; white-space: nowrap; }
  :where(.mxai-ui) .mx-table td { height: var(--mx-table-row-min-height); vertical-align: top; }
  :where(.mxai-ui) .mx-table td.mx-cell--actions,
  :where(.mxai-ui) .mx-table td.mx-cell--status { vertical-align: middle; }

  :where(.mxai-ui) .mx-cell__text {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  :where(.mxai-ui) .mx-cell--wrap .mx-cell__text,
  :where(.mxai-ui) .mx-cell__text.mx-cell--wrap {
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
    overflow-wrap: anywhere;
  }
  :where(.mxai-ui) .mx-cell--2line .mx-cell__text,
  :where(.mxai-ui) .mx-cell__text.mx-cell--2line {
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  :where(.mxai-ui) .mx-colw--xs { width: var(--mx-table-col-xs); }
  :where(.mxai-ui) .mx-colw--sm { width: var(--mx-table-col-sm); }
  :where(.mxai-ui) .mx-colw--md { width: var(--mx-table-col-md); }
  :where(.mxai-ui) .mx-colw--lg { width: var(--mx-table-col-lg); }
  :where(.mxai-ui) .mx-colw--xl { width: var(--mx-table-col-xl); }
  :where(.mxai-ui) .mx-colw--status { width: var(--mx-table-col-status); }
  :where(.mxai-ui) .mx-colw--actions { width: var(--mx-table-col-actions); }

  :where(.mxai-ui) .mx-row-actions { flex-wrap: nowrap; min-width: 0; }



  :where(.mxai-ui) .mx-form-grid {
    column-gap: var(--mx-form-column-gap);
    row-gap: var(--mx-form-row-gap);
  }
  :where(.mxai-ui) .mx-form-grid > *,
  :where(.mxai-ui) .mx-grid > *,
  :where(.mxai-ui) .mx-page-header > *,
  :where(.mxai-ui) .mx-toolbar > * { min-width: 0; }


@media (max-width: 900px) {
  :where(.mxai-ui) .mx-field-label {
    height: auto;
    min-height: var(--mx-label-slot);
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
  }
  :where(.mxai-ui) .mx-field {
    grid-template-rows: auto var(--mx-control-height) minmax(var(--mx-helper-slot), auto);
  }
}

/* Canonical page helpers v3.5.2 */

  :where(.mxai-ui).mx-page--auth { min-height: 100vh; place-items: center; }
  :where(.mxai-ui) .mx-auth-card { width: min(460px, 100%); margin-inline: auto; }
  :where(.mxai-ui) .mx-dashboard-grid { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
  :where(.mxai-ui) .mx-kpi-card { min-width: 0; }



/* MXAI Visual Consistency Authority v3.11.3
   System-wide contrast, compact vertical rhythm, field icons, settings navigation,
   canonical switch geometry and right-docked utility trigger. */

  :where(.mxai-ui) .mx-btn.tonal,
  :where(.mxai-ui) .mx-btn--tonal {
    background:var(--mx-tonal-bg);
    color:var(--mx-tonal-text);
    border-color:color-mix(in srgb,var(--mx-primary) 22%,var(--mx-border));
  }
  :where(.mxai-ui) .mx-btn.dark,
  :where(.mxai-ui) .mx-btn--dark {
    background:var(--mx-text);
    border-color:var(--mx-text);
    color:var(--mx-on-dark,#fff);
  }
  :where(.mxai-ui) .mx-surface--dark,
  :where(.mxai-ui) .mx-contrast--dark { color:var(--mx-on-dark,#fff); }
  :where(.mxai-ui) .mx-btn.light,
  :where(.mxai-ui) .mx-btn--light {
    background:var(--mx-tonal-bg);
    border-color:color-mix(in srgb,var(--mx-primary) 22%,var(--mx-border));
    color:var(--mx-tonal-text);
  }
  :where(.mxai-ui) .mx-surface--tonal,
  :where(.mxai-ui) .mx-contrast--light { color:var(--mx-tonal-text); }
  :where(.mxai-ui) .mx-btn > .mx-icon,
  :where(.mxai-ui) .mx-settings-nav__item .mx-icon,
  :where(.mxai-ui) .mx-field-label .mx-icon { color:inherit; }

  :where(.mxai-ui) .mx-field-label { gap:var(--mx-space-2,8px); }
  :where(.mxai-ui) .mx-field-label__icon,
  :where(.mxai-ui) .mx-field-label > .mx-icon {
    width:var(--mx-field-label-icon-size,18px);
    height:var(--mx-field-label-icon-size,18px);
    flex:0 0 var(--mx-field-label-icon-size,18px);
    color:var(--mx-primary);
    align-self:center;
  }
  :where(.mxai-ui) .mx-field-label__icon {
    width:var(--mx-field-label-icon-box,22px);
    height:var(--mx-field-label-icon-box,22px);
    display:inline-grid;
    place-items:center;
    flex:0 0 var(--mx-field-label-icon-box,22px);
  }
  :where(.mxai-ui) .mx-field-label__icon > .mx-icon { width:var(--mx-field-label-icon-size,18px);height:var(--mx-field-label-icon-size,18px); }

  :where(.mxai-ui) .mx-settings-shell {
    display:grid;
    grid-template-columns:minmax(200px,232px) minmax(0,1fr);
    gap:var(--mx-component-gap,12px);
    align-items:start;
  }
  :where(.mxai-ui) .mx-settings-nav { display:grid;gap:4px;align-content:start;min-width:0; }
  :where(.mxai-ui) .mx-settings-nav__item {
    min-height:var(--mx-settings-nav-item-height,44px);
    display:flex;align-items:center;gap:10px;
    width:100%;padding:7px 12px;border:1px solid transparent;border-radius:12px;
    background:transparent;color:var(--mx-text);font:600 13px/1.2 var(--mx-font);text-align:left;cursor:pointer;
  }
  :where(.mxai-ui) .mx-settings-nav__item .mx-icon,
  :where(.mxai-ui) .mx-settings-nav__icon > .mx-icon {
    width:var(--mx-settings-nav-icon-size,20px);height:var(--mx-settings-nav-icon-size,20px);
    flex:0 0 var(--mx-settings-nav-icon-size,20px);color:var(--mx-settings-nav-icon);
  }
  :where(.mxai-ui) .mx-settings-nav__item:hover { background:color-mix(in srgb,var(--mx-primary) 5%,var(--mx-surface)); }
  :where(.mxai-ui) .mx-settings-nav__item.is-active,
  :where(.mxai-ui) .mx-settings-nav__item[aria-current="page"] {
    background:var(--mx-tonal-bg);color:var(--mx-tonal-text);
    border-color:color-mix(in srgb,var(--mx-primary) 28%,var(--mx-border));
  }
  :where(.mxai-ui) .mx-settings-nav__item.is-active .mx-icon,
  :where(.mxai-ui) .mx-settings-nav__item[aria-current="page"] .mx-icon { color:var(--mx-primary); }
  :where(.mxai-ui) .mx-settings-content { min-width:0;display:grid;gap:var(--mx-section-gap); }

  :where(.mxai-ui) .mx-switch {
    position:relative;width:var(--mx-switch-width,44px);height:var(--mx-switch-height,24px);
    display:inline-block;flex:0 0 var(--mx-switch-width,44px);vertical-align:middle;
  }
  :where(.mxai-ui) .mx-switch > input {
    position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:2;
  }
  :where(.mxai-ui) .mx-switch > i,
  :where(.mxai-ui) .mx-switch__track {
    position:absolute;inset:0;display:block;border-radius:999px;background:color-mix(in srgb,var(--mx-muted) 28%,var(--mx-surface));
    border:1px solid color-mix(in srgb,var(--mx-muted) 18%,var(--mx-border));transition:background .16s ease,border-color .16s ease,box-shadow .16s ease;
  }
  :where(.mxai-ui) .mx-switch > i::before,
  :where(.mxai-ui) .mx-switch__track::before {
    content:"";position:absolute;width:var(--mx-switch-thumb-size,18px);height:var(--mx-switch-thumb-size,18px);left:3px;top:50%;
    transform:translateY(-50%);border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(15,23,42,.22);transition:transform .16s ease;
  }
  :where(.mxai-ui) .mx-switch > input:checked + i,
  :where(.mxai-ui) .mx-switch > input:checked + .mx-switch__track { background:var(--mx-primary);border-color:var(--mx-primary); }
  :where(.mxai-ui) .mx-switch > input:checked + i::before,
  :where(.mxai-ui) .mx-switch > input:checked + .mx-switch__track::before {
    transform:translate(calc(var(--mx-switch-width,44px) - var(--mx-switch-thumb-size,18px) - 6px),-50%);
  }
  :where(.mxai-ui) .mx-switch > input:focus-visible + i,
  :where(.mxai-ui) .mx-switch > input:focus-visible + .mx-switch__track { box-shadow:var(--mx-focus-ring); }
  :where(.mxai-ui) .mx-switch > input:disabled + i,
  :where(.mxai-ui) .mx-switch > input:disabled + .mx-switch__track { opacity:.48;cursor:not-allowed; }

  :where(.mxai-ui) .mx-utility-trigger,
  .mx-utility-trigger {
    width:var(--mx-utility-trigger-size,44px);height:var(--mx-utility-trigger-size,44px);
    display:grid;place-items:center;border-radius:12px 0 0 12px;
  }
  :where(.mxai-ui) .mx-utility-trigger--docked_right,
  .mx-utility-trigger--docked_right { position:fixed;right:0;top:50%;transform:translateY(-50%);margin:0; }
  :where(.mxai-ui) .mx-utility-trigger--inline,
  .mx-utility-trigger--inline { position:static;transform:none; }
  :where(.mxai-ui) .mx-utility-trigger--hidden,
  .mx-utility-trigger--hidden { display:none; }


@media (max-width:900px){
  
    :where(.mxai-ui) .mx-settings-shell { grid-template-columns:1fr; }
    :where(.mxai-ui) .mx-settings-nav { display:flex;overflow:auto;padding-bottom:2px; }
    :where(.mxai-ui) .mx-settings-nav__item { width:auto;white-space:nowrap; }
  
}


/* MXAI Hard Authority Clean Core v3.11.3
   One owner for rhythm, insets, actions and responsive wrapping. */

  :where(.mxai-ui) .mx-icon { stroke-width:var(--mx-icon-stroke-width); }
  :where(.mxai-ui) :is(.mx-settings-nav__item,.mx-sidebar,.mx-nav-item) .mx-icon { --mx-icon-stroke-width:var(--mx-icon-nav-stroke-width); }
  :where(.mxai-ui) :is(.mx-field-label,.mx-search-field) .mx-icon { --mx-icon-stroke-width:var(--mx-icon-field-stroke-width); }

  :where(.mxai-ui) .mx-page { padding-block:var(--mx-page-gutter-y);padding-inline:var(--mx-page-gutter-x); }
  :where(.mxai-ui) :is(.mx-card,.mx-panel,.mx-section-surface) { padding-block:var(--mx-card-padding-y);padding-inline:var(--mx-card-padding-x); }
  :where(.mxai-ui) :is(.mx-section-title,.mx-card__title,.mx-page-title h1,.mx-page-title h2) { color:var(--mx-heading-color); }
  :where(.mxai-ui) .mx-field-label { color:var(--mx-label-color); }
  :where(.mxai-ui) :is(.mx-input,.mx-select__trigger,.mx-search-field) { color:var(--mx-input-text-color); }

  :where(.mxai-ui) .mx-form-grid { column-gap:var(--mx-form-column-gap);row-gap:var(--mx-form-row-gap); }
  :where(.mxai-ui) .mx-field { min-width:0; }
  :where(.mxai-ui) .mx-input { padding-inline:var(--mx-input-pad-x); }
  :where(.mxai-ui) textarea.mx-input { padding-block:var(--mx-space-3); }

  :where(.mxai-ui) .mx-toolbar {
    display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;
    gap:var(--mx-action-group-gap);padding-block:var(--mx-toolbar-pad-y);padding-inline:var(--mx-toolbar-pad-x);
  }
  :where(.mxai-ui) .mx-toolbar__search { min-width:0;max-width:var(--mx-search-max-width);width:100%; }
  :where(.mxai-ui) :is(.mx-toolbar__actions,.mx-button-cluster,.mx-page-actions,.mx-form-actions,.mx-form-action-row) {
    display:flex;align-items:center;gap:var(--mx-action-gap);
  }
  :where(.mxai-ui) :is(.mx-toolbar__actions,.mx-button-cluster) { flex-wrap:nowrap;white-space:nowrap;min-width:max-content; }
  :where(.mxai-ui) .mx-inline-field-actions {
    display:grid;grid-template-columns:minmax(var(--mx-inline-field-min-width),1fr) auto;align-items:center;
    gap:var(--mx-action-group-gap);min-width:0;
  }
  :where(.mxai-ui) .mx-inline-field-actions__field { min-width:0; }
  :where(.mxai-ui) .mx-inline-field-actions__actions { display:flex;align-items:center;gap:var(--mx-action-gap);flex-wrap:nowrap;white-space:nowrap; }
  :where(.mxai-ui) .mx-search-action { min-width:var(--mx-search-button-min-width); }
  :where(.mxai-ui) .mx-primary-action { min-width:var(--mx-primary-action-min-width); }
  :where(.mxai-ui) .mx-form-action-row {
    justify-content:flex-end;flex-wrap:wrap;padding-top:var(--mx-form-action-top-gap);
    min-height:calc(var(--mx-field-height) + var(--mx-form-action-top-gap));
  }
  :where(.mxai-ui) .mx-form-action-row--start { justify-content:flex-start; }
  :where(.mxai-ui) .mx-form-action-row--between { justify-content:space-between; }

  :where(.mxai-ui) .mx-table-wrap {
    padding-block:var(--mx-table-container-inset-y);padding-inline:var(--mx-table-container-inset-x);
    scrollbar-gutter:stable both-edges;
  }
  :where(.mxai-ui) .mx-table th,:where(.mxai-ui) .mx-table td {
    padding-block:var(--mx-table-cell-pad-y);padding-inline:var(--mx-table-cell-pad-x);
  }
  :where(.mxai-ui) .mx-table th:first-child,:where(.mxai-ui) .mx-table td:first-child { padding-inline-start:var(--mx-table-edge-pad-x); }
  :where(.mxai-ui) .mx-table th:last-child,:where(.mxai-ui) .mx-table td:last-child { padding-inline-end:var(--mx-table-edge-pad-x); }
  :where(.mxai-ui) :is(.mx-table-footer,.mx-pagination) { padding-block:var(--mx-table-container-inset-y);padding-inline:var(--mx-table-container-inset-x); }
  :where(.mxai-ui) :is(.mx-row-actions,.mx-datatable-actions) {
    display:inline-flex;align-items:center;justify-content:flex-end;gap:var(--mx-action-gap);min-width:0;white-space:nowrap;
  }
  :where(.mxai-ui) .mx-datatable-actions--vertical { flex-direction:column;align-items:center; }
  :where(.mxai-ui) :is(.mx-row-actions,.mx-datatable-actions) > .mx-icon-btn {
    width:var(--mx-table-action-button-size);height:var(--mx-table-action-button-size);flex:0 0 var(--mx-table-action-button-size);
  }
  :where(.mxai-ui) :is(.mx-row-actions,.mx-datatable-actions) > .mx-icon-btn > .mx-icon { width:var(--mx-table-action-icon-size);height:var(--mx-table-action-icon-size); }

  :where(.mxai-ui) :is(.mx-modal__header,.mx-modal__body,.mx-modal__footer) { padding-block:var(--mx-modal-pad-y);padding-inline:var(--mx-modal-pad-x); }
  :where(.mxai-ui) .mx-modal__footer { gap:var(--mx-action-gap); }

  :where(.mxai-ui) [aria-busy="true"],:where(.mxai-ui) .is-busy { cursor:progress; }
  :where(.mxai-ui) .mx-btn.is-busy { position:relative;pointer-events:none; }
  :where(.mxai-ui) .mx-btn.is-busy::after {
    content:"";width:var(--mx-busy-indicator-size);height:var(--mx-busy-indicator-size);
    border:2px solid color-mix(in srgb,currentColor 25%,transparent);border-top-color:currentColor;
    border-radius:50%;animation:mx-select-spin .7s linear infinite;flex:0 0 var(--mx-busy-indicator-size);
  }

@media (max-width:720px){
  :where(.mxai-ui) .mx-page { padding-inline:max(var(--mx-mobile-page-gutter-x),env(safe-area-inset-left)); }
  :where(.mxai-ui) :is(.mx-toolbar,.mx-inline-field-actions) { grid-template-columns:1fr; }
  :where(.mxai-ui) :is(.mx-toolbar__actions,.mx-inline-field-actions__actions,.mx-button-cluster,.mx-form-action-row) { min-width:0;white-space:normal;flex-wrap:wrap; }
  :where(.mxai-ui) .mx-toolbar__search { max-width:none; }
}
@media (prefers-reduced-motion:reduce){
  :where(.mxai-ui) *,:where(.mxai-ui) *::before,:where(.mxai-ui) *::after { scroll-behavior:auto;transition-duration:.01ms;animation-duration:.01ms;animation-iteration-count:1; }
}

/* MXAI Progress Stepper Material Authority v3.11.3
   Canonical progress/process indicator for Finance, OCR, Approval, Booking, Rental and system workflows. */

  :where(.mxai-ui) .mx-stepper {
    width:100%;
    color:var(--mx-text);
  }
  :where(.mxai-ui) .mx-stepper__list {
    --mx-step-count:5;
    display:grid;
    grid-template-columns:repeat(var(--mx-step-count),minmax(0,1fr));
    gap:0;
    list-style:none;
    margin:0;
    padding:0;
  }
  :where(.mxai-ui) .mx-step {
    position:relative;
    display:grid;
    justify-items:center;
    align-content:start;
    min-width:0;
    text-align:center;
    padding-inline:calc(var(--mx-stepper-gap,16px) / 2);
  }
  :where(.mxai-ui) .mx-step:not(:last-child)::after {
    content:"";
    position:absolute;
    z-index:0;
    top:calc(var(--mx-stepper-node-size,48px) / 2 - var(--mx-stepper-line-width,2px) / 2);
    left:calc(50% + var(--mx-stepper-node-size,48px) / 2 + var(--mx-space-2,8px));
    right:calc(-50% + var(--mx-stepper-node-size,48px) / 2 + var(--mx-space-2,8px));
    height:var(--mx-stepper-line-width,2px);
    border-radius:999px;
    background:var(--mx-stepper-line-pending);
  }
  :where(.mxai-ui) .mx-step.is-complete:not(:last-child)::after { background:var(--mx-stepper-line-complete); }
  :where(.mxai-ui) .mx-step__marker {
    position:relative;
    z-index:1;
    display:grid;
    place-items:center;
    width:var(--mx-stepper-node-size,48px);
    height:var(--mx-stepper-node-size,48px);
    border:1px solid var(--mx-border);
    border-radius:999px;
    background:var(--mx-stepper-pending-bg);
    color:var(--mx-stepper-pending-fg);
    transition:border-color .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease;
  }
  :where(.mxai-ui) .mx-step__marker .mx-icon {
    width:var(--mx-stepper-icon-size,20px);
    height:var(--mx-stepper-icon-size,20px);
    stroke-width:var(--mx-icon-stroke-width,1.65);
  }
  :where(.mxai-ui) .mx-step.is-complete .mx-step__marker {
    border-color:color-mix(in srgb,var(--mx-primary) 72%,var(--mx-border));
    background:var(--mx-stepper-complete-bg);
    color:var(--mx-stepper-complete-fg);
  }
  :where(.mxai-ui) .mx-step.is-current .mx-step__marker {
    border:2px solid var(--mx-primary);
    background:var(--mx-stepper-current-bg);
    color:var(--mx-stepper-current-fg);
    box-shadow:var(--mx-stepper-current-ring);
  }
  :where(.mxai-ui) .mx-step.is-error .mx-step__marker {
    border-color:var(--mx-danger);
    background:color-mix(in srgb,var(--mx-danger) 9%,var(--mx-surface));
    color:var(--mx-danger);
  }
  :where(.mxai-ui) .mx-step__body {
    display:grid;
    gap:var(--mx-stepper-description-gap,4px);
    justify-items:center;
    min-width:0;
    margin-top:var(--mx-stepper-label-gap,10px);
  }
  :where(.mxai-ui) .mx-step__title {
    margin:0;
    color:var(--mx-text);
    font-weight:650;
    font-size:calc(var(--mx-base-size,14px) + 1px);
    line-height:var(--mx-line-height-compact,1.35);
    text-wrap:balance;
  }
  :where(.mxai-ui) .mx-step.is-current .mx-step__title { color:var(--mx-heading-color,var(--mx-primary)); }
  :where(.mxai-ui) .mx-step__description {
    margin:0;
    max-width:30ch;
    color:var(--mx-muted);
    font-size:calc(var(--mx-base-size,14px) - 1px);
    line-height:var(--mx-line-height-body,1.5);
    text-wrap:balance;
  }
  :where(.mxai-ui) .mx-step__status {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:28px;
    margin-top:var(--mx-space-1,4px);
    padding:4px 12px;
    border-radius:999px;
    background:color-mix(in srgb,var(--mx-primary) 12%,var(--mx-surface));
    color:color-mix(in srgb,var(--mx-primary) 80%,var(--mx-text));
    font-size:12px;
    font-weight:650;
    line-height:1.2;
  }
  :where(.mxai-ui) .mx-step:not(.is-current) .mx-step__status { display:none; }

  :where(.mxai-ui) .mx-stepper--compact { --mx-stepper-node-size:var(--mx-stepper-node-size-compact,36px); --mx-stepper-icon-size:16px; }
  :where(.mxai-ui) .mx-stepper--compact .mx-step__body { margin-top:8px; }
  :where(.mxai-ui) .mx-stepper--compact .mx-step__title { font-size:12px; }
  :where(.mxai-ui) .mx-stepper--compact .mx-step__description,
  :where(.mxai-ui) .mx-stepper--compact .mx-step__status { display:none; }

  :where(.mxai-ui) .mx-stepper--vertical .mx-stepper__list {
    display:grid;
    grid-template-columns:1fr;
    gap:0;
  }
  :where(.mxai-ui) .mx-stepper--vertical .mx-step {
    grid-template-columns:var(--mx-stepper-node-size,48px) minmax(0,1fr);
    gap:12px;
    justify-items:start;
    text-align:start;
    padding:0 0 var(--mx-stepper-vertical-gap,16px);
  }
  :where(.mxai-ui) .mx-stepper--vertical .mx-step:not(:last-child)::after {
    top:calc(var(--mx-stepper-node-size,48px) + 6px);
    bottom:6px;
    left:calc(var(--mx-stepper-node-size,48px) / 2 - var(--mx-stepper-line-width,2px) / 2);
    right:auto;
    width:var(--mx-stepper-line-width,2px);
    height:auto;
  }
  :where(.mxai-ui) .mx-stepper--vertical .mx-step__body {
    justify-items:start;
    margin-top:2px;
  }
  :where(.mxai-ui) .mx-stepper--vertical .mx-step__description { max-width:none; text-align:start; }
  :where(.mxai-ui) .mx-stepper--vertical .mx-step__meta {
    color:var(--mx-muted);
    font-size:12px;
    line-height:1.35;
  }

@media (max-width:720px){
  :where(.mxai-ui) .mx-stepper:not(.mx-stepper--compact):not(.mx-stepper--horizontal-mobile) .mx-stepper__list {
    grid-template-columns:1fr;
  }
  :where(.mxai-ui) .mx-stepper:not(.mx-stepper--compact):not(.mx-stepper--horizontal-mobile) .mx-step {
    grid-template-columns:var(--mx-stepper-node-size,48px) minmax(0,1fr);
    gap:12px;
    justify-items:start;
    text-align:start;
    padding:0 0 var(--mx-stepper-vertical-gap,16px);
  }
  :where(.mxai-ui) .mx-stepper:not(.mx-stepper--compact):not(.mx-stepper--horizontal-mobile) .mx-step:not(:last-child)::after {
    top:calc(var(--mx-stepper-node-size,48px) + 6px);
    bottom:6px;
    left:calc(var(--mx-stepper-node-size,48px) / 2 - var(--mx-stepper-line-width,2px) / 2);
    right:auto;
    width:var(--mx-stepper-line-width,2px);
    height:auto;
  }
  :where(.mxai-ui) .mx-stepper:not(.mx-stepper--compact):not(.mx-stepper--horizontal-mobile) .mx-step__body {
    justify-items:start;
    margin-top:2px;
  }
  :where(.mxai-ui) .mx-stepper:not(.mx-stepper--compact):not(.mx-stepper--horizontal-mobile) .mx-step__description { max-width:none;text-align:start; }
  :where(.mxai-ui) .mx-stepper--compact { overflow-x:auto; padding-bottom:4px; }
  :where(.mxai-ui) .mx-stepper--compact .mx-stepper__list { min-width:560px; }
}


/* MXAI Runtime Template Customizer Authority v3.11.3 */

:where(.mxai-ui.mx-navbar-floating) .mx-topbar{margin:var(--mx-space-3,12px) var(--mx-page-gutter-x,24px) 0;width:auto;border:1px solid var(--mx-border);border-radius:var(--mx-radius,14px);box-shadow:var(--mx-shadow);background:var(--mx-topbar-bg,var(--mx-surface))}
:where(.mxai-ui.mx-navbar-sticky) .mx-topbar{margin:0;width:auto;border-radius:0;box-shadow:none}
:where(.mxai-ui.mx-navbar-static) .mx-topbar{position:relative;top:auto;margin:0;border-radius:0;box-shadow:none}
:where(.mxai-ui.mx-skin-bordered) :where(.mx-card,.mx-table-wrap,.table-wrap,.mx-toolbar,.mx-modal,.mx-settings-icon-grid article){border-color:var(--mx-border);box-shadow:none}
:where(.mxai-ui.mx-menu-collapsed) :where(.mx-sidebar__label,.mx-nav-label,.mx-menu-label){display:none}
:where(.mxai-ui.mx-menu-collapsed) .mx-sidebar{overflow-x:hidden}
:where(.mxai-ui.mx-semi-dark) .mx-sidebar{background:var(--mx-sidebar-bg);color:var(--mx-sidebar-text);border-right-color:color-mix(in srgb,var(--mx-sidebar-text) 10%,transparent)}
:where(.mxai-ui.mx-semi-dark) .mx-sidebar :where(a,button,.mx-nav-item){color:var(--mx-sidebar-text)}
:where(.mxai-ui.mx-semi-dark) .mx-sidebar :where(.is-active,.active,[aria-current="page"]){background:color-mix(in srgb,var(--mx-primary) 22%,transparent);color:#fff}
:where(.mxai-ui) :where(.mx-page-title h1,.mx-card__title,.mx-section-title h2,.mx-section-title h3){color:var(--mx-heading-color,var(--mx-primary))}
:where(.mxai-ui) :where(.mx-field-label,.mx-form-label){color:var(--mx-label-color,var(--mx-heading-color))}



/* MXAI Collision-Safe Radius + Gradient Contrast Authority v3.11.3
   Blocking rules: icons never cover labels, dividers never cross text, controls keep canonical radius,
   filled/gradient actions keep readable foreground contrast. */

  :where(.mxai-ui) .mx-icon { display:block; flex:0 0 auto; }

  /* One optical gap owner for every icon + text control. */
  :where(.mxai-ui) :is(.mx-btn,.mx-icon-text,.mx-settings-nav__item,.mx-field-label,.mx-tab,.mx-tabs button,.mx-badge,.mx-row-action) {
    column-gap:var(--mx-icon-text-gap,8px);
  }
  :where(.mxai-ui) :is(.mx-btn,.mx-icon-text,.mx-settings-nav__item,.mx-field-label,.mx-tab,.mx-tabs button,.mx-badge) > :is(.mx-icon,svg.mx-icon) {
    position:static;
    inset:auto;
    margin:0;
    flex:0 0 auto;
  }
  :where(.mxai-ui) :is(.mx-btn,.mx-icon-text,.mx-settings-nav__item,.mx-field-label,.mx-tab,.mx-tabs button,.mx-badge) > :is(.mx-btn__label,.mx-icon-text__label,.mx-label-text,span:not(.mx-icon)) {
    min-width:0;
    position:relative;
    z-index:1;
  }

  /* Composite inputs reserve a real icon slot instead of laying icons over text. */
  :where(.mxai-ui) .mx-control-shell,
  :where(.mxai-ui) .mx-input-shell {
    min-width:0;
    min-height:var(--mx-field-height,42px);
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:var(--mx-control-icon-gap,8px);
    padding-inline:var(--mx-input-pad-x,14px);
    border:1px solid var(--mx-border);
    border-radius:var(--mx-control-radius,var(--mx-input-radius,10px));
    background:var(--mx-surface);
    color:var(--mx-input-text-color,var(--mx-text));
  }
  :where(.mxai-ui) :is(.mx-input-prefix,.mx-input-suffix) {
    width:var(--mx-control-icon-slot,32px);
    min-width:var(--mx-control-icon-slot,32px);
    height:var(--mx-field-height,42px);
    display:grid;
    place-items:center;
    color:var(--mx-muted);
    pointer-events:none;
  }
  :where(.mxai-ui) :is(.mx-input-prefix,.mx-input-suffix) > .mx-icon { width:18px;height:18px; }
  :where(.mxai-ui) :is(.mx-control-shell,.mx-input-shell) > .mx-input {
    width:100%;min-width:0;height:100%;min-height:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;
  }
  :where(.mxai-ui) :is(.mx-control-shell,.mx-input-shell) > .mx-input:focus,
  :where(.mxai-ui) :is(.mx-control-shell,.mx-input-shell) > .mx-input:focus-visible { border:0;box-shadow:none;outline:0; }
  :where(.mxai-ui) :is(.mx-control-shell,.mx-input-shell):focus-within { border-color:var(--mx-primary);box-shadow:var(--mx-focus-ring); }

  /* Radius is an invariant for editable controls. Inner reset inputs are explicitly exempted. */
  :where(.mxai-ui) :is(input.mx-input,select.mx-input,textarea.mx-input,.mx-select__trigger,.mx-select__search,.mx-search-field,.mx-control-shell,.mx-input-shell) {
    border-radius:var(--mx-control-radius,var(--mx-input-radius,10px));
  }
  :where(.mxai-ui) .mx-search-field > .mx-input,
  :where(.mxai-ui) .mx-select__search-input,
  :where(.mxai-ui) :is(.mx-control-shell,.mx-input-shell) > .mx-input { border-radius:0; }

  /* Divider anatomy never paints a line through a heading/label. */
  :where(.mxai-ui) .mx-divider { width:100%;height:1px;margin-block:var(--mx-section-gap,16px);border:0;background:var(--mx-divider-color,var(--mx-border)); }
  :where(.mxai-ui) .mx-divider--labelled,
  :where(.mxai-ui) .mx-section-heading--divider,
  :where(.mxai-ui) .mx-fieldset__legend {
    width:100%;display:grid;grid-template-columns:max-content minmax(16px,1fr);align-items:center;gap:var(--mx-divider-gap,12px);position:relative;
  }
  :where(.mxai-ui) :is(.mx-divider--labelled,.mx-section-heading--divider,.mx-fieldset__legend)::after,
  :where(.mxai-ui) .mx-divider__line {
    content:"";display:block;position:static;inset:auto;min-width:16px;height:1px;background:var(--mx-divider-color,var(--mx-border));border:0;z-index:0;
  }
  :where(.mxai-ui) :is(.mx-divider__label,.mx-section-heading__label,.mx-fieldset__legend-text) { position:relative;z-index:1;min-width:0; }
  :where(.mxai-ui) .mx-fieldset { min-width:0;margin:0;padding:0;border:0; }

  /* Theme-coherent gradients. Safe filled gradient uses dark-enough stops and white foreground. */
  :where(.mxai-ui) :is(.mx-btn--primary,.mx-btn.primary,.mx-btn--gradient,.mx-gradient-action) {
    background:var(--mx-gradient-primary,var(--mx-gradient));
    color:var(--mx-on-gradient,#fff);
    text-shadow:var(--mx-gradient-text-shadow,none);
    border-color:transparent;
  }
  :where(.mxai-ui) :is(.mx-btn--gradient-secondary,.mx-gradient-action--secondary) {
    background:var(--mx-gradient-secondary);
    color:var(--mx-on-gradient,#fff);
    text-shadow:var(--mx-gradient-text-shadow,none);
    border-color:transparent;
  }
  :where(.mxai-ui) :is(.mx-surface--gradient-soft,.mx-card--gradient-soft,.mx-theme-accent--gradient-soft) {
    background:var(--mx-gradient-soft);
    color:var(--mx-text);
    border-color:color-mix(in srgb,var(--mx-primary) 18%,var(--mx-border));
  }
  :where(.mxai-ui) [data-mx-auto-contrast] { color:var(--mx-auto-foreground,currentColor); }

  /* Stepper and decorative lines stay behind semantic text/markers. */
  :where(.mxai-ui) .mx-step::after { pointer-events:none; }
  :where(.mxai-ui) .mx-step__marker,
  :where(.mxai-ui) .mx-step__body { position:relative;z-index:1; }



/* MXAI v3.11.3 — Runtime Theme Engine.
   State classes live on body/html. Selectors intentionally support both same-node and ancestor-state forms. */
:where(body.mxai-ui,html.mxai-ui) { background:var(--mx-bg);color:var(--mx-text);font-family:var(--mx-font); }
:where(body.mxai-ui,html.mxai-ui) :where(.mx-page,.mx-content,.mx-main,.mx-workspace,.content-wrapper,.app-content,.main-content){color:var(--mx-text);background:var(--mx-bg)}
:where(body.mxai-ui,html.mxai-ui) :where(.mx-card,.mx-panel,.mx-modal,.mx-drawer,.mx-table-wrap,.mx-toolbar){background:var(--mx-surface);color:var(--mx-text);border-color:var(--mx-border)}
:where(body.mxai-ui,html.mxai-ui) :where(.mx-sidebar){width:var(--mx-current-sidebar-width);background:var(--mx-sidebar-bg);color:var(--mx-sidebar-text)}
:where(body.mxai-ui,html.mxai-ui) :where(.mx-topbar){background:var(--mx-topbar-bg);color:var(--mx-text);border-color:var(--mx-border)}
:where(body.mxai-ui,html.mxai-ui) :where(.mx-btn--primary,.mx-btn.primary,[data-mx-variant="primary"]){background:var(--mx-gradient-primary,var(--mx-primary));color:var(--mx-on-gradient,#fff);border-color:transparent}
:where(body.mxai-ui,html.mxai-ui) :where(.mx-tab.is-active,.mx-tabs [aria-selected="true"],.mx-nav-item.is-active,[aria-current="page"]){color:var(--mx-primary);background:color-mix(in srgb,var(--mx-primary) 10%,var(--mx-surface));border-color:color-mix(in srgb,var(--mx-primary) 34%,var(--mx-border))}
:where(body.mxai-ui,html.mxai-ui).mx-skin-bordered :where(.mx-card,.mx-panel,.mx-modal,.mx-table-wrap,.mx-toolbar){border:1px solid var(--mx-border);box-shadow:none}
:where(body.mxai-ui,html.mxai-ui).mx-menu-collapsed .mx-sidebar{width:var(--mx-sidebar-collapsed)}
:where(body.mxai-ui,html.mxai-ui).mx-layout-boxed :where(.mx-page,.mx-content,.mx-main,.mx-workspace){width:min(100%,var(--mx-content-max,1280px));margin-inline:auto}
:where(body.mxai-ui,html.mxai-ui).mx-navbar-floating .mx-topbar{position:sticky;top:var(--mx-navbar-offset,12px);margin:12px var(--mx-page-gutter-x) 0;border:1px solid var(--mx-border);border-radius:var(--mx-radius);box-shadow:var(--mx-shadow);z-index:30}
:where(body.mxai-ui,html.mxai-ui).mx-navbar-sticky .mx-topbar{position:sticky;top:0;margin:0;border-radius:0;box-shadow:none;z-index:30}
:where(body.mxai-ui,html.mxai-ui).mx-navbar-static .mx-topbar{position:relative;top:auto;margin:0;border-radius:0;box-shadow:none}