/* Core component contract. Graph coordinates are documented geometric exceptions. */
:root {        }
.mq-entry-page { padding-block:clamp(var(--mq-space-8),8vh,var(--mq-space-12)); }
.mq-entry-intro { max-width:42rem; margin-inline:auto; padding:clamp(var(--mq-space-6),6vw,var(--mq-space-10)); text-align:center; }
.mq-entry-mark,.mq-entry-card-icon { display:grid; place-items:center; color:var(--mq-brand-primary-hover); background:var(--mq-brand-primary-soft); border-radius:var(--mq-radius-md); }
.mq-entry-mark { width:3.5rem; height:3.5rem; margin:0 auto var(--mq-space-5); }
.mq-entry-mark svg { font-size:1.75rem; }
.mq-entry-intro h1,.mq-entry-header h1 { margin-block:var(--mq-space-2); }
.mq-entry-intro p,.mq-entry-header p { max-width:38rem; margin:0 auto var(--mq-space-6); color:var(--mq-text-secondary); line-height:1.8; }
.mq-entry-intro .mq-button { margin-block-start:var(--mq-space-2); }
.mq-entry-intro form { margin-block-start:var(--mq-space-3); }
.mq-entry-header { margin-block-end:var(--mq-space-6); text-align:center; }
.mq-entry-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr)); gap:var(--mq-space-4); max-width:64rem; margin-inline:auto; }
.mq-entry-card { display:flex; min-height:9rem; align-items:center; gap:var(--mq-space-4); padding:var(--mq-space-5); color:var(--mq-text); text-decoration:none; transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease; }
.mq-entry-card:hover { border-color:var(--mq-brand-primary); box-shadow:var(--mq-shadow-md); transform:translateY(-2px); }
.mq-entry-card:focus-visible { outline:3px solid var(--mq-info); outline-offset:3px; }
.mq-entry-card-icon { flex:0 0 3rem; width:3rem; height:3rem; }
.mq-entry-card-icon svg { font-size:1.5rem; }
.mq-entry-card-copy { display:flex; flex:1; flex-direction:column; gap:var(--mq-space-2); }
.mq-entry-card-copy strong { font-size:var(--mq-type-subtitle); }
.mq-entry-card-copy small { color:var(--mq-text-secondary); line-height:1.6; }
.mq-entry-card-arrow { color:var(--mq-text-muted); }
@media(max-width:40rem){.mq-entry-page{padding-block:var(--mq-space-6)}.mq-entry-card{min-height:7rem;padding:var(--mq-space-4)}}
.mq-surface-section { background:var(--mq-surface); border-block:1px solid var(--mq-border); padding: var(--mq-space-6); }
.mq-surface-inset { background:var(--mq-surface-muted); padding: var(--mq-space-4); border-radius:var(--mq-radius-sm); }
.mq-unified-header { margin-block-end: var(--mq-space-6); }
.mq-unified-header nav { font-size:var(--mq-type-sm); color:var(--mq-text-secondary); margin-block-end: var(--mq-space-2); }
.mq-header-actions,.mq-command-bar { display:flex; flex-wrap:wrap; align-items:center; gap: var(--mq-space-3); }
.mq-command-bar { padding: var(--mq-space-3) var(--mq-space-4); background:var(--mq-surface); border-block:1px solid var(--mq-border); }
.mq-surface-context { display:flex; flex-direction:column; }
.mq-surface-context span { color:var(--mq-text-muted); font-size:var(--mq-type-caption); }
.mq-field-error { color:var(--mq-danger); font-size:var(--mq-type-sm); }
.mq-field input[readonly],.mq-field input:disabled,.mq-field select:disabled { background:var(--mq-surface-muted); }
.mq-field :is(input,select,textarea)[aria-invalid=true] { border-color:var(--mq-danger); }
.mq-field > label { font-weight:500; }
.mq-button { min-height:var(--mq-control-height); transition:background-color .12s ease,border-color .12s ease; }
.mq-button-spinner { width:16px; height:16px; border:2px solid currentColor; border-inline-end-color:transparent; border-radius:50%; animation:mq-spin .8s linear infinite; }
@keyframes mq-spin { to { transform:rotate(360deg); } }
.mq-work-table thead th { position:sticky; inset-block-start:0; z-index:2; background:var(--mq-surface-muted); }
.mq-work-table-wrap { max-height:65vh; }
.mq-table-scroll { max-width:100%; overflow-x:auto; }
@media(max-width:48rem){.mq-table .mq-secondary-column{display:none;}}
.mq-work-table td:first-child strong { direction:inherit; white-space:normal; }
.mq-work-table td small,.mq-work-table bdi { direction:ltr; unicode-bidi:isolate; white-space:nowrap; }
.mq-workspace-content { --mq-section-gap: var(--mq-space-4); font-size:var(--mq-type-sm); }
.mq-studio-content { --mq-section-gap: var(--mq-space-5); }
.mq-container.mq-page { --mq-section-gap: var(--mq-space-8); }
.mq-inspector { border-inline-start:3px solid var(--mq-border-strong); }
.mq-inspector-header { position:sticky; inset-block-start:0; background:var(--mq-surface); z-index:3; }
.mq-status.muted { background:var(--mq-surface-muted); color:var(--mq-text-secondary); }
.mq-button:focus-visible,.mq-icon-button:focus-visible,summary:focus-visible { outline:3px solid var(--mq-info); outline-offset:3px; }
.mq-onboarding { margin-block: var(--mq-space-4); padding: var(--mq-space-4); border-inline-start:3px solid var(--mq-info); background:var(--mq-info-soft); }
.mq-onboarding summary { cursor:pointer; min-height:44px; font-weight:600; }
.mq-onboarding p { color:var(--mq-text-secondary); margin-block: var(--mq-space-2); }
@media(max-width:760px) { .mq-unified-header { align-items:stretch; flex-direction:column; } .mq-surface-section { padding: var(--mq-space-4); } .mq-header-actions { width:100%; } .mq-surface-context span { display:none; } }
@media(prefers-reduced-motion:reduce) { .mq-button-spinner { animation:none; } }
.mq-process-canvas { margin-block: var(--mq-space-4); border:1px solid var(--mq-border); border-radius:var(--mq-radius-md); background:var(--mq-surface); overflow:hidden; }
.mq-canvas-help { padding-inline: var(--mq-space-4); color:var(--mq-text-secondary); font-size:var(--mq-type-sm); }
.mq-canvas-scroll { overflow:auto; max-height:560px; background:var(--mq-surface-subtle); direction:ltr; }
.mq-canvas-plane { position:relative; }
.mq-canvas-plane svg { position:absolute; inset:0; }
.mq-canvas-node { position:absolute; width:220px; height:140px; display:flex; flex-direction:column; gap: var(--mq-space-1); align-items:center; justify-content:center; padding: var(--mq-space-3); border:1px solid var(--mq-border-strong); border-radius:var(--mq-radius-md); background:var(--mq-surface); direction:rtl; font:inherit; }
.mq-canvas-node .mud-icon-root { width:20px; height:20px; color:var(--mq-text-secondary); }
.mq-canvas-node small { color:var(--mq-text-secondary); }
.mq-canvas-node.selected { border:2px solid var(--mq-action); background:var(--mq-brand-primary-soft); }
.mq-canvas-node.terminal { background:var(--mq-surface-muted); }
.mq-form-preview-live { padding: var(--mq-space-4); }
.mq-form-preview-live .mq-field { margin-block: var(--mq-space-4); }
.mq-form-preview-live p { color:var(--mq-text-secondary); }
@media(min-width:981px) { .mq-inspector { position:sticky; inset-block-start:var(--mq-space-4); max-height:80vh; overflow:auto; align-self:start; } }
@media(max-width:760px) { .mq-inspector.open { position:fixed; inset-inline:var(--mq-space-2); inset-block-end:var(--mq-space-2); max-height:78vh; overflow:auto; z-index:40; box-shadow:var(--mq-shadow-lg); } .mq-inspector.open .mq-field-editor-header { position:sticky; inset-block-start:0; } }

.mq-personal-services { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap: var(--mq-space-4); }
.mq-personal-service { display:flex; align-items:center; gap: var(--mq-space-2); padding-block: var(--mq-space-3); border-block-end:1px solid var(--mq-border); }
.mq-personal-service .mud-icon-root { width:22px; height:22px; }
@media(max-width:760px){.mq-personal-services{grid-template-columns:1fr;}}

.mq-section-kicker,.mq-eyebrow,.mq-link,.mq-service-category,.mq-nav .active,.mq-choice-card.active strong { color:var(--mq-action); }
.mq-field :is(input,select,textarea):not(:disabled),.mq-search input { border-color:var(--mq-text-muted); }
.mq-inspector:focus-within { border-inline-start-color:var(--mq-info); }
@media(max-width:760px){.mq-inspector.open{border:1px solid var(--mq-border-strong);}.mq-inspector.open .mq-field-editor-body{padding: var(--mq-space-4);}}

/* The stage editor uses the page as its only scroll region on desktop. */
.mq-stage-editor.open { position:static; max-height:none; overflow:visible; }
.mq-stage-editor.open .mq-field-editor-body { max-height:none; overflow:visible; }
@media(max-width:760px) {
    .mq-stage-editor.open { position:fixed; inset:var(--mq-space-2); inset-block-end:var(--mq-space-2); display:flex; flex-direction:column; min-height:0; max-height:none; height:auto; overflow:hidden; }
    .mq-stage-editor.open .mq-field-editor-header,.mq-stage-editor.open .mq-field-editor-actions { flex:0 0 auto; position:static; }
    .mq-stage-editor.open .mq-field-editor-body { flex:1 1 auto; min-height:0; max-height:none; overflow-y:auto; overscroll-behavior:contain; }
    html:has(.mq-stage-editor.open),body:has(.mq-stage-editor.open) { overflow:hidden; }
}

.mq-canvas-scroll { direction:rtl; }
.mq-canvas-plane { direction:ltr; }
.mq-stage-order summary { min-height:44px; padding: var(--mq-space-3); cursor:pointer; font-weight:600; }
.mq-command-bar label { display:flex; flex-wrap:wrap; align-items:center; gap: var(--mq-space-2); }
.mq-table-command-bar details summary { min-height:44px; cursor:pointer; padding: var(--mq-space-2); }
.mq-table-command-bar details label { padding: var(--mq-space-2); }
.mq-personal-services .mq-surface-section h3 { font-size:var(--mq-type-section); }
/* Grid items must shrink independently from the scrollable canvas geometry. */
.mq-process-editor-layout, .mq-form-builder-layout { min-width:0; }
.mq-process-editor-layout > *, .mq-form-builder-layout > * { min-width:0; max-width:100%; }
.mq-process-canvas, .mq-canvas-scroll { min-width:0; max-width:100%; }
.mq-canvas-node { gap: var(--mq-space-1); padding: var(--mq-space-3); }
.mq-canvas-zoom { direction:ltr; overflow:hidden; }
.mq-toast { position:fixed; inset-inline-end:var(--mq-space-4); inset-block-end:var(--mq-space-4); z-index:70; max-width:min(460px,calc(100vw - 32px)); display:flex; align-items:center; gap: var(--mq-space-3); padding: var(--mq-space-4); background:var(--mq-surface); border:1px solid var(--mq-border-strong); border-inline-start:4px solid var(--mq-info); border-radius:var(--mq-radius-md); box-shadow:var(--mq-shadow-lg); color:var(--mq-text); }
.mq-toast.success { border-inline-start-color:var(--mq-success); }
@media(max-width:760px){.mq-toast{inset-block-end:var(--mq-space-2);inset-inline:var(--mq-space-2);max-width:none;}}
.mq-studio-editor-title,.mq-studio-editor-title > div { min-width:0; max-width:100%; }
.mq-studio-service-meta { flex-wrap:wrap; }
.mq-studio-editor-title h1,.mq-studio-editor-title p { overflow-wrap:anywhere; }

/* Circuit recovery is a native modal: it remains usable without server events. */
#components-reconnect-modal {border:1px solid var(--mq-border);border-radius:var(--mq-radius-lg);background:var(--mq-surface);color:var(--mq-text);max-width:min(32rem,calc(100vw - 2rem));padding:var(--mq-space-6);font:inherit;}
#components-reconnect-modal::backdrop{background:#18223088;}
#components-reconnect-modal:not([open]){display:none;}
.mq-reconnect-failed,.mq-reconnect-paused{display:none;}
.components-reconnect-failed .mq-reconnect-failed,.components-reconnect-rejected .mq-reconnect-failed,.components-reconnect-resume-failed .mq-reconnect-failed{display:block;}
.components-reconnect-failed .mq-reconnect-trying,.components-reconnect-rejected .mq-reconnect-trying,.components-reconnect-paused .mq-reconnect-trying,.components-reconnect-resume-failed .mq-reconnect-trying{display:none;}
.components-reconnect-paused .mq-reconnect-paused{display:block;}
#blazor-error-ui{display:none;position:fixed;inset:auto 0 0;z-index:10000;padding:var(--mq-space-4);background:var(--mq-danger-soft);color:var(--mq-danger);border-top:2px solid var(--mq-danger);}
.mq-save-state{color:var(--mq-warning);font-size:var(--mq-type-caption);padding:var(--mq-space-2) var(--mq-space-4);background:var(--mq-warning-soft);border-radius:var(--mq-radius-sm);}
:where(h1,h2,h3,strong,.mq-command-bar,.mq-panel-heading){overflow-wrap:anywhere;}
:where(input,select,textarea){max-width:100%;min-width:0;}
@media(max-width:48rem){.mq-command-bar,.mq-table-command-bar{flex-wrap:wrap;}.mq-doc-template-layout,.mq-journey-designer-grid{grid-template-columns:minmax(0,1fr);}.mq-doc-template-layout>*,.mq-journey-designer-grid>*{min-width:0;}.mq-table-command-bar label{max-width:100%;}}
@media(max-width:24rem){.mq-command-bar>*{max-width:100%;}.mq-form-actions{flex-wrap:wrap;}.mq-button{white-space:normal;}}
#mq-draft-confirm,#mq-action-confirm{border:1px solid var(--mq-border);border-radius:var(--mq-radius-lg);background:var(--mq-surface);color:var(--mq-text);max-width:min(32rem,calc(100vw - 2rem));padding:var(--mq-space-6);font:inherit;}
#mq-draft-confirm::backdrop,#mq-action-confirm::backdrop{background:#18223088;}
#mq-draft-confirm:not([open]),#mq-action-confirm:not([open]){display:none;}
.mq-column-order{display:grid;gap:var(--mq-space-2);padding-block:var(--mq-space-2);}

.mq-document-preview-scroll{overflow:auto;max-inline-size:100%;background:var(--mq-surface-muted);padding:var(--mq-space-4)}.mq-document-a4{box-sizing:border-box;inline-size:210mm;min-block-size:297mm;padding:20mm;background:white;color:#172b32;box-shadow:var(--mq-shadow-md)}.mq-official-document header img{max-inline-size:48mm;max-block-size:20mm;object-fit:contain}.mq-official-document header{margin-block-end:1.5rem;padding-block-end:1rem}.mq-official-document footer{margin-block-start:2rem;border-block-start:1px solid #ddd;padding-block-start:1rem;font-size:.85em}.mq-review-wide dd{white-space:pre-wrap}.mq-tabs[role=tablist]{overflow-x:auto;max-inline-size:100%}

.mq-request-detail-layout{grid-template-columns:minmax(0,1fr) minmax(15rem,20rem)}.mq-request-detail-layout>*{min-inline-size:0}.mq-request-detail-layout [role=tabpanel]{overflow-wrap:anywhere}.mq-journey-flex{box-sizing:border-box;min-inline-size:0!important;max-inline-size:100%;inline-size:100%;overflow-x:auto}.mq-journey-flex .mq-journey-step{flex-shrink:0}.mq-journey-flex .mq-journey-line{min-inline-size:2rem}.mq-request-detail-layout .mq-tabs{min-inline-size:0;max-inline-size:100%;overflow-x:auto}.mq-request-detail-layout .mq-tabs button{flex-shrink:0}@media(max-width:60rem){.mq-request-detail-layout{grid-template-columns:minmax(0,1fr)}}
/* Enterprise context: compact operational metadata, wrapping without truncation. */
.mq-brand-copy { display: flex; flex-direction: column; min-width: 0; }
.mq-brand-copy strong, .mq-brand-copy small { white-space: normal; overflow-wrap: anywhere; }
.mq-brand-copy small { font-size: .75rem; color: var(--mq-text-secondary); }
.mq-topbar .mq-brand > .mq-brand-copy { display: flex; max-width: min(36vw, 260px); }
@media(max-width: 640px) { .mq-topbar .mq-brand { flex: 1 1 100%; min-width: 0; } .mq-topbar .mq-brand > .mq-brand-copy { font-size: .75rem; max-width: none; flex: 1; } .mq-brand-copy small { font-size: .65rem; } }
.mq-person-context { display: flex; align-items: flex-start; gap: var(--mq-space-2); min-width: 0; text-align: start; }
.mq-person-copy { display: flex; flex-direction: column; min-width: 0; overflow-wrap: anywhere; }
.mq-person-copy span, .mq-person-copy small { color: var(--mq-text-secondary); font-size: .8rem; }
.mq-person-context.compact .mq-avatar { width: 32px; height: 32px; min-width: 32px; font-size: .7rem; }
.mq-person-context .mq-avatar img { width: 100%; height: 100%; object-fit: cover; border-radius: inherit; }
.mq-section-card { padding: var(--mq-space-5); min-width: 0; margin-block-end: var(--mq-space-4); }
.mq-section-card.compact { padding: var(--mq-space-4); }
.mq-section-card-heading { display: flex; align-items: flex-start; gap: var(--mq-space-3); flex-wrap: wrap; margin-block-end: var(--mq-space-4); }
.mq-section-card-heading > div { flex: 1; min-width: 0; }
.mq-section-card-heading h2 { margin: 0; font-size: 1.1rem; overflow-wrap: anywhere; }
.mq-section-card-heading p { margin: .25rem 0 0; color: var(--mq-text-secondary); overflow-wrap: anywhere; }
.mq-section-card-heading svg { color: var(--mq-brand-secondary); }
.mq-section-card-content { display: grid; gap: var(--mq-space-4); min-width: 0; }
.mq-process-library-list .mq-section-card-content { gap: var(--mq-space-5); }
.mq-process-library-search { display: flex; align-items: flex-end; gap: var(--mq-space-4); }
.mq-process-library-search .mq-field { flex: 1 1 320px; min-width: 0; }
.mq-process-library-search > .mq-muted { padding-block-end: var(--mq-space-3); white-space: nowrap; }
.mq-process-library-dialog { width: min(800px, calc(100vw - 2rem)); max-width: 800px; max-height: 92vh; overflow: auto; margin: auto; padding: var(--mq-space-6); border: 1px solid var(--mq-border); border-radius: var(--mq-radius-lg); background: var(--mq-surface); color: var(--mq-text); box-shadow: var(--mq-shadow-lg); font: inherit; }
.mq-process-library-dialog::backdrop { background: rgba(16,34,29,.52); backdrop-filter: blur(2px); }
.mq-process-library-dialog:not([open]) { display: none; }
.mq-process-library-dialog-header { position: sticky; inset-block-start: calc(-1 * var(--mq-space-6)); z-index: 2; display: flex; align-items: flex-start; justify-content: space-between; gap: var(--mq-space-4); margin: calc(-1 * var(--mq-space-6)) calc(-1 * var(--mq-space-6)) 0; padding: var(--mq-space-5) var(--mq-space-6); border-bottom: 1px solid var(--mq-border); background: var(--mq-surface); }
.mq-process-library-dialog-header h2 { margin: var(--mq-space-1) 0 0; overflow-wrap: anywhere; }
.mq-process-library-dialog-body { display: grid; gap: var(--mq-space-5); padding-block: var(--mq-space-5); }
.mq-process-library-dialog-body > p { margin: 0; color: var(--mq-text-secondary); }
.mq-process-library-dialog-actions { position: sticky; inset-block-end: calc(-1 * var(--mq-space-6)); z-index: 2; display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: var(--mq-space-2); margin: 0 calc(-1 * var(--mq-space-6)) calc(-1 * var(--mq-space-6)); padding: var(--mq-space-4) var(--mq-space-6); border-top: 1px solid var(--mq-border); background: var(--mq-surface); }
.mq-process-library-basics,.mq-process-library-step-editor { display: grid; gap: var(--mq-space-4); padding: var(--mq-space-4); border: 1px solid var(--mq-border); border-radius: var(--mq-radius-md); background: var(--mq-surface-subtle); }
.mq-process-library-inline-actions { display: flex; justify-content: flex-start; flex-wrap: wrap; gap: var(--mq-space-2); }
.mq-process-library-section-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--mq-space-4); margin-block-end: var(--mq-space-3); }
.mq-process-library-section-heading h3,.mq-process-library-step-editor h3 { margin: 0; font-size: var(--mq-type-section); }
.mq-process-library-section-heading p { margin: var(--mq-space-1) 0 0; color: var(--mq-text-muted); }
.mq-process-library-dialog .mq-empty-state { margin: 0; }
.mq-documents-library .mq-section-card-content { gap: var(--mq-space-5); }
.mq-document-library-toolbar { display: flex; align-items: end; justify-content: space-between; flex-wrap: wrap; gap: var(--mq-space-4); }
.mq-document-search { flex: 1 1 300px; max-width: 460px; min-width: 0; }
.mq-document-filter-group { display: flex; flex-wrap: wrap; gap: var(--mq-space-1); padding: var(--mq-space-1); border: 1px solid var(--mq-border); border-radius: var(--mq-radius-md); background: var(--mq-surface-subtle); }
.mq-document-filter-group button { min-height: 38px; padding: var(--mq-space-2) var(--mq-space-3); border: 0; border-radius: var(--mq-radius-sm); background: transparent; color: var(--mq-text-secondary); font: inherit; cursor: pointer; }
.mq-document-filter-group button:hover { color: var(--mq-text); background: var(--mq-surface-muted); }
.mq-document-filter-group button.is-active { background: var(--mq-surface); color: var(--mq-brand-primary-hover); box-shadow: var(--mq-shadow-sm); font-weight: 700; }
.mq-document-filter-group button:focus-visible { outline: 2px solid var(--mq-focus-ring); outline-offset: 2px; }
.mq-document-results-heading { display: flex; justify-content: space-between; align-items: center; gap: var(--mq-space-3); color: var(--mq-text-secondary); font-size: var(--mq-type-caption); }
.mq-document-results-heading strong { color: var(--mq-text); font-size: var(--mq-type-body); }
.mq-document-template-list { overflow: hidden; border: 1px solid var(--mq-border); border-radius: var(--mq-radius-lg); }
.mq-document-template-item { display: grid; grid-template-columns: 44px minmax(0, 1fr) minmax(140px, auto) 20px; align-items: center; gap: var(--mq-space-4); min-height: 94px; inline-size: 100%; padding: var(--mq-space-4) var(--mq-space-5); border: 0; border-bottom: 1px solid var(--mq-border); background: var(--mq-surface); color: var(--mq-text); text-align: start; font: inherit; cursor: pointer; transition: background .15s ease; }
.mq-document-template-item:last-child { border-bottom: 0; }
.mq-document-template-item:hover,.mq-document-template-item:focus-visible { background: var(--mq-brand-primary-soft); }
.mq-document-template-item:focus-visible { outline: 2px solid var(--mq-focus-ring); outline-offset: -2px; }
.mq-document-template-icon { display: grid; place-items: center; inline-size: 44px; block-size: 44px; border-radius: var(--mq-radius-md); background: var(--mq-brand-primary-soft); color: var(--mq-brand-primary-hover); }
.mq-document-template-copy,.mq-document-template-meta { display: grid; gap: var(--mq-space-1); min-width: 0; }
.mq-document-template-copy strong { font-size: var(--mq-type-section); overflow-wrap: anywhere; }
.mq-document-template-copy small { color: var(--mq-text-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mq-document-template-meta { justify-items: start; color: var(--mq-text-muted); font-size: var(--mq-type-caption); }
.mq-document-template-meta time { white-space: nowrap; }
.mq-document-pending { color: var(--mq-warning); }
.mq-document-template-item > svg { color: var(--mq-text-muted); }
.mq-document-template-dialog { width: min(1160px, calc(100vw - 2rem)); max-width: 1160px; max-height: 94vh; overflow: auto; margin: auto; padding: var(--mq-space-6); border: 1px solid var(--mq-border); border-radius: var(--mq-radius-lg); background: var(--mq-surface); color: var(--mq-text); box-shadow: var(--mq-shadow-lg); font: inherit; }
.mq-document-create-dialog { width: min(780px, calc(100vw - 2rem)); max-width: 780px; }
.mq-document-template-dialog::backdrop { background: rgba(16,34,29,.52); backdrop-filter: blur(2px); }
.mq-document-template-dialog:not([open]) { display: none; }
.mq-document-dialog-header { position: sticky; inset-block-start: calc(-1 * var(--mq-space-6)); z-index: 3; display: flex; align-items: flex-start; justify-content: space-between; gap: var(--mq-space-4); margin: calc(-1 * var(--mq-space-6)) calc(-1 * var(--mq-space-6)) 0; padding: var(--mq-space-5) var(--mq-space-6); border-bottom: 1px solid var(--mq-border); background: var(--mq-surface); }
.mq-document-dialog-header h2 { margin: var(--mq-space-1) 0 var(--mq-space-2); overflow-wrap: anywhere; }
.mq-document-dialog-body { display: grid; gap: var(--mq-space-5); padding-block: var(--mq-space-5); }
.mq-document-dialog-actions { position: sticky; inset-block-end: calc(-1 * var(--mq-space-6)); z-index: 3; display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: var(--mq-space-2); margin: 0 calc(-1 * var(--mq-space-6)) calc(-1 * var(--mq-space-6)); padding: var(--mq-space-4) var(--mq-space-6); border-top: 1px solid var(--mq-border); background: var(--mq-surface); }
.mq-document-dialog-actions > .mq-document-save-state { margin-inline-end: auto; }
.mq-document-create-form { grid-template-columns: minmax(0, 1fr) minmax(230px, .75fr); align-items: start; gap: var(--mq-space-6); }
.mq-document-create-fields { display: grid; gap: var(--mq-space-5); min-width: 0; }
.mq-document-create-intro { display: flex; align-items: start; gap: var(--mq-space-3); }
.mq-document-create-intro h3,.mq-document-starter h3 { margin: 0; font-size: var(--mq-type-section); }
.mq-document-create-intro p,.mq-document-starter p { margin: var(--mq-space-1) 0 0; color: var(--mq-text-secondary); }
.mq-document-step { display: grid; place-items: center; flex: 0 0 32px; block-size: 32px; border-radius: 50%; background: var(--mq-brand-primary-soft); color: var(--mq-brand-primary-hover); font-weight: 700; }
.mq-document-starter { display: grid; gap: var(--mq-space-3); padding: var(--mq-space-5); border: 1px solid var(--mq-border); border-radius: var(--mq-radius-lg); background: var(--mq-surface-subtle); }
.mq-document-starter-icon { display: grid; place-items: center; width: 42px; height: 42px; border-radius: var(--mq-radius-md); background: var(--mq-brand-primary-soft); color: var(--mq-brand-primary-hover); }
.mq-document-starter ul { display: grid; gap: var(--mq-space-2); margin: 0; padding-inline-start: var(--mq-space-5); }
.mq-document-starter li::marker { color: var(--mq-brand-primary); }
.mq-document-starter small { color: var(--mq-text-muted); line-height: 1.65; }
.mq-document-authoring-bar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: var(--mq-space-4); }
.mq-document-authoring-bar > div { display: grid; gap: var(--mq-space-1); }
.mq-document-authoring-bar strong { font-size: var(--mq-type-section); }
.mq-document-authoring-bar span { color: var(--mq-text-muted); font-size: var(--mq-type-caption); }
.mq-document-service-picker,.mq-document-settings { border: 1px solid var(--mq-border); border-radius: var(--mq-radius-md); background: var(--mq-surface-subtle); }
.mq-document-service-picker > summary,.mq-document-settings > summary { display: flex; align-items: center; gap: var(--mq-space-2); min-height: 48px; padding: var(--mq-space-3) var(--mq-space-4); color: var(--mq-text-secondary); cursor: pointer; }
.mq-document-service-picker > summary svg { color: var(--mq-brand-primary-hover); }
.mq-document-service-picker > summary span { margin-inline-start: auto; color: var(--mq-text-muted); font-size: var(--mq-type-caption); }
.mq-document-service-picker[open] > summary,.mq-document-settings[open] > summary { border-bottom: 1px solid var(--mq-border); }
.mq-document-service-picker > div { display: grid; gap: var(--mq-space-3); padding: var(--mq-space-4); }
.mq-document-service-picker p { margin: 0; color: var(--mq-text-muted); font-size: var(--mq-type-caption); }
.mq-document-settings > div { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: var(--mq-space-4); padding: var(--mq-space-4); }
.mq-document-settings-actions { display: flex; flex-wrap: wrap; gap: var(--mq-space-2); grid-column: 1 / -1; }
.mq-document-save-state { color: var(--mq-text-secondary); font-size: var(--mq-type-caption); }
.mq-document-preview-panel { display: grid; gap: var(--mq-space-4); }
.mq-document-preview-help h3 { margin: 0; font-size: var(--mq-type-section); }
.mq-document-preview-help p { margin: var(--mq-space-1) 0 0; color: var(--mq-text-muted); }
.mq-document-archive-confirm { display: flex; align-items: center; flex-wrap: wrap; gap: var(--mq-space-3); grid-column: 1 / -1; }
.mq-document-archive-confirm p { flex: 1 1 100%; margin: 0; }
@media(max-width: 760px) {
    .mq-document-search { max-width: none; flex-basis: 100%; }
    .mq-document-filter-group { width: 100%; }
    .mq-document-template-item { grid-template-columns: 40px minmax(0, 1fr) 20px; padding: var(--mq-space-4); }
    .mq-document-template-icon { width: 40px; height: 40px; }
    .mq-document-template-meta { grid-column: 2; display: flex; flex-wrap: wrap; align-items: center; gap: var(--mq-space-2); }
    .mq-document-template-item > svg { grid-column: 3; grid-row: 1 / 3; }
    .mq-document-results-heading > span { display: none; }
    .mq-document-create-form { grid-template-columns: minmax(0, 1fr); }
    .mq-document-settings > div { grid-template-columns: minmax(0, 1fr); }
    .mq-document-settings-actions,.mq-document-archive-confirm { grid-column: auto; }
}
@media(max-width: 620px) {
    .mq-process-library-search { align-items: stretch; flex-direction: column; gap: var(--mq-space-2); }
    .mq-process-library-search > .mq-muted { padding-block-end: 0; }
    .mq-process-library-dialog { width: calc(100vw - 1rem); max-height: 94vh; padding: var(--mq-space-4); }
    .mq-process-library-dialog-header { inset-block-start: calc(-1 * var(--mq-space-4)); margin: calc(-1 * var(--mq-space-4)) calc(-1 * var(--mq-space-4)) 0; padding: var(--mq-space-4); }
    .mq-process-library-dialog-actions { inset-block-end: calc(-1 * var(--mq-space-4)); margin: 0 calc(-1 * var(--mq-space-4)) calc(-1 * var(--mq-space-4)); padding: var(--mq-space-3) var(--mq-space-4); }
    .mq-process-library-section-heading { align-items: flex-start; flex-direction: column; }
    .mq-document-template-dialog { width: calc(100vw - 1rem); max-height: 96vh; padding: var(--mq-space-4); }
    .mq-document-dialog-header { inset-block-start: calc(-1 * var(--mq-space-4)); margin: calc(-1 * var(--mq-space-4)) calc(-1 * var(--mq-space-4)) 0; padding: var(--mq-space-4); }
    .mq-document-dialog-actions { inset-block-end: calc(-1 * var(--mq-space-4)); margin: 0 calc(-1 * var(--mq-space-4)) calc(-1 * var(--mq-space-4)); padding: var(--mq-space-3) var(--mq-space-4); }
    .mq-document-dialog-actions > .mq-document-save-state { flex-basis: 100%; }
    .mq-document-authoring-bar > button { width: 100%; justify-content: center; }
    .mq-document-template-copy small { line-height: 1.55; }
}
.mq-owner-context + .mq-owner-context { border-block-start: 1px solid var(--mq-border); padding-block-start: var(--mq-space-3); margin-block-start: var(--mq-space-3); }
.mq-owner-metadata { display: flex; flex-wrap: wrap; gap: var(--mq-space-4); margin-block: var(--mq-space-3); }
.mq-owner-metadata dt { color: var(--mq-text-secondary); font-size: .75rem; }
.mq-owner-metadata dd { margin: 0; overflow-wrap: anywhere; font-size: .85rem; }
.mq-request-context-grid { display: grid; grid-template-columns: 2fr 1fr; gap: var(--mq-space-4); }
.mq-editor-action-bar { display: flex; align-items: center; flex-wrap: wrap; gap: var(--mq-space-3); padding: var(--mq-space-4); background: var(--mq-surface); border: 1px solid var(--mq-border); border-radius: var(--mq-radius-md); margin-block: var(--mq-space-4); }
.mq-editor-action-bar > div { flex: 1; min-width: 150px; display: flex; flex-direction: column; }
.mq-editor-action-bar small { color: var(--mq-text-secondary); overflow-wrap: anywhere; }
.mq-person-picker-results { max-height: 360px; overflow: auto; border: 1px solid var(--mq-border); border-radius: var(--mq-radius-md); }
.mq-person-picker-results button { width: 100%; text-align: start; }

.mq-service-owner { display: grid; gap: var(--mq-space-2); min-width: 0; }
.mq-owner-options { display: grid; max-height: 320px; overflow: auto; border: 1px solid var(--mq-border); border-radius: var(--mq-radius-md); background: var(--mq-surface); padding: var(--mq-space-2); }
.mq-owner-options-label { padding: var(--mq-space-2); color: var(--mq-text-muted); }
.mq-owner-option { display: grid; gap: var(--mq-space-1); width: 100%; text-align: start; padding: var(--mq-space-3); border: 0; border-radius: var(--mq-radius-sm); background: transparent; color: var(--mq-text); cursor: pointer; }
.mq-owner-option small { color: var(--mq-text-muted); }
.mq-owner-option:hover, .mq-owner-option:focus-visible { background: var(--mq-surface-muted); }
.mq-owner-option:focus-visible { outline: 2px solid var(--mq-brand-primary); outline-offset: -2px; }
.mq-table-command-bar { flex-wrap: wrap; }
.mq-table-command-bar select { font: inherit; padding: .35rem; border: 1px solid var(--mq-border); border-radius: var(--mq-radius-sm); background: var(--mq-surface); color: var(--mq-text); }
button, input, select, textarea { font-family: inherit; }
@media (max-width: 768px) { .mq-request-context-grid { grid-template-columns: 1fr; } }
@media (max-width: 390px) { .mq-section-card { padding: var(--mq-space-3); } .mq-editor-action-bar .mq-button { flex: 1; } .mq-owner-metadata { flex-direction: column; gap: var(--mq-space-2); } }

/* Advanced workflow inspectors retain the normal document flow on narrow screens. */
.mq-workflow-inspector,.mq-workflow-settings,.mq-approval-context{min-width:0;overflow-wrap:anywhere}
.mq-workflow-inspector details,.mq-workflow-settings fieldset{margin-block:1rem;min-width:0;max-width:100%}
.mq-workflow-inspector summary{cursor:pointer;font-weight:700;padding-block:.7rem}
.mq-workflow-inspector label{display:block;margin-block:.5rem}
.mq-workflow-inspector .mq-button,.mq-workflow-settings .mq-button{margin-block:.4rem;max-width:100%;white-space:normal}
.mq-approval-context progress{width:100%;max-width:32rem}
.mq-approval-context li{padding-block:.5rem;overflow-wrap:anywhere}
@media(max-width:420px){.mq-workflow-inspector{padding:1rem}.mq-workflow-inspector fieldset{padding:.7rem}.mq-workflow-inspector .mq-button{width:100%}.mq-approval-context{padding:1rem}}

/* Operational analytics: contained tables and readable small-screen filters. */
.mq-analytics{min-width:0}.mq-analytics-kpis,.mq-analytics-trends{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:16px;margin-block:16px}.mq-analytics-kpi{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:inherit;min-width:0}.mq-analytics-kpi strong{font-size:1.7rem}.mq-analytics-kpi small{line-height:1.7}.mq-analytics-filter{margin-block:16px}.mq-analytics-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:14px;margin-top:16px}.mq-analytics input,.mq-analytics select{max-width:100%;min-width:0;border:1px solid var(--mq-border,#ddd);border-radius:8px;padding:9px;background:var(--mq-surface,#fff);color:inherit}.mq-analytics .mq-card{min-width:0;max-width:100%}.mq-analytics-context{line-height:1.9}.mq-analytics-datasets,.mq-analytics-columns{display:flex;gap:10px;flex-wrap:wrap;margin-block:16px}.mq-analytics-datasets a{white-space:normal}.mq-analytics-chart svg{width:100%;height:auto;color:var(--mq-primary,#137D68)}.mq-analytics-chart{overflow:hidden}.mq-analytics-stage-bars>div{display:grid;gap:8px;margin-block:16px}.mq-analytics-stage-bars meter{width:100%;height:16px}.mq-analytics th,.mq-analytics td{white-space:nowrap}.mq-analytics summary{cursor:pointer;font-weight:600}.mq-analytics .mq-work-table-wrap{max-width:100%;overflow:auto}
/* Service guidance and readable knowledge surfaces */
.mq-knowledge-reader { max-width: 850px; }
.mq-knowledge-content p { line-height: 1.9; white-space: pre-line; overflow-wrap: anywhere; }
.mq-knowledge-content li { line-height: 1.9; }
.mq-guidance-faq { padding: 1rem 0; border-bottom: 1px solid var(--mq-border, #ddd); }
.mq-guidance-faq summary, details.mq-content-card summary { cursor: pointer; font-weight: 600; }
.mq-guidance-faq summary:focus-visible, details.mq-content-card summary:focus-visible { outline: 3px solid var(--mq-primary, #137d68); outline-offset: 4px; }
.mq-knowledge-fieldset { border: 0; padding: 0; min-width: 0; }
.mq-knowledge-reader .mq-command-bar, .mq-detail-main .mq-command-bar { flex-wrap: wrap; }
.mq-detail-main > .mq-section-card, .mq-detail-main > details { margin-block: 1rem; }
.mq-knowledge-reader a, .mq-guidance-faq p { overflow-wrap: anywhere; }
@media(max-width: 600px) { .mq-knowledge-fieldset .mq-form-grid { grid-template-columns: minmax(0, 1fr); } }
.mq-guidance-list { list-style: none; padding-inline-start: 0; } .mq-guidance-list li { margin-block: 1rem; }
.mq-detail-main { min-width: 0; overflow-wrap: anywhere; }
.mq-detail-main .mq-section-card { min-width: 0; max-width: 100%; }
@media(max-width: 980px) { .mq-detail-layout { grid-template-columns: minmax(0, 1fr); } }

/* Product-wide card rhythm: grids own sibling separation; list rows use separators. */
.mq-grid,.mq-stat-grid,.mq-approval-grid,.mq-studio-kpis,.mq-analytics-kpis,.mq-analytics-trends { gap:var(--mq-space-4); }
.mq-workspace-page { display:grid; gap:var(--mq-space-6); }
.mq-workspace-page-header { margin-block-end:0; }
.mq-workspace-section { margin-block-start:0; }
.mq-workspace-kpis { gap:var(--mq-space-4); }
.mq-workspace-kpi { min-height:132px; align-content:start; gap:var(--mq-space-2); padding:var(--mq-space-5); border-radius:var(--mq-radius-lg); }
.mq-analytics-kpi-heading { display:flex; align-items:center; gap:var(--mq-space-3); color:var(--mq-text-secondary); font-weight:600; }
.mq-analytics-kpi-icon { display:grid; place-items:center; inline-size:40px; block-size:40px; flex:0 0 40px; border:1px solid color-mix(in srgb,var(--mq-brand-primary) 16%,var(--mq-border)); border-radius:var(--mq-radius-md); background:var(--mq-brand-primary-soft); color:var(--mq-brand-primary-hover); }
.mq-analytics { display:grid; gap:var(--mq-space-5); }
.mq-analytics > .mq-page-header { margin-block-end:0; }
.mq-analytics-filter { margin-block:0; }
.mq-analytics-filter > summary { display:flex; align-items:center; gap:var(--mq-space-2); min-height:52px; }
.mq-analytics-filter > summary small { margin-inline-start:auto; color:var(--mq-text-muted); font-weight:400; }
.mq-analytics-context { display:flex; align-items:flex-start; gap:var(--mq-space-2); margin:0; padding:var(--mq-space-3) var(--mq-space-4); border-inline-start:3px solid var(--mq-info); border-radius:var(--mq-radius-sm); background:var(--mq-info-soft); color:var(--mq-text-secondary); }
.mq-analytics-kpis,.mq-analytics-trends { margin-block:0; }
.mq-analytics-kpi { min-height:148px; padding:var(--mq-space-5); gap:var(--mq-space-2); }
.mq-analytics-kpi:hover { transform:translateY(-2px); border-color:color-mix(in srgb,var(--mq-brand-primary) 28%,var(--mq-border)); box-shadow:var(--mq-shadow-md); }
.mq-analytics-kpi strong { line-height:1.35; }
.mq-analytics-coverage { display:grid; grid-template-columns:minmax(0,1fr) minmax(240px,.8fr); align-items:center; gap:var(--mq-space-4); padding:var(--mq-space-5); }
.mq-analytics-coverage h2 { margin-block:var(--mq-space-1); }
.mq-analytics-coverage p { margin:0; color:var(--mq-text-secondary); }
.mq-analytics-coverage > small { grid-column:1/-1; color:var(--mq-text-muted); }
.mq-analytics-coverage-stats { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--mq-space-3); }
.mq-analytics-coverage-stats > div { display:grid; gap:var(--mq-space-1); padding:var(--mq-space-3); border:1px solid var(--mq-border); border-radius:var(--mq-radius-md); background:var(--mq-surface-subtle); }
.mq-analytics-coverage-stats strong { color:var(--mq-brand-primary-hover); font-size:var(--mq-type-h3); }
.mq-analytics-coverage-stats span { color:var(--mq-text-muted); font-size:var(--mq-type-caption); }
.mq-analytics-stage-bars > div { padding:var(--mq-space-3); border:1px solid var(--mq-border); border-radius:var(--mq-radius-md); background:var(--mq-surface-subtle); }
.mq-analytics-workload { display:grid; gap:var(--mq-space-2); margin-block:var(--mq-space-4); }
.mq-analytics-workload-row { display:grid; grid-template-columns:minmax(100px,.7fr) minmax(120px,2fr) auto; align-items:center; gap:var(--mq-space-3); padding:var(--mq-space-3); border:1px solid var(--mq-border); border-radius:var(--mq-radius-sm); background:var(--mq-surface-subtle); }
.mq-analytics-workload-row meter { inline-size:100%; block-size:12px; accent-color:var(--mq-brand-primary); }
.mq-analytics-workload-row > span { color:var(--mq-text-secondary); font-size:var(--mq-type-caption); white-space:nowrap; }
.mq-analytics-datasets { max-block-size:140px; overflow-y:auto; overscroll-behavior:contain; padding:var(--mq-space-2); border:1px solid var(--mq-border); border-radius:var(--mq-radius-md); background:var(--mq-surface-subtle); scrollbar-width:thin; scrollbar-color:var(--mq-border-strong) transparent; }
.mq-studio-home { display:grid; gap:var(--mq-space-6); }
.mq-studio-home .mq-studio-section { margin-block-start:0; }
.mq-studio-home > .mq-page-header { margin-block-end:0; }
.mq-studio-home .mq-studio-kpis { margin-block:0; }
.mq-studio-kpi-label { display:flex; align-items:center; gap:var(--mq-space-3); }
.mq-studio-kpi-icon { display:grid; place-items:center; inline-size:40px; block-size:40px; flex:0 0 40px; border:1px solid color-mix(in srgb,var(--mq-brand-primary) 16%,var(--mq-border)); border-radius:var(--mq-radius-md); background:var(--mq-brand-primary-soft); color:var(--mq-brand-primary-hover); }
.mq-studio-flow { gap:var(--mq-space-3); }
.mq-studio-flow > .mq-card { min-width:0; padding:var(--mq-space-5); border-radius:var(--mq-radius-lg); }
.mq-studio-home .mq-section-card { margin:0; }
.mq-studio-home .mq-studio-checklist-item { min-width:0; }
.mq-notifications-page { display:grid; gap:var(--mq-space-6); min-inline-size:0; }
.mq-notifications-page > .mq-page-header,
.mq-notifications-page > .mq-card { margin-block:0; }
.mq-notifications-page .mq-notification-settings { padding:var(--mq-space-4); }
.mq-notifications-page .mq-notification-settings summary { min-block-size:var(--mq-control-height); }
.mq-notifications-page .mq-notification-preferences { margin-block:0; padding-inline:0; }
.mq-notifications-page .mq-toolbar { display:flex; flex-wrap:wrap; align-items:end; gap:var(--mq-space-4); }
.mq-notifications-page .mq-toolbar .mq-field { flex:1 1 240px; min-inline-size:0; }
.mq-notifications-page .mq-notification-list { padding:0; }
.mq-notifications-page .mq-notification-row { min-block-size:var(--mq-control-height); }
.mq-notifications-page .mq-notification-row:hover { background:var(--mq-surface-muted); }
.mq-notifications-page .mq-notification-row:focus-visible { outline-offset:-4px; }
.mq-notifications-page .mq-notification-copy { min-inline-size:0; overflow-wrap:anywhere; }
.mq-notifications-page .mq-notification-ref { direction:ltr; unicode-bidi:isolate; color:var(--mq-text-secondary); font-size:var(--mq-type-caption); }
.mq-notifications-page .mq-notification-unread-label { color:var(--mq-brand-primary-hover); font-weight:700; }
.mq-notifications-page .mq-notification-dot { color:var(--mq-text-muted); margin-block-start:0; }
.mq-notifications-page[data-surface="portal"] .mq-notification-row { padding:var(--mq-space-6); }
.mq-notifications-page[data-surface="workspace"] { gap:var(--mq-space-4); }
.mq-notifications-page[data-surface="workspace"] .mq-notification-row { padding:var(--mq-space-3) var(--mq-space-4); }
.mq-notifications-page[data-surface="studio"] { gap:var(--mq-space-5); }
.mq-notifications-page[data-surface="studio"] .mq-notification-list { border-radius:var(--mq-radius-md); box-shadow:none; }
.mq-notification-row { grid-template-columns:auto minmax(0,1fr) auto auto; }
@media(max-width:760px) {
    .mq-notifications-page .mq-notification-row { grid-template-columns:auto minmax(0,1fr); padding:var(--mq-space-4); }
    .mq-notifications-page .mq-notification-surface { display:inline-flex; grid-column:2; justify-self:start; }
    .mq-notifications-page .mq-notification-ref { grid-column:2; }
    .mq-notifications-page .mq-toolbar .mq-button { inline-size:100%; }
    .mq-notifications-page .mq-notification-preferences,
    .mq-notifications-page .mq-notification-preference-grid { grid-template-columns:minmax(0,1fr); }
}
dialog { position:fixed; inset:0; margin:auto; }
dialog[open] { display:block; }
@media(max-width:760px) {
    .mq-analytics-coverage { grid-template-columns:minmax(0,1fr); }
    .mq-analytics-workload-row { grid-template-columns:minmax(0,1fr) auto; }
    .mq-analytics-workload-row meter { grid-column:1/-1; grid-row:2; }
    .mq-studio-home { gap:var(--mq-space-4); }
}
@media(max-width:520px) {
    .mq-analytics-filter > summary { align-items:flex-start; flex-wrap:wrap; }
    .mq-analytics-filter > summary small { width:100%; margin-inline-start:0; }
    .mq-analytics-coverage-stats { grid-template-columns:minmax(0,1fr); }
    .mq-analytics-datasets { max-block-size:180px; }
}
/* Organization studio: readable hierarchy, contextual editing and a quiet command surface. */
.mq-org-page { --mq-org-line: color-mix(in srgb,var(--mq-border-strong) 62%,transparent); }
.mq-org-toolbar { display:flex; align-items:center; justify-content:space-between; gap:var(--mq-space-4); padding:var(--mq-space-3) var(--mq-space-4); border:1px solid var(--mq-border); border-radius:var(--mq-radius-md); background:var(--mq-surface); }
.mq-org-summary,.mq-org-toolbar-actions,.mq-org-view-switch,.mq-org-tree-actions { display:flex; align-items:center; gap:var(--mq-space-3); }
.mq-org-summary span { display:flex; align-items:baseline; gap:var(--mq-space-1); color:var(--mq-text-muted); font-size:var(--mq-type-caption); }
.mq-org-summary strong { color:var(--mq-text); font-size:var(--mq-type-section); }
.mq-org-view-switch { gap:2px; padding:3px; border:1px solid var(--mq-border); border-radius:var(--mq-radius-sm); background:var(--mq-surface-muted); }
.mq-org-view-switch button { min-height:38px; padding-inline:var(--mq-space-3); border:0; border-radius:6px; background:transparent; color:var(--mq-text-secondary); font:inherit; cursor:pointer; }
.mq-org-view-switch button.active { background:var(--mq-surface); color:var(--mq-text); box-shadow:0 1px 3px #14251e18; }
.mq-org-workspace { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(320px,.85fr); align-items:start; gap:var(--mq-space-4); }
.mq-org-explorer,.mq-org-inspector { min-width:0; padding:var(--mq-space-5); }
.mq-org-explorer-heading,.mq-org-inspector-heading { display:flex; justify-content:space-between; align-items:center; gap:var(--mq-space-3); margin-block-end:var(--mq-space-4); }
.mq-org-explorer-heading h2,.mq-org-inspector-heading h2 { margin:0; font-size:var(--mq-type-section); }
.mq-org-explorer-heading p { margin:var(--mq-space-1) 0 0; color:var(--mq-text-muted); font-size:var(--mq-type-caption); }
.mq-org-tree-actions { gap:var(--mq-space-2); }
.mq-org-tree-actions .mq-button { min-height:36px; padding-inline:var(--mq-space-3); font-size:var(--mq-type-caption); }
.mq-org-search { margin-block-end:var(--mq-space-3); }
.mq-org-search .mq-input,.mq-org-search input { width:100%; }
.mq-org-tree-scroll { max-height:66vh; min-height:180px; overflow:auto; padding:var(--mq-space-2); border:1px solid var(--mq-border); border-radius:var(--mq-radius-md); background:var(--mq-surface-subtle); }
.mq-org-tree { margin:0; padding:0; list-style:none; }
.mq-org-tree > li > .mq-org-tree > li { border-inline-start:1px solid var(--mq-org-line); }
.mq-org-tree-row { display:grid; grid-template-columns:32px minmax(0,1fr) 36px; align-items:center; gap:var(--mq-space-1); min-width:0; margin-block:3px; padding:3px; border:1px solid transparent; border-radius:var(--mq-radius-sm); }
.mq-org-tree-row:hover { background:var(--mq-surface); border-color:var(--mq-border); }
.mq-org-tree-row.selected { background:var(--mq-brand-primary-soft); border-color:color-mix(in srgb,var(--mq-brand-primary) 35%,var(--mq-border)); }
.mq-org-tree-row.dragging { opacity:.45; }
.mq-org-tree-row.drop-target { border-color:var(--mq-action); background:var(--mq-brand-primary-soft); box-shadow:inset 0 0 0 1px var(--mq-action); }
.mq-org-tree-toggle,.mq-org-tree-spacer,.mq-org-add-child { width:30px; height:34px; display:grid; place-items:center; }
.mq-org-tree-toggle,.mq-org-add-child { border:0; border-radius:var(--mq-radius-sm); background:transparent; color:var(--mq-text-secondary); cursor:pointer; font:inherit; }
.mq-org-tree-toggle:hover,.mq-org-add-child:hover { background:var(--mq-surface-muted); color:var(--mq-action); }
.mq-org-add-child { font-size:20px; }
.mq-org-tree-select { display:flex; align-items:center; gap:var(--mq-space-3); min-width:0; padding:var(--mq-space-2); border:0; border-radius:var(--mq-radius-sm); background:transparent; color:var(--mq-text); text-align:start; cursor:pointer; font:inherit; }
.mq-org-tree-select:focus-visible,.mq-org-tree-toggle:focus-visible,.mq-org-add-child:focus-visible,.mq-org-list-row:focus-visible { outline:3px solid var(--mq-info); outline-offset:2px; }
.mq-org-unit-icon { width:34px; height:34px; flex:0 0 34px; display:grid; place-items:center; border:1px solid color-mix(in srgb,var(--mq-brand-primary) 22%,var(--mq-border)); border-radius:10px; background:var(--mq-brand-primary-soft); color:var(--mq-action); font-size:var(--mq-type-caption); font-weight:700; }
.mq-org-tree-copy,.mq-org-list-copy { display:grid; gap:2px; min-width:0; }
.mq-org-tree-copy strong,.mq-org-list-copy strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mq-org-tree-copy small,.mq-org-list-copy small { color:var(--mq-text-muted); font-size:var(--mq-type-caption); }
.mq-org-tree-state { margin-inline-start:auto; color:var(--mq-success); font-size:var(--mq-type-caption); white-space:nowrap; }
.mq-org-tree-state.inactive { color:var(--mq-text-muted); }
.mq-org-tree > li > .mq-org-tree { margin-inline-start:15px; padding-inline-start:15px; border-inline-start:1px solid var(--mq-org-line); }
.mq-org-root-drop { width:100%; margin-block-start:var(--mq-space-3); padding:var(--mq-space-3); border:1px dashed var(--mq-border-strong); border-radius:var(--mq-radius-sm); background:var(--mq-surface); color:var(--mq-text-secondary); font:inherit; }
.mq-org-root-drop:hover { border-color:var(--mq-action); background:var(--mq-brand-primary-soft); }
.mq-org-inspector { position:sticky; top:calc(var(--mq-space-4) + 72px); }
.mq-org-kicker { display:block; margin-block-end:var(--mq-space-1); color:var(--mq-text-muted); font-size:var(--mq-type-caption); }
.mq-org-status { padding:var(--mq-space-1) var(--mq-space-3); border-radius:999px; background:var(--mq-success-soft); color:var(--mq-success); font-size:var(--mq-type-caption); white-space:nowrap; }
.mq-org-status.inactive { background:var(--mq-surface-muted); color:var(--mq-text-muted); }
.mq-org-inspector-empty,.mq-org-empty { display:grid; justify-items:center; gap:var(--mq-space-2); padding:var(--mq-space-8) var(--mq-space-4); text-align:center; }
.mq-org-inspector-empty > span { color:var(--mq-action); font-size:36px; }
.mq-org-inspector-empty p,.mq-org-empty p,.mq-org-empty-note { margin:0; color:var(--mq-text-muted); font-size:var(--mq-type-caption); line-height:1.7; }
.mq-org-empty { min-height:280px; border:1px dashed var(--mq-border-strong); border-radius:var(--mq-radius-md); }
.mq-org-empty-note { padding:var(--mq-space-6); text-align:center; }
.mq-org-form { display:grid; gap:var(--mq-space-4); }
.mq-org-form-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:var(--mq-space-3); }
.mq-org-form-row .mq-field > label { min-height:1.5em; }
.mq-org-form-row .mq-field label small { color:var(--mq-text-muted); font-weight:400; }
.mq-org-active-toggle { display:flex; align-items:center; gap:var(--mq-space-3); padding:var(--mq-space-3); border:1px solid var(--mq-border); border-radius:var(--mq-radius-sm); cursor:pointer; }
.mq-org-active-toggle > span { display:grid; gap:2px; }
.mq-org-active-toggle small { color:var(--mq-text-muted); font-size:var(--mq-type-caption); }
.mq-org-savebar { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:var(--mq-space-2); margin-block-start:var(--mq-space-5); padding-block-start:var(--mq-space-4); border-block-start:1px solid var(--mq-border); }
.mq-org-duplicate { display:grid; gap:var(--mq-space-2); margin-block-start:var(--mq-space-3); padding:var(--mq-space-3); border-radius:var(--mq-radius-sm); background:var(--mq-warning-soft); color:var(--mq-text-secondary); font-size:var(--mq-type-caption); }
.mq-org-footnote { margin:0; color:var(--mq-text-muted); font-size:var(--mq-type-caption); }
.mq-org-list { display:grid; max-height:66vh; overflow:auto; }
.mq-org-list-row { display:grid; grid-template-columns:38px minmax(0,1fr) minmax(0,.8fr); align-items:center; gap:var(--mq-space-3); padding:var(--mq-space-3); border:0; border-bottom:1px solid var(--mq-border); background:transparent; color:var(--mq-text); text-align:start; cursor:pointer; font:inherit; }
.mq-org-list-row:hover,.mq-org-list-row.selected { background:var(--mq-brand-primary-soft); }
.mq-org-list-parent { overflow:hidden; color:var(--mq-text-muted); font-size:var(--mq-type-caption); text-overflow:ellipsis; white-space:nowrap; }
@media(max-width:980px) { .mq-org-workspace { grid-template-columns:minmax(0,1fr); } .mq-org-inspector { position:static; } .mq-org-tree-scroll,.mq-org-list { max-height:55vh; } }
@media(max-width:620px) { .mq-org-toolbar,.mq-org-toolbar-actions { align-items:stretch; flex-direction:column; } .mq-org-toolbar-actions { width:100%; } .mq-org-toolbar-actions > .mq-button { width:100%; } .mq-org-summary { justify-content:space-between; } .mq-org-explorer,.mq-org-inspector { padding:var(--mq-space-3); } .mq-org-explorer-heading { align-items:flex-start; flex-direction:column; } .mq-org-form-row { grid-template-columns:minmax(0,1fr); } .mq-org-list-row { grid-template-columns:38px minmax(0,1fr); } .mq-org-list-parent { grid-column:2; } .mq-org-tree-state { display:none; } }

/* Fully expanded organization chart: the hierarchy reads as a connected map, not a disclosure list. */
.mq-org-tree-scroll { max-height:70vh; min-height:240px; overflow:auto; padding:var(--mq-space-4); border:1px solid var(--mq-border); border-radius:var(--mq-radius-md); background:radial-gradient(ellipse at top,var(--mq-surface) 0%,var(--mq-surface-subtle) 78%); }
.mq-org-diagram { display:flex; flex-direction:column; align-items:center; width:max-content; min-width:100%; padding:var(--mq-space-4) var(--mq-space-6) var(--mq-space-8); }
.mq-org-virtual-root { position:relative; display:flex; align-items:center; gap:var(--mq-space-3); min-width:250px; padding:var(--mq-space-4) var(--mq-space-5); border:1px solid color-mix(in srgb,var(--mq-brand-primary) 44%,var(--mq-border)); border-radius:var(--mq-radius-md); background:var(--mq-surface); box-shadow:var(--mq-shadow-sm); }
.mq-org-virtual-root.drop-target { border:2px solid var(--mq-action); background:var(--mq-brand-primary-soft); }
.mq-org-virtual-root::after { position:absolute; content:""; inset-block-start:100%; inset-inline-start:50%; height:34px; border-inline-start:2px solid var(--mq-org-line); }
.mq-org-virtual-root > span:nth-child(2) { display:grid; gap:2px; min-width:0; }
.mq-org-virtual-root small { color:var(--mq-text-muted); font-size:var(--mq-type-caption); }
.mq-org-virtual-root strong { overflow:hidden; max-width:320px; text-overflow:ellipsis; white-space:nowrap; }
.mq-org-virtual-icon { width:42px; height:42px; display:grid; place-items:center; border-radius:12px; background:var(--mq-brand-primary-soft); color:var(--mq-action); font-weight:800; }
.mq-org-virtual-root .mq-org-add-child { margin-inline-start:auto; }
.mq-org-chart-branch { position:relative; display:flex; justify-content:center; align-items:flex-start; width:max-content; min-width:100%; margin:0; padding:34px 10px 0; list-style:none; }
.mq-org-chart-branch::before { position:absolute; content:""; inset-block-start:0; inset-inline-start:50%; height:34px; border-inline-start:2px solid var(--mq-org-line); }
.mq-org-chart-branch > li { position:relative; display:flex; flex-direction:column; align-items:center; padding:28px 14px 0; }
.mq-org-chart-branch > li::before,.mq-org-chart-branch > li::after { position:absolute; inset-block-start:0; height:28px; content:""; border-color:var(--mq-org-line); border-style:solid; }
.mq-org-chart-branch > li::before { inset-inline-start:50%; border-width:0 2px 0 0; }
.mq-org-chart-branch > li::after { inset-inline:0; border-width:2px 0 0; }
.mq-org-chart-branch > li:first-child::after { inset-inline-start:50%; }
.mq-org-chart-branch > li:last-child::after { inset-inline-end:50%; }
.mq-org-chart-branch > li:only-child::after { display:none; }
.mq-org-node-card { position:relative; z-index:1; display:grid; width:220px; min-height:142px; overflow:hidden; border:1px solid var(--mq-border-strong); border-radius:var(--mq-radius-md); background:var(--mq-surface); box-shadow:0 2px 5px #102a2010; transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease; }
.mq-org-node-card:hover { border-color:color-mix(in srgb,var(--mq-brand-primary) 55%,var(--mq-border)); box-shadow:var(--mq-shadow-sm); transform:translateY(-2px); }
.mq-org-node-card.selected,.mq-org-node-card.drop-target { border:2px solid var(--mq-action); background:var(--mq-brand-primary-soft); box-shadow:0 0 0 3px color-mix(in srgb,var(--mq-brand-primary) 12%,transparent); }
.mq-org-node-card.dragging { opacity:.45; }
.mq-org-node-open { display:grid; justify-items:start; align-content:start; gap:var(--mq-space-2); min-height:102px; padding:var(--mq-space-3) var(--mq-space-4); border:0; background:transparent; color:var(--mq-text); text-align:start; cursor:pointer; font:inherit; }
.mq-org-node-open:focus-visible,.mq-org-node-add:focus-visible,.mq-org-add-child:focus-visible,.mq-org-list-row:focus-visible { outline:3px solid var(--mq-info); outline-offset:2px; }
.mq-org-node-type { color:var(--mq-action); font-size:var(--mq-type-caption); font-weight:700; }
.mq-org-node-open strong { overflow:hidden; width:100%; text-overflow:ellipsis; white-space:nowrap; }
.mq-org-node-open > small { color:var(--mq-text-muted); font-size:var(--mq-type-caption); }
.mq-org-node-status { display:flex; align-items:center; gap:6px; color:var(--mq-success); font-size:var(--mq-type-caption); }
.mq-org-node-status i { width:7px; height:7px; border-radius:50%; background:currentColor; }
.mq-org-node-status.inactive { color:var(--mq-text-muted); }
.mq-org-node-add { min-height:38px; border:0; border-top:1px solid var(--mq-border); background:var(--mq-surface-subtle); color:var(--mq-text-secondary); font:inherit; font-size:var(--mq-type-caption); cursor:pointer; }
.mq-org-node-add:hover { background:var(--mq-brand-primary-soft); color:var(--mq-action); }
.mq-org-chart-branch > li > .mq-org-chart-branch { margin-block-start:10px; }
.mq-org-chart-branch > li > .mq-org-chart-branch::before { height:20px; }
.mq-org-type-help { color:var(--mq-text-muted); font-weight:400; line-height:1.7; }
@media(max-width:620px) { .mq-org-diagram { padding-inline:var(--mq-space-4); } }

/* The tree owns the full canvas; unit details appear only in a focused editor dialog. */
.mq-org-workspace { display:block; min-width:0; }
.mq-org-explorer { width:100%; padding:var(--mq-space-5); }
.mq-org-zoom-controls { display:flex; align-items:center; gap:var(--mq-space-1); padding:4px; border:1px solid var(--mq-border); border-radius:var(--mq-radius-md); background:var(--mq-surface); }
.mq-org-zoom-controls button { min-width:38px; min-height:36px; border:0; border-radius:var(--mq-radius-sm); background:transparent; color:var(--mq-text); font:inherit; cursor:pointer; }
.mq-org-zoom-controls button:hover:not(:disabled) { background:var(--mq-brand-primary-soft); color:var(--mq-action); }
.mq-org-zoom-controls button:disabled { color:var(--mq-text-muted); cursor:not-allowed; }
.mq-org-zoom-controls output { min-width:54px; color:var(--mq-text-secondary); font-size:var(--mq-type-caption); text-align:center; direction:ltr; }
.mq-org-zoom-controls .mq-org-zoom-fit { padding-inline:var(--mq-space-2); border-inline-start:1px solid var(--mq-border); font-size:var(--mq-type-caption); }
.mq-org-tree-scroll { height:min(76vh,920px); min-height:440px; max-height:none; }
.mq-org-zoom-surface { width:max-content; min-width:100%; zoom:1; }
.mq-org-diagram { padding-block:var(--mq-space-8) 72px; }
.mq-org-node-card { width:280px; min-height:190px; }
.mq-org-node-open { min-height:148px; }
.mq-org-node-metrics { display:grid; gap:4px; width:100%; padding-block-start:var(--mq-space-2); border-top:1px solid var(--mq-border); color:var(--mq-text-secondary); font-size:var(--mq-type-caption); }
.mq-org-node-metrics span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mq-org-node-metrics span:first-child { color:var(--mq-action); }
.mq-org-editor-dialog { width:min(720px,calc(100vw - 2rem)); max-width:720px; max-height:90vh; overflow:auto; margin:auto; padding:var(--mq-space-6); border:1px solid var(--mq-border); border-radius:var(--mq-radius-lg); background:var(--mq-surface); color:var(--mq-text); box-shadow:var(--mq-shadow-lg); font:inherit; }
.mq-org-editor-dialog::backdrop { background:rgba(16,34,29,.52); backdrop-filter:blur(2px); }
.mq-org-editor-dialog:not([open]) { display:none; }
.mq-org-editor-dialog .mq-org-inspector-heading { position:sticky; inset-block-start:calc(-1 * var(--mq-space-6)); z-index:2; margin:calc(-1 * var(--mq-space-6)) calc(-1 * var(--mq-space-6)) var(--mq-space-5); padding:var(--mq-space-5) var(--mq-space-6); border-bottom:1px solid var(--mq-border); background:var(--mq-surface); }
.mq-org-editor-close { width:40px; height:40px; border:1px solid var(--mq-border); border-radius:50%; background:var(--mq-surface); color:var(--mq-text-secondary); font:inherit; font-size:24px; cursor:pointer; }
.mq-org-editor-close:hover { background:var(--mq-surface-muted); color:var(--mq-text); }
.mq-org-editor-dialog .mq-org-form { gap:var(--mq-space-5); }
.mq-org-editor-dialog .mq-org-savebar { position:sticky; inset-block-end:calc(-1 * var(--mq-space-6)); z-index:2; margin:var(--mq-space-5) calc(-1 * var(--mq-space-6)) calc(-1 * var(--mq-space-6)); padding:var(--mq-space-4) var(--mq-space-6); background:var(--mq-surface); }
.mq-process-editor-dialog { width:min(760px,calc(100vw - 2rem)); max-width:760px; max-height:92vh; overflow:auto; margin:auto; padding:var(--mq-space-6); border:1px solid var(--mq-border); border-radius:var(--mq-radius-lg); background:var(--mq-surface); color:var(--mq-text); box-shadow:var(--mq-shadow-lg); font:inherit; }
.mq-process-editor-dialog::backdrop { background:rgba(16,34,29,.52); backdrop-filter:blur(2px); }
.mq-process-editor-dialog:not([open]) { display:none; }
.mq-process-editor-dialog .mq-field-editor-header { position:sticky; inset-block-start:calc(-1 * var(--mq-space-6)); z-index:3; margin:calc(-1 * var(--mq-space-6)) calc(-1 * var(--mq-space-6)) var(--mq-space-5); padding:var(--mq-space-5) var(--mq-space-6); background:var(--mq-surface); }
.mq-process-editor-dialog .mq-field-editor-body { max-height:none; overflow:visible; }
.mq-process-editor-dialog .mq-field-editor-actions { position:sticky; inset-block-end:calc(-1 * var(--mq-space-6)); z-index:3; margin:var(--mq-space-5) calc(-1 * var(--mq-space-6)) calc(-1 * var(--mq-space-6)); padding:var(--mq-space-4) var(--mq-space-6); background:var(--mq-surface); }
.mq-process-editor-dialog .mq-assignment-card { margin-block:var(--mq-space-2); }
.mq-parallel-guide { display:grid; gap:var(--mq-space-2); padding:var(--mq-space-4); border:1px solid var(--mq-border); border-inline-start:3px solid var(--mq-brand-primary); border-radius:var(--mq-radius-md); background:var(--mq-surface-subtle); }
.mq-parallel-guide ol { display:grid; gap:var(--mq-space-2); margin:0; padding-inline-start:1.5rem; color:var(--mq-text-secondary); line-height:1.7; }
.mq-parallel-guide small { color:var(--mq-text-secondary); line-height:1.7; }
.mq-parallel-candidates { display:grid; gap:var(--mq-space-2); max-height:15rem; overflow:auto; }
.mq-parallel-candidate { display:flex; align-items:center; gap:var(--mq-space-3); padding:var(--mq-space-3); border:1px solid var(--mq-border); border-radius:var(--mq-radius-md); background:var(--mq-surface); cursor:pointer; }
.mq-parallel-candidate input { width:1.1rem; height:1.1rem; accent-color:var(--mq-brand-primary); }
.mq-parallel-candidate span { display:grid; gap:.15rem; }
.mq-parallel-candidate small { font-size:.8rem; }
.mq-parallel-setup-summary { display:flex; align-items:center; gap:var(--mq-space-3); padding:var(--mq-space-3); border-radius:var(--mq-radius-md); color:var(--mq-brand-primary); background:var(--mq-brand-primary-soft); line-height:1.6; }
.mq-canvas-parallel-warning { display:grid; gap:.25rem; margin-block:var(--mq-space-3); padding:var(--mq-space-3) var(--mq-space-4); border:1px solid var(--mq-warning); border-inline-start:4px solid var(--mq-warning); border-radius:var(--mq-radius-md); background:var(--mq-warning-soft); color:var(--mq-text); }
.mq-canvas-parallel-warning span { color:var(--mq-text-secondary); font-size:var(--mq-type-sm); }
.mq-advanced-workflow-settings { margin-block-start:var(--mq-space-4); border-top:1px solid var(--mq-border); padding-block-start:var(--mq-space-3); }
.mq-advanced-workflow-settings > summary { min-height:44px; cursor:pointer; font-weight:600; }
.mq-process-editor-layout { display:block; }
.mq-process-editor-layout > .mq-studio-panel { width:100%; }
.mq-process-canvas .mq-canvas-scroll { max-height:min(72vh,760px); }
@media(max-width:620px) { .mq-org-explorer { padding:var(--mq-space-3); } .mq-org-explorer-heading { align-items:stretch; } .mq-org-explorer-heading,.mq-org-explorer-heading > div { min-width:0; } .mq-org-zoom-controls { align-self:flex-start; } .mq-org-tree-scroll { height:68vh; min-height:360px; } .mq-org-node-card { width:248px; } .mq-org-editor-dialog { width:calc(100vw - 1rem); max-height:94vh; padding:var(--mq-space-4); } .mq-org-editor-dialog .mq-org-inspector-heading { inset-block-start:calc(-1 * var(--mq-space-4)); margin:calc(-1 * var(--mq-space-4)) calc(-1 * var(--mq-space-4)) var(--mq-space-4); padding:var(--mq-space-4); } .mq-org-editor-dialog .mq-org-savebar { inset-block-end:calc(-1 * var(--mq-space-4)); margin:var(--mq-space-4) calc(-1 * var(--mq-space-4)) calc(-1 * var(--mq-space-4)); padding:var(--mq-space-3) var(--mq-space-4); } .mq-process-editor-dialog { width:calc(100vw - 1rem); max-height:94vh; padding:var(--mq-space-4); } .mq-process-editor-dialog .mq-field-editor-header { inset-block-start:calc(-1 * var(--mq-space-4)); margin:calc(-1 * var(--mq-space-4)) calc(-1 * var(--mq-space-4)) var(--mq-space-4); padding:var(--mq-space-4); } .mq-process-editor-dialog .mq-field-editor-actions { inset-block-end:calc(-1 * var(--mq-space-4)); margin:var(--mq-space-4) calc(-1 * var(--mq-space-4)) calc(-1 * var(--mq-space-4)); padding:var(--mq-space-3) var(--mq-space-4); } }

/* The field editor has one scrolling region; its title and save actions stay in view. */
.mq-field-editor { display:flex; min-height:0; flex-direction:column; overflow:hidden; }
.mq-field-editor .mq-field-editor-header,.mq-field-editor .mq-field-editor-actions { flex:0 0 auto; }
.mq-field-editor .mq-field-editor-body { flex:1 1 auto; min-height:0; max-height:none; overflow-y:auto; overscroll-behavior:contain; scrollbar-gutter:stable; }
.mq-field-editor .mq-field-advanced { border:1px solid var(--mq-border); border-radius:var(--mq-radius-md); background:var(--mq-surface-subtle); }
.mq-field-editor .mq-field-advanced > summary { display:grid; gap:var(--mq-space-1); min-height:44px; padding:var(--mq-space-3); color:var(--mq-text); cursor:pointer; list-style-position:inside; }
.mq-field-editor .mq-field-advanced > summary strong { font-size:var(--mq-type-sm); }
.mq-field-editor .mq-field-advanced > summary small { padding-inline-start:1.1rem; color:var(--mq-text-muted); line-height:1.5; }
.mq-field-editor .mq-field-advanced[open] > summary { border-bottom:1px solid var(--mq-border); }
.mq-field-editor .mq-field-rule { margin:var(--mq-space-3); }
@media(max-width:760px) {
    html:has(.mq-field-editor.open),body:has(.mq-field-editor.open) { overflow:hidden; }
    .mq-field-editor.open { inset-block:var(--mq-space-3); max-height:none; overflow:hidden; }
    .mq-field-editor.open .mq-field-editor-header { position:relative; inset-block-start:auto; }
    .mq-field-editor.open .mq-field-editor-body { padding:var(--mq-space-4); }
    .mq-field-editor.open .mq-field-editor-actions { padding:var(--mq-space-3) var(--mq-space-4); background:var(--mq-surface); }
}