/* Match the approved The MIND Focus Desk, including its dense final overrides. */
#view-mind{gap:6px;font-size:11px;max-width:1900px;width:100%;--text-xs:10px;--text-sm:11px}
#view-mind .md-intro{padding:0;min-height:26px;border:0;border-radius:0;background:transparent;gap:8px}
#view-mind .md-intro h2{font-size:17px;font-weight:650;line-height:1.25;letter-spacing:0;margin:0;color:var(--arx-charcoal)}
#view-mind .md-intro-actions{gap:6px}
#view-mind .md-toolbar{gap:8px}
#view-mind .md-tabs{gap:16px}
#view-mind .md-tab{padding:4px 2px 6px;font-size:11px;border-bottom-width:2px}
#view-mind .dashboard-filters{padding:6px;gap:6px;border-radius:4px}
#view-mind .dashboard-filters .search-box{padding:0;border-radius:2px;background:var(--arx-white);min-width:180px}
#view-mind .dashboard-filters :is(input[type=search],select){height:22px;min-height:22px;padding:1px 5px;font-size:10px;line-height:16px;border-radius:2px}
#view-mind .dashboard-filters select{padding-right:24px}
#view-mind .md-archive,#mind-load-state,#mind-row-count{font-size:10px}
#view-mind input[type=checkbox]{width:12px;height:12px;accent-color:var(--arx-blue-ink)}
#view-mind .btn{min-height:22px;padding:2px 6px;font-size:10px;line-height:16px;border-radius:3px}
#mind-simulations{border-radius:4px;box-shadow:none;overflow-x:auto}
#mind-table{min-width:1280px}
#mind-table>thead>tr>th{padding:4px 6px;font-size:10px;font-weight:500;letter-spacing:0;white-space:nowrap}
#mind-tbody>tr:not(#mind-family-row)>td{padding:3px 6px;font-size:11px;line-height:16px;white-space:nowrap;font-variant-numeric:tabular-nums}
#mind-tbody>tr:not(#mind-family-row)>td>small{font-size:9px;color:var(--arx-text-muted);line-height:12px;white-space:nowrap}
#mind-tbody .action-btns{display:flex;flex-wrap:nowrap;gap:2px}
#mind-tbody .action-btns .btn-icon{width:24px;height:24px;min-width:24px;min-height:24px;padding:4px;border-radius:3px}
#mind-tbody .badge{font-size:9px;line-height:14px;padding:1px 4px;border-radius:3px}
#view-mind :is(button,input,select):focus-visible{outline:2px solid var(--arx-blue-ink);outline-offset:2px}
body.mind-workspace:has(#view-mind:not(.hidden)) .topbar{min-height:36px;padding-top:4px;padding-bottom:4px}
body.mind-workspace:has(#view-mind:not(.hidden)) .topbar-title{font-size:14px}
body.mind-workspace:has(#view-mind:not(.hidden)) .topbar .btn{padding:3px 6px;min-height:24px;font-size:10px}
.mf-toggle{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.mf-toggle[aria-expanded=true] svg{transform:rotate(90deg)}
#mind-family-row>td{padding:0!important;background:var(--arx-white);border-bottom:1px solid var(--arx-blue-border)}
#mind-family-detail{padding:6px 8px 8px;font-size:11px;line-height:1.4;white-space:normal;color:var(--arx-charcoal);background:var(--arx-white)}
.mf-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 6px}
.mf-heading h2,.mf-heading h3{display:inline;font-size:13px;font-weight:600;margin:0}
.mf-flow{font-size:11px;color:var(--arx-text-muted);margin-left:12px}
.mf-heading p,.mf-note{color:var(--arx-text-muted);font-size:11px;line-height:1.4;margin:6px 0}
.mf-scroll{overflow-x:auto;max-width:100%}
.mf-scroll table{min-width:700px;width:100%;font-size:12px}
#mind-family-detail .mf-scroll :is(td,th){padding:3px 6px;vertical-align:middle;font-size:11px;line-height:16px}
#mind-family-detail .mf-scroll thead th{font-size:10px;letter-spacing:.3px}
.mf-scroll small{display:block;font-size:10px;color:var(--arx-text-muted);line-height:14px;margin:0}
.mf-link,.mf-sort{font:inherit;color:var(--arx-blue-ink);border:0;background:transparent;cursor:pointer;text-align:left;padding:2px}
.mf-link:hover{text-decoration:underline}
.mf-sort{color:inherit;width:100%;white-space:nowrap}
.mf-total{font-weight:700;background:var(--arx-blue-soft)}
.mf-action{margin:0;padding:0;border:0;border-bottom:1px solid var(--arx-border);border-radius:0}
.mf-action summary{cursor:pointer;color:var(--arx-blue-ink);font-size:12px;font-weight:500;padding:6px 0;min-height:18px}
.mf-action[open]{padding-bottom:8px}
.mf-action p{margin:4px 0 8px;font-size:11px;color:var(--arx-text-muted)}
.mf-action form{display:flex;align-items:end;gap:8px;flex-wrap:wrap;margin-top:4px}
.mf-action label,.mf-heading label{display:flex;flex-direction:column;gap:3px;font-size:12px;margin:4px 0}
.mf-action input,.mf-action select,.mf-action textarea,.mf-heading select{font:inherit;font-size:12px;min-height:26px;padding:3px 7px;line-height:18px;border:1px solid var(--arx-border);border-radius:4px;max-width:100%;box-sizing:border-box;color:var(--arx-charcoal);background:var(--arx-white)}
.mf-action textarea{width:100%}
#mf-actual-form{display:block}
#mf-actual-form>label{max-width:720px}
.mf-action .mf-check{flex-direction:row;align-items:center}
.mf-buttons{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.mf-action pre,#mf-snapshot pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:320px;overflow:auto;font-size:11px}
.mf-action input[type=number]{width:140px}
.mf-action td input:not([type=number]){width:100%;min-width:200px}
#mf-message{margin:0}
#mf-message:not(:empty){border:1px solid var(--arx-blue-border);padding:6px 8px;background:var(--arx-blue-soft)}
#mind-family-detail :focus-visible{outline:2px solid var(--arx-blue-ink);outline-offset:2px}
.mf-scroll td{font-variant-numeric:tabular-nums}
#mf-comparison h4{font-size:12px;margin:8px 0 4px}
@media(max-width:700px){#mind-family-detail{padding:8px}.mf-heading{flex-wrap:wrap}.mf-flow{display:block;margin:2px 0 0}.mf-action form{align-items:stretch}.mf-action label{max-width:100%}#view-mind .md-intro{flex-wrap:wrap;align-items:center}}
/* Keep the inline drawer within the visible list width on narrow screens. */
#mind-simulations{container-type:inline-size}
#mind-family-detail{width:calc(100cqw - 2px);box-sizing:border-box}

#mind-family-detail .mf-scenarios td:first-child{min-width:140px;white-space:nowrap}
#mind-family-detail .mf-scenarios td:nth-child(2){min-width:160px}
#mind-family-detail .mf-scenarios td:nth-child(3){min-width:130px}

/* One typeface and size; emphasis follows the operational identifier. */
#mind-tbody>tr>.mf-identity,#mind-tbody>tr>.mf-product{font-family:inherit;font-size:11px;letter-spacing:normal}
#mind-tbody>tr>.mf-primary{color:var(--arx-blue-ink);font-weight:600}
#mind-tbody>tr>.mf-secondary,#mind-tbody>tr>.mf-product{color:var(--arx-charcoal);font-weight:400}
#mind-tbody>tr>.mf-identity .mf-toggle{font:inherit;color:inherit;letter-spacing:inherit}
#mind-tbody>tr>.mf-identity>small{font-weight:400}