/* Modfixor Special Functions Workbench: fixed left workbench rail, right-side secondary panels, own terms and material system. */
.mf-workbench { display: grid; grid-template-columns: minmax(180px,.55fr) minmax(0,2.4fr) minmax(220px,.68fr); gap: 10px; align-items: start; }
.mf-panel { min-width: 0; border: 1px solid #203449; border-radius: 12px; background: linear-gradient(145deg, rgba(13,30,49,.98), rgba(7,16,29,.98)); box-shadow: 0 16px 45px rgba(0,0,0,.18); }
.mf-panel-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; padding: 10px 14px 8px; border-bottom: 1px solid #203449; }.mf-panel-head h2 { margin: 4px 0 0; color: #eef7ff; font-size: .99rem; }.mf-panel-head p { margin: 5px 0 0; color: #8098b1; font-size: .73rem; line-height: 1.45; }.mf-kicker { color: #51dfe7; font-size: .64rem; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.mf-functions { display: grid; grid-template-columns: 1fr; gap: 8px; padding: 12px; max-height: min(72vh, 620px); overflow-y: auto; overflow-x: hidden; scrollbar-width: thin; scrollbar-color: rgba(120,160,190,.35) transparent; }
.mf-functions::-webkit-scrollbar { width: 6px; }
.mf-functions::-webkit-scrollbar-thumb { background: rgba(120,160,190,.35); border-radius: 4px; }
.mf-functions::-webkit-scrollbar-thumb:hover { background: rgba(120,160,190,.55); }
.mf-functions::-webkit-scrollbar-track { background: transparent; }.mf-function { position: relative; min-height: 72px; display: grid; grid-template-columns: 27px minmax(0,1fr); grid-template-rows: auto auto; column-gap: 10px; row-gap: 3px; align-items: center; border: 1px solid #2a4259; border-radius: 9px; padding: 10px 12px; color: #aac0d2; background: rgba(6,19,33,.56); text-align: left; transition: border-color .16s ease, background .16s ease, transform .16s cubic-bezier(.23,1,.32,1); }.mf-function:hover { border-color: #5ae3e7; transform: translateY(-1px); }.mf-function.active { border-color: #4de5e9; background: linear-gradient(145deg, rgba(16,94,105,.45), rgba(14,39,62,.55)); box-shadow: inset 0 0 0 1px rgba(77,229,233,.1); }.mf-function span { grid-column: 1; grid-row: 1 / span 2; display: grid; place-items: center; width: 27px; height: 27px; border: 1px solid #40617a; border-radius: 6px; color: #69e9ef; font-size: .82rem; }.mf-function strong { grid-column: 2; grid-row: 1; color: #effaff; font-size: .76rem; }.mf-function small { grid-column: 2; grid-row: 2; color: #768da4; font-size: .63rem; line-height: 1.32; }
.mf-console { display: grid; gap: 6px; }.mf-import-body { padding: 12px 16px 8px; }.mf-file-target { display: flex; align-items: center; gap: 12px; min-height: 66px; border: 1px dashed #416984; border-radius: 9px; padding: 10px 12px; background: rgba(8,26,43,.48); }.mf-file-icon { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid #38718a; border-radius: 8px; color: #53e4ea; font-size: 1.05rem; }.mf-file-copy { display: flex; flex: 1; min-width: 0; flex-direction: column; gap: 3px; }.mf-file-copy strong { overflow: hidden; color: #eaf7ff; font-size: .78rem; text-overflow: ellipsis; white-space: nowrap; }.mf-file-copy span { color: #7e99b4; font-size: .68rem; }.mf-button { min-height: 36px; border: 1px solid #345573; border-radius: 7px; padding: 0 12px; color: #d9eaf8; background: #142c47; font: inherit; font-size: .73rem; font-weight: 800; transition: transform .16s cubic-bezier(.23,1,.32,1), background .16s ease; }.mf-button:hover { background: #1a4263; }.mf-button:active { transform: scale(.97); }.mf-button.primary { border-color: #2bcbd4; color: #052229; background: linear-gradient(135deg, #5be8ec, #259ee2); }.mf-button:disabled { cursor: not-allowed; opacity: .43; }
.mf-profile { display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; margin-top: 13px; }.mf-profile-item { min-width: 0; border: 1px solid #233c54; border-radius: 8px; padding: 10px; background: rgba(4,13,24,.44); }.mf-profile-item span { display: block; color: #7891aa; font-size: .62rem; }.mf-profile-item strong { display: block; overflow: hidden; margin-top: 5px; color: #e4f3ff; font-size: .72rem; text-overflow: ellipsis; white-space: nowrap; }
.mf-manual-selection { margin-bottom: 13px; border: 1px solid #234b60; border-radius: 9px; padding: 12px; background: rgba(5,21,34,.42); }.mf-select-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }.mf-select-grid.mf-select-single { grid-template-columns: minmax(0,360px); }.mf-select-grid label { display: grid; gap: 5px; min-width: 0; color: #8ca6bc; font-size: .65rem; font-weight: 800; }.mf-select-grid label b { margin-left: 4px; color: #55e1e7; font-size: .58rem; text-transform: uppercase; letter-spacing: .06em; }.mf-select-grid select { min-width: 0; height: 36px; border: 1px solid #29485e; border-radius: 7px; padding: 0 9px; color: #eaf6ff; background: #0a1b2b; font: inherit; font-size: .7rem; outline: none; }.mf-select-grid select:focus { border-color:#51e1e8; box-shadow:0 0 0 3px rgba(81,225,232,.08); }.mf-manual-hint { margin: 10px 0 0; color: #68849d; font-size: .65rem; line-height: 1.35; }
.mf-analysis { padding: 16px; }.mf-analysis-card { display: grid; grid-template-columns: 1.2fr .8fr; gap: 12px; align-items: center; border: 1px solid #28445e; border-radius: 9px; padding: 13px; background: rgba(7,20,34,.52); }.mf-analysis-card strong { display: block; color: #effaff; font-size: .82rem; }.mf-analysis-card p { margin: 4px 0 0; color: #7e96ad; font-size: .7rem; }.mf-analysis-card .mf-button { justify-self: end; }
.mf-dtc-card { overflow: hidden; }.mf-dtc-tools { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; padding: 13px 16px 0; }.mf-input { width: 100%; min-height: 36px; border: 1px solid #29435a; border-radius: 7px; padding: 0 10px; color: #e9f6ff; background: #081828; font: inherit; font-size: .73rem; outline: none; }.mf-input:focus { border-color: #51e1e8; box-shadow: 0 0 0 3px rgba(81,225,232,.08); }.mf-dtc-actions { display: flex; flex-wrap: wrap; gap: 7px; padding: 10px 16px; }.mf-dtc-actions .mf-button { min-height: 32px; font-size: .67rem; }.mf-table-wrap { max-height: 292px; overflow: auto; padding: 0 16px 16px; }.mf-table { width: 100%; border-collapse: separate; border-spacing: 0 5px; }.mf-table th { padding: 9px 8px; color: #a9c7e0; background: rgba(37,75,107,.6); font-size: .63rem; text-align: left; text-transform: uppercase; }.mf-table th:first-child { border-radius: 7px 0 0 7px; }.mf-table th:last-child { border-radius: 0 7px 7px 0; }.mf-table td { padding: 10px 8px; color: #b9cee0; background: rgba(19,80,77,.18); border-top: 1px solid rgba(87,218,192,.12); border-bottom: 1px solid rgba(87,218,192,.12); font-size: .7rem; }.mf-table td:first-child { border-left: 1px solid rgba(87,218,192,.12); border-radius: 7px 0 0 7px; }.mf-table td:last-child { border-right: 1px solid rgba(87,218,192,.12); border-radius: 0 7px 7px 0; }.mf-table input { accent-color: #50dfe6; }.mf-off { color: #ffd17f; font-weight: 850; }.mf-on { color: #63e3a9; font-weight: 850; }
.mf-output { position: sticky; top: 16px; align-self: start; grid-column: 3; max-height: calc(100vh - 32px); min-width: 0; overflow-y: auto; overscroll-behavior: contain; z-index: 2; }.mf-output-body { display: grid; gap: 12px; padding: 16px; }.mf-job-state { display: flex; align-items: center; gap: 10px; border: 1px solid #28465d; border-radius: 8px; padding: 11px; background: rgba(7,21,35,.46); }.mf-state-orb { width: 9px; height: 9px; flex: 0 0 9px; border-radius: 50%; background: #71849b; box-shadow: 0 0 0 4px rgba(113,132,155,.1); }.mf-state-orb.ready { background: #53e5ad; box-shadow: 0 0 0 4px rgba(83,229,173,.1); }.mf-job-state span { color: #7c93aa; font-size: .66rem; }.mf-job-state strong { display: block; margin-top: 3px; color: #effaff; font-size: .78rem; }.mf-selection-list { display: grid; gap: 7px; }.mf-selection-list > span { color: #7791aa; font-size: .68rem; }.mf-chip-list { display: flex; flex-wrap: wrap; gap: 6px; }.mf-chip { padding: 5px 7px; border: 1px solid #2e5667; border-radius: 99px; color: #66e6eb; background: rgba(24,99,108,.18); font-size: .63rem; font-weight: 800; }.mf-delivery { padding: 12px; border: 1px dashed #396a83; border-radius: 8px; background: rgba(5,16,28,.56); }.mf-delivery span { color: #7790a8; font-size: .66rem; }.mf-delivery strong { display: block; overflow: hidden; margin: 5px 0 11px; color: #e7f6ff; font-size: .74rem; text-overflow: ellipsis; white-space: nowrap; }.mf-activity { display: grid; gap: 0; padding-top: 4px; }.mf-activity-row { position: relative; padding: 0 0 13px 18px; color: #8ea5bb; font-size: .67rem; line-height: 1.4; }.mf-activity-row::before { content:""; position:absolute; left:0; top:4px; width:8px; height:8px; border:2px solid #45dbe1; border-radius:50%; background:#0d2033; }.mf-activity-row::after { content:""; position:absolute; left:5px; top:14px; bottom:0; width:1px; background:#254257; }.mf-activity-row:last-child { padding-bottom:0; }.mf-activity-row:last-child::after { display:none; }.mf-activity-row strong { display:block; color:#dcefff; font-size:.69rem; }.mf-workbench > *, .mf-console { min-width: 0; }.mf-recognition { margin-top: 12px; border: 1px solid #2a5268; border-radius: 9px; padding: 12px; background: linear-gradient(145deg, rgba(9,48,60,.45), rgba(6,21,36,.55)); }.mf-recognition-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; margin-bottom: 10px; }.mf-recognition-head p { margin: 4px 0 0; color: #89a3ba; font-size: .68rem; }
@media (max-width: 1180px) { .mf-workbench { grid-template-columns: minmax(160px,.55fr) minmax(0,2fr) minmax(200px,.7fr); gap: 8px; }.mf-function { min-height: 68px; } }
@media (max-width: 980px) { .mf-workbench { grid-template-columns: minmax(210px,.7fr) minmax(0,1.7fr); }.mf-output { position: relative; top: auto; grid-column: 1 / -1; max-height: none; width: auto; overflow: visible; }.mf-output-body { grid-template-columns: repeat(4,minmax(0,1fr)); } }
@media (max-width: 960px) { .mf-workbench { grid-template-columns: 1fr; }.mf-output-body { grid-template-columns: repeat(2,minmax(0,1fr)); }.mf-profile { grid-template-columns: repeat(2,minmax(0,1fr)); }.mf-analysis-card { grid-template-columns: 1fr; }.mf-analysis-card .mf-button { justify-self: start; }.mf-table-wrap { overflow-x:auto; } }
@media (max-width: 620px) { .mf-output-body { grid-template-columns: 1fr; }.mf-dtc-tools { grid-template-columns: 1fr; }.mf-select-grid { grid-template-columns: 1fr; } }

/* Single-workbench secondary content panels. The left primary navigation stays fixed; only this area changes. */
.mf-workbench[hidden], .mf-workspace-panel[hidden] { display: none !important; }
.mf-workspace-panel { min-width: 0; }
.mf-secondary-shell { display: grid; gap: 16px; }
.mf-secondary-nav { display: flex; gap: 7px; overflow-x: auto; padding: 7px; border: 1px solid #203449; border-radius: 10px; background: rgba(8,20,34,.65); }
.mf-secondary-nav button { flex: 0 0 auto; min-height: 34px; border: 1px solid transparent; border-radius: 7px; padding: 0 11px; color: #94a9bd; background: transparent; font: inherit; font-size: .7rem; font-weight: 800; }
.mf-secondary-nav button:hover, .mf-secondary-nav button.active { border-color: #2a6a8a; color: #ecfaff; background: rgba(24,95,126,.32); }
.mf-secondary-grid { display: grid; grid-template-columns: minmax(0,1fr) 260px; gap: 16px; }
.mf-secondary-card { min-width: 0; border: 1px solid #203449; border-radius: 12px; padding: 18px; background: linear-gradient(145deg, rgba(13,30,49,.98), rgba(7,16,29,.98)); box-shadow: 0 16px 45px rgba(0,0,0,.18); }
.mf-secondary-card h2 { margin: 0; color: #eff9ff; font-size: 1.02rem; }.mf-secondary-card p { margin: 6px 0 0; color: #8198ae; font-size: .74rem; }
.mf-secondary-metrics { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; }.mf-secondary-metric { min-width: 0; border: 1px solid #254156; border-radius: 9px; padding: 12px; background: rgba(6,18,31,.52); }.mf-secondary-metric span { display:block; color:#7690a9; font-size:.63rem; }.mf-secondary-metric strong { display:block; margin-top:4px; color:#5be8ec; font-size:1.25rem; }
.mf-job-table { width: 100%; margin-top: 13px; border-collapse: collapse; }.mf-job-table th, .mf-job-table td { padding: 11px 8px; border-bottom: 1px solid #203449; color: #b9cddd; font-size: .72rem; text-align: left; }.mf-job-table th { color:#88a7c4; font-size:.61rem; letter-spacing:.04em; text-transform:uppercase; }.mf-job-table strong { color:#eff9ff; }.mf-status { display:inline-flex; border:1px solid #37716e; border-radius:99px; padding:4px 7px; color:#61e6df; background:rgba(33,212,212,.07); font-size:.62rem; font-weight:800; }.mf-status.waiting { border-color:#8e7035; color:#f4c45e; background:rgba(244,183,64,.07); }.mf-status.action { border-color:#8b484d; color:#ef7d83; background:rgba(239,91,91,.07); }
.mf-activity-list { display:grid; gap:0; }.mf-activity-list div { position:relative; padding:0 0 13px 17px; color:#8ea5bb; font-size:.67rem; }.mf-activity-list div::before { content:""; position:absolute; left:0; top:4px; width:7px; height:7px; border-radius:50%; background:#2f6bff; box-shadow:0 0 0 3px rgba(47,107,255,.11); }.mf-activity-list div:nth-child(3)::before { background:#f4b740; box-shadow:0 0 0 3px rgba(244,183,64,.11); }.mf-activity-list div:nth-child(4)::before { background:#21d4d4; box-shadow:0 0 0 3px rgba(33,212,212,.11); }.mf-activity-list strong { display:block; color:#e8f6ff; font-size:.68rem; }
.mf-lookup-form { display:grid; grid-template-columns:1.1fr 1fr auto; gap:9px; margin-top:14px; }.mf-lookup-form input { min-width:0; min-height:38px; border:1px solid #29485e; border-radius:7px; padding:0 10px; color:#eaf6ff; background:#0a1b2b; font:inherit; font-size:.72rem; }.mf-kv-list { display:grid; gap:0; margin-top:13px; }.mf-kv-list div { display:flex; justify-content:space-between; gap:12px; border-top:1px solid #203449; padding:10px 0; color:#8399ae; font-size:.72rem; }.mf-kv-list strong { color:#e4f3ff; text-align:right; }
.mf-package-list, .mf-credit-rows { display:grid; gap:9px; margin-top:14px; }.mf-package-row, .mf-credit-row { display:flex; align-items:center; justify-content:space-between; gap:14px; border:1px solid #29485e; border-radius:8px; padding:12px; color:#b8ccdc; background:rgba(6,18,31,.42); font-size:.73rem; }.mf-package-row strong, .mf-credit-row strong { color:#ecfaff; }.mf-package-row small, .mf-credit-row small { display:block; margin-top:3px; color:#7490aa; }.mf-credit-row b { color:#5be8ec; }
@media (max-width: 980px) { .mf-secondary-grid { grid-template-columns:1fr; }.mf-secondary-metrics { grid-template-columns:repeat(2,1fr); } }
@media (max-width: 620px) { .mf-secondary-metrics { grid-template-columns:1fr; }.mf-lookup-form { grid-template-columns:1fr; }.mf-job-table { min-width:600px; }.mf-secondary-card { overflow:auto; } }

/* Industrial graphite + copper theme. Keep workbench geometry unchanged; switch material, accents and operating hierarchy. */
.mf-panel,.mf-secondary-card { border-color:#514335; background:linear-gradient(145deg,rgba(43,37,30,.98),rgba(22,19,16,.98)); box-shadow:0 16px 45px rgba(0,0,0,.24); }.mf-panel-head { border-bottom-color:#514335; }.mf-panel-head h2,.mf-analysis-card strong,.mf-file-copy strong,.mf-profile-item strong,.mf-job-state strong { color:#f3e9dd; }.mf-panel-head p,.mf-file-copy span,.mf-profile-item span,.mf-job-state span { color:#a99c8b; }.mf-kicker { color:#efb36d; }
.mf-function { border-color:#64513f; color:#c7b6a4; background:rgba(25,22,18,.6); }.mf-function:hover { border-color:#efb36d; }.mf-function.active { border-color:#efb36d; background:linear-gradient(145deg,rgba(123,65,30,.42),rgba(57,35,21,.62)); box-shadow:inset 0 0 0 1px rgba(239,179,109,.12); }.mf-function span { border-color:#765f49; color:#efb36d; }.mf-function strong { color:#fff1e0; }.mf-function small { color:#9e8f7e; }
.mf-file-target,.mf-manual-selection,.mf-analysis-card,.mf-recognition { border-color:#6a513a; background:rgba(31,26,21,.62); }.mf-file-icon,.mf-result-file-icon { border-color:#9a643a; color:#efb36d; }.mf-select-grid select,.mf-input,.mf-lookup-form input { border-color:#735b44; color:#f2e7da; background:#1b1814; }.mf-select-grid select:focus,.mf-input:focus { border-color:#efb36d; box-shadow:0 0 0 3px rgba(239,179,109,.1); }.mf-manual-hint { color:#ab9b87; }
.mf-button { border-color:#795739; color:#f1d6b5; background:#3c2b1e; }.mf-button:hover { background:#533522; }.mf-button.primary { border-color:#efb36d; color:#2d190b; background:linear-gradient(135deg,#f0b46d,#b85c2c); }.mf-profile-item,.mf-job-state,.mf-delivery { border-color:#5f4d3c; background:rgba(25,22,18,.54); }.mf-state-orb.ready { background:#a3b184; box-shadow:0 0 0 4px rgba(163,177,132,.1); }.mf-chip { border-color:#9b6740; color:#f1bf84; background:rgba(170,89,36,.15); }.mf-activity-row { color:#b9aa97; }.mf-activity-row::before { border-color:#efb36d; background:#2b2119; }.mf-activity-row::after { background:#604a35; }
.mf-table th { color:#ead5bc; background:rgba(104,67,40,.65); }.mf-table td { color:#d5c5b2; background:rgba(78,53,35,.2); border-color:rgba(229,166,96,.14); }.mf-on { color:#a3b184; }.mf-off { color:#efb36d; }.mf-secondary-nav { border-color:#514335; background:rgba(28,24,20,.7); }.mf-secondary-nav button { color:#b6a898; }.mf-secondary-nav button:hover,.mf-secondary-nav button.active { border-color:#a56b3e; color:#fff0de; background:rgba(132,72,34,.3); }.mf-secondary-metric { border-color:#5b4938; background:rgba(23,20,17,.55); }.mf-secondary-metric span { color:#a29381; }.mf-secondary-metric strong { color:#efb36d; }.mf-job-table th,.mf-job-table td { border-bottom-color:#514335; }.mf-job-table th { color:#bcae9c; }.mf-job-table td { color:#d4c5b3; }.mf-status { border-color:#75815c; color:#b7c298; background:rgba(163,177,132,.08); }.mf-status.waiting { border-color:#a8743e; color:#efbd78; background:rgba(239,179,109,.08); }.mf-status.action { border-color:#99544c; color:#e58376; }.mf-package-row,.mf-credit-row { border-color:#604d3b; color:#c9b9a8; background:rgba(25,22,18,.48); }.mf-package-row strong,.mf-credit-row strong { color:#f3e7d9; }.mf-package-row small,.mf-credit-row small { color:#a59684; }.mf-credit-row b { color:#efb36d; }
.mf-activity-list div::before,.mf-activity-list div:nth-child(3)::before { background:var(--copper); box-shadow:0 0 0 3px rgba(199,120,57,.12); }.mf-activity-list div:nth-child(4)::before { background:var(--sage); box-shadow:0 0 0 3px rgba(163,177,132,.12); }

/* Mobile workbench: the desktop tri-panel geometry becomes a scrollable, single-column task flow below the mobile menu bar. */
@media (max-width:1000px) {
  .mf-workbench { grid-template-columns:1fr; gap:8px; }.mf-console { gap:6px; }.mf-panel-head { padding:10px 14px 8px; }.mf-functions { gap:7px; padding:10px; }.mf-function { min-height:66px; padding:9px 10px; }.mf-function small { font-size:.61rem; }.mf-output { grid-column:1; }.mf-secondary-grid { grid-template-columns:1fr; }.mf-secondary-card { padding:15px; }
}
@media (max-width:620px) {
  .mf-workbench { gap:6px; }.mf-panel-head h2 { font-size:.96rem; }.mf-panel-head p { font-size:.71rem; }.mf-analysis-card { gap:10px; padding:12px; }.mf-analysis-card .mf-button { width:100%; }.mf-file-target { flex-wrap:wrap; }.mf-file-target .mf-button { margin-left:auto; }.mf-profile { grid-template-columns:repeat(2,minmax(0,1fr)); }.mf-dtc-actions .mf-button { flex:1 1 calc(50% - 6px); }.mf-table-wrap { max-height:260px; padding:0 10px 12px; }.mf-output-body { gap:10px; padding:12px; }.mf-secondary-nav { margin:0 -2px; }.mf-secondary-metrics { grid-template-columns:repeat(2,1fr); }
}

/* ECU model picker: mirrors the public coverage search with a large searchable result rail. */
.mf-select-grid select[data-mf-ecu-select] { display:none; }.mf-ecu-picker { position:relative; z-index:8; width:min(100%,520px); }.mf-ecu-picker-trigger { display:flex; align-items:center; justify-content:space-between; width:100%; min-height:38px; border:1px solid #735b44; border-radius:7px; padding:0 10px; color:#f2e7da; background:#1b1814; font:inherit; font-size:.72rem; text-align:left; }.mf-ecu-picker-trigger:hover,.mf-ecu-picker.open .mf-ecu-picker-trigger { border-color:#efb36d; box-shadow:0 0 0 3px rgba(239,179,109,.1); }.mf-ecu-picker-caret { color:#efb36d; font-size:1rem; transition:transform .18s ease; }.mf-ecu-picker.open .mf-ecu-picker-caret { transform:rotate(180deg); }.mf-ecu-picker-panel[hidden] { display:none; }.mf-ecu-picker-panel { position:absolute; z-index:30; top:calc(100% + 8px); left:0; right:0; display:grid; grid-template-rows:auto minmax(0,1fr); height:clamp(220px,33vh,320px); overflow:hidden; border:1px solid #8e613d; border-radius:10px; background:linear-gradient(145deg,#31271f,#1d1915); box-shadow:0 22px 52px rgba(0,0,0,.48); }.mf-ecu-picker-search { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; padding:10px; border-bottom:1px solid rgba(222,183,132,.2); background:rgba(55,42,31,.82); }.mf-ecu-picker-search input { min-width:0; min-height:36px; border:1px solid #765940; border-radius:7px; padding:0 10px; color:#f4e9dc; background:#1c1814; font:inherit; font-size:.7rem; outline:none; }.mf-ecu-picker-search input:focus { border-color:#efb36d; box-shadow:0 0 0 3px rgba(239,179,109,.1); }.mf-ecu-picker-search .mf-button { min-height:36px; }.mf-ecu-picker-list { min-height:0; overflow-y:auto; overscroll-behavior:contain; scrollbar-gutter:stable; scrollbar-color:#efb36d #17130f; }.mf-ecu-picker-list::-webkit-scrollbar { width:12px; }.mf-ecu-picker-list::-webkit-scrollbar-track { border-left:1px solid rgba(222,183,132,.16); background:#17130f; }.mf-ecu-picker-list::-webkit-scrollbar-thumb { min-height:54px; border:3px solid #17130f; border-radius:99px; background:linear-gradient(#efb36d,#b85c2c); }.mf-ecu-option { display:grid; width:100%; gap:3px; border:0; border-bottom:1px solid rgba(222,183,132,.14); padding:11px 12px; color:#d8c6b1; background:transparent; font:inherit; text-align:left; }.mf-ecu-option:hover,.mf-ecu-option.active { background:rgba(167,87,34,.2); }.mf-ecu-option.active { box-shadow:inset 3px 0 0 #efb36d; }.mf-ecu-option strong { color:#fff0de; font-size:.73rem; }.mf-ecu-option span { color:#ab9a87; font-size:.65rem; }.mf-ecu-picker-empty { margin:0; padding:16px 12px; color:#b6a493; font-size:.7rem; }
@media (max-width:620px) { .mf-ecu-picker { width:100%; }.mf-ecu-picker-panel { height:clamp(210px,33vh,290px); }.mf-ecu-picker-search { grid-template-columns:minmax(0,1fr) auto; } }

/* Single-row search selector: current ECU, text search, explicit search and list control share one operating line. */
.mf-ecu-picker-combobox { display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:7px; align-items:center; }.mf-ecu-picker-combobox input { min-width:0; min-height:32px; border:1px solid #735b44; border-radius:7px; padding:0 8px; color:#f2e7da; background:#1b1814; font:inherit; font-size:.65rem; outline:none; }.mf-ecu-picker-combobox input:focus,.mf-ecu-picker.open .mf-ecu-picker-combobox input { border-color:#efb36d; box-shadow:0 0 0 3px rgba(239,179,109,.1); }.mf-ecu-picker-search-button { min-height:32px; padding:0 10px; }.mf-ecu-picker-toggle { display:grid; width:32px; height:32px; place-items:center; border:1px solid #795739; border-radius:7px; color:#efb36d; background:#3c2b1e; font:inherit; font-size:.85rem; }.mf-ecu-picker-toggle:hover { background:#533522; }.mf-ecu-picker.open .mf-ecu-picker-toggle span { display:inline-block; transform:rotate(180deg); }.mf-ecu-picker-panel { top:calc(100% + 8px); }.mf-ecu-picker-panel .mf-ecu-picker-list { grid-row:1; }
@media (max-width:620px) { .mf-ecu-picker-combobox { gap:6px; }.mf-ecu-picker-search-button { padding:0 8px; }.mf-ecu-picker-toggle { width:30px; height:30px; } }

/* Selected theme: black-brown workspace, platinum hierarchy and burgundy operating accents. */
.mf-panel,.mf-secondary-card { border-color:#5d5651; background:linear-gradient(145deg,rgba(50,46,43,.98),rgba(24,22,21,.98)); }.mf-panel-head { border-bottom-color:#5d5651; }.mf-panel-head h2,.mf-analysis-card strong,.mf-file-copy strong,.mf-profile-item strong,.mf-job-state strong { color:#f0ece4; }.mf-panel-head p,.mf-file-copy span,.mf-profile-item span,.mf-job-state span { color:#aaa39b; }.mf-kicker { color:#d69b94; }.mf-function { border-color:#665e58; color:#c7c0b8; background:rgba(31,28,26,.64); }.mf-function:hover { border-color:#c16c64; }.mf-function.active { border-color:#c16c64; background:linear-gradient(145deg,rgba(141,60,60,.38),rgba(64,31,32,.62)); box-shadow:inset 0 0 0 1px rgba(193,108,100,.14); }.mf-function span { border-color:#766d66; color:#dba19a; }.mf-function strong { color:#f6f1e9; }.mf-function small { color:#9f978e; }.mf-file-target,.mf-manual-selection,.mf-analysis-card,.mf-recognition { border-color:#675d56; background:rgba(34,30,29,.64); }.mf-file-icon,.mf-result-file-icon { border-color:#9c5b57; color:#dca7a0; }.mf-select-grid select,.mf-input,.mf-lookup-form input,.mf-ecu-picker-combobox input { border-color:#6d635d; color:#f0ece4; background:#1d1a19; }.mf-select-grid select:focus,.mf-input:focus,.mf-ecu-picker-combobox input:focus,.mf-ecu-picker.open .mf-ecu-picker-combobox input { border-color:#c16c64; box-shadow:0 0 0 3px rgba(193,108,100,.1); }.mf-manual-hint { color:#aaa198; }.mf-button { border-color:#74524e; color:#ead4d0; background:#382725; }.mf-button:hover { background:#513331; }.mf-button.primary { border-color:#c16c64; color:#fff5f1; background:linear-gradient(135deg,#a84f4b,#752c2d); }.mf-profile-item,.mf-job-state,.mf-delivery { border-color:#5c5550; background:rgba(29,27,25,.56); }.mf-chip { border-color:#96504d; color:#e0aaa3; background:rgba(141,60,60,.15); }.mf-activity-row { color:#b9b1a8; }.mf-activity-row::before { border-color:#c16c64; background:#2c2524; }.mf-activity-row::after { background:#635852; }.mf-table th { color:#e5dbd2; background:rgba(84,58,56,.7); }.mf-table td { color:#d6cec5; background:rgba(68,44,43,.22); border-color:rgba(193,108,100,.14); }.mf-off { color:#d99b94; }.mf-on { color:#9cad97; }.mf-secondary-nav { border-color:#5d5651; background:rgba(31,28,26,.74); }.mf-secondary-nav button { color:#c5beb6; }.mf-secondary-nav button:hover,.mf-secondary-nav button.active { border-color:#9c504d; color:#fff2ee; background:rgba(141,60,60,.26); }.mf-secondary-metric { border-color:#5e5650; background:rgba(27,25,23,.58); }.mf-secondary-metric span { color:#aaa39b; }.mf-secondary-metric strong { color:#d69b94; }.mf-job-table th,.mf-job-table td { border-bottom-color:#5d5651; }.mf-job-table th { color:#c2bbb3; }.mf-job-table td { color:#d9d1c8; }.mf-status { border-color:#71806b; color:#b3c0ac; background:rgba(156,173,151,.08); }.mf-status.waiting { border-color:#9a7262; color:#e0b3a2; background:rgba(193,108,100,.08); }.mf-status.action { border-color:#a24e4e; color:#e18d88; }.mf-package-row,.mf-credit-row { border-color:#5e5650; color:#cac2b9; background:rgba(29,27,25,.5); }.mf-package-row strong,.mf-credit-row strong { color:#f0ece4; }.mf-package-row small,.mf-credit-row small { color:#a69e95; }.mf-credit-row b { color:#d69b94; }.mf-activity-list div::before,.mf-activity-list div:nth-child(3)::before { background:#8d3c3c; box-shadow:0 0 0 3px rgba(141,60,60,.12); }.mf-activity-list div:nth-child(4)::before { background:#9cad97; box-shadow:0 0 0 3px rgba(156,173,151,.12); }.mf-ecu-picker-panel { border-color:#9c5a56; background:linear-gradient(145deg,#3b322f,#201c1b); }.mf-ecu-picker-list { scrollbar-color:#c16c64 #171514; }.mf-ecu-picker-list::-webkit-scrollbar-track { border-left-color:rgba(184,181,173,.16); background:#171514; }.mf-ecu-picker-list::-webkit-scrollbar-thumb { border-color:#171514; background:linear-gradient(#c16c64,#7b3032); }.mf-ecu-option { border-bottom-color:rgba(184,181,173,.14); color:#d8d0c7; }.mf-ecu-option:hover,.mf-ecu-option.active { background:rgba(141,60,60,.2); }.mf-ecu-option.active { box-shadow:inset 3px 0 0 #c16c64; }.mf-ecu-option strong { color:#f5f0e9; }.mf-ecu-option span { color:#aaa198; }.mf-ecu-picker-toggle { border-color:#74524e; color:#e0aaa3; background:#382725; }.mf-ecu-picker-toggle:hover { background:#513331; }

/* Final three-layer rule: red is current/clickable; mint is complete/result-ready; every other signal returns to neutral platinum/gray. */
.mf-kicker,.mf-function span,.mf-file-icon,.mf-result-file-icon { color:#b8b5ad; }.mf-function:hover { border-color:#746863; }.mf-function.active { border-color:#b64f50; background:linear-gradient(145deg,rgba(182,79,80,.4),rgba(69,32,34,.66)); box-shadow:inset 0 0 0 1px rgba(182,79,80,.16); }.mf-function.active span { border-color:#b64f50; color:#f0d1d0; }.mf-file-icon,.mf-result-file-icon { border-color:#625855; }.mf-select-grid select:focus,.mf-input:focus,.mf-ecu-picker-combobox input:focus,.mf-ecu-picker.open .mf-ecu-picker-combobox input { border-color:#b64f50; box-shadow:0 0 0 3px rgba(182,79,80,.12); }.mf-button { border-color:#625855; color:#d8d1c8; background:#302926; }.mf-button:hover { border-color:#b64f50; background:#3e2b2b; }.mf-button.primary { border-color:#b64f50; color:#fff8f6; background:linear-gradient(135deg,#be5959,#8f383b); }.mf-chip { border-color:#b64f50; color:#f0d1d0; background:rgba(182,79,80,.13); }.mf-off { color:#aaa39b; }.mf-on,.mf-state-orb.ready { color:#8fc5a1; background:#8fc5a1; }.mf-state-orb.ready { box-shadow:0 0 0 4px rgba(143,197,161,.12); }.mf-secondary-nav button:hover,.mf-secondary-nav button.active { border-color:#b64f50; background:rgba(182,79,80,.22); }.mf-secondary-metric strong,.mf-credit-row b { color:#b8b5ad; }.mf-status { border-color:rgba(143,197,161,.6); color:#8fc5a1; background:rgba(143,197,161,.08); }.mf-status.waiting,.mf-status.action { border-color:#625855; color:#aaa39b; background:rgba(255,255,255,.03); }.mf-activity-list div::before,.mf-activity-list div:nth-child(3)::before { background:#aaa39b; box-shadow:0 0 0 3px rgba(170,163,155,.1); }.mf-activity-list div:nth-child(4)::before { background:#8fc5a1; box-shadow:0 0 0 3px rgba(143,197,161,.12); }.mf-ecu-picker-panel { border-color:#625855; }.mf-ecu-picker-list { scrollbar-color:#877c76 #171514; }.mf-ecu-picker-list::-webkit-scrollbar-thumb { border-color:#171514; background:#877c76; }.mf-ecu-option:hover,.mf-ecu-option.active { background:rgba(182,79,80,.17); }.mf-ecu-option.active { box-shadow:inset 3px 0 0 #b64f50; }.mf-ecu-picker-toggle { border-color:#625855; color:#d8d1c8; background:#302926; }.mf-ecu-picker-toggle:hover { border-color:#b64f50; background:#3e2b2b; }

/* === long file name overflow (do not stretch the .mf-file-target) === */
.mf-file-target { min-width: 0; max-width: 100%; width: 100%; flex-wrap: nowrap; }
.mf-file-copy { min-width: 0; max-width: 100%; overflow: hidden; flex: 1 1 auto; }
.mf-file-copy strong { display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mf-file-target .mf-button { flex-shrink: 0; flex: 0 0 auto; }
.mf-file-target .mf-file-icon { flex: 0 0 auto; }