/* Loadout studio: one decision surface, persistent outcomes, optional energy simulation. */
.hss-shell .hss-workspace-page:has(> .hss-loadout-page) { padding: 28px 36px 24px; }
.hss-shell .hss-loadout-page { container: hss-loadout / size; color: #dbcfb9; }
.hss-shell .hss-loadout-page .hss-workspace-head { min-height: 0; padding: 0; margin: 0 0 20px; align-items: center; gap: 24px; }
.hss-shell .hss-loadout-page .hss-loadout-image-head:has(.hss-ship-image) { min-height: 116px; padding: 24px 0 16px; align-items: flex-end; }
.hss-shell .hss-loadout-page .hss-workspace-head h1 { margin: 5px 0 6px; font-size: clamp(1.7rem,2.4cqi,2.75rem); letter-spacing: -.04em; font-weight: 600; line-height: 1.12; }
.hss-loadout-subtitle { margin: 0; color: #a9a69f; font-size: .85rem; line-height: 1.5; }
.hss-shell .hss-loadout-page .hss-overline { color: #d9ad60; font-size: .68rem; letter-spacing: .14em; }
.hss-shell .hss-loadout-page .hss-head-actions { gap: 8px; }
.hss-shell .hss-loadout-page .mud-button-root { border-radius: 5px !important; text-transform: none; letter-spacing: 0; font-size: .85rem; }
.hss-shell .hss-loadout-page .mud-button-text { border: 0; background: transparent; box-shadow: none; }
.hss-shell .hss-loadout-page .mud-button-filled-warning { background: #e4a738; border: 1px solid #e4a738; color: #17130d; box-shadow: none; }
.hss-shell .hss-loadout-page .hss-loadout-taskbar { margin: 0; padding: 0; gap: 16px; border-bottom: 1px solid #ffffff17; border-radius: 0; background: transparent; }
.hss-shell .hss-loadout-page .hss-view-switch { margin-right: auto; padding: 0; gap: 24px; border: 0; background: transparent; }
.hss-shell .hss-loadout-page .hss-view-switch .mud-button-root { min-height: 48px; padding: 10px 0; border-radius: 0 !important; color: #aaa69d; }
.hss-shell .hss-loadout-page .hss-view-switch .mud-button-icon-start { margin-left: 0; }
.hss-shell .hss-loadout-page .hss-view-switch [aria-pressed="true"] { color: #f0c779; box-shadow: inset 0 -2px #e4a738; }
.hss-shell .hss-loadout-page .hss-loadout-build-status { padding: 0; border: 0; background: transparent; flex-direction: row; gap: 10px; align-items: center; }
.hss-shell .hss-loadout-page .hss-loadout-build-status > small { display: none; }
.hss-shell .hss-loadout-page .hss-loadout-build-status strong { color: #d7cbb6; font-size: .8rem; }
.hss-shell .hss-loadout-page .hss-loadout-build-status em { font-size: .75rem; color: #a9a69f; }
.hss-shell .hss-loadout-page .hss-loadout-head-toolbar { padding: 0; border: 0; background: transparent; }
.hss-shell .hss-loadout-page[data-view="fit"] > .hss-loadout-studio { display: grid; grid-template-columns: minmax(0,1fr); grid-template-rows: auto auto minmax(0,1fr); gap: 18px 28px; padding-top: 0; }
.hss-shell .hss-loadout-page[data-view="fit"][data-energy="open"] > .hss-loadout-studio { grid-template-columns: minmax(0,1fr) 320px; }
/* Four comparable outcomes occupy a single open strip, never four cards. */
.hss-loadout-impact { grid-column: 1 / -1; grid-row: 1; display: flex; align-items: center; gap: 28px; padding: 20px 0; border-bottom: 1px solid #ffffff17; min-width: 0; }
.hss-impact-caption { display: flex; flex-direction: column; gap: 6px; width: 105px; flex: 0 0 auto; }
.hss-impact-caption > small { color: #9d9b95; font-size: .72rem; max-width: 105px; }
.hss-impact-value { display: grid; grid-template-columns: minmax(0,1fr); gap: 4px; flex: 1; min-width: 0; }
.hss-impact-value > span { grid-column: 1 / -1; display: flex; align-items: center; gap: 6px; font-size: .75rem; color: #aaa69d; }
.hss-impact-value > span > svg { font-size: 15px; color: #a79a7e; }
.hss-impact-value > strong { font-size: clamp(1rem,1.4cqi,1.55rem); color: #eee2cc; font-weight: 600; white-space: nowrap; font-variant-numeric: tabular-nums; }
.hss-impact-value > small { align-self: center; font-size: .72rem; color: #9caaa2; white-space: nowrap; }
.hss-impact-value.offline > strong { color: #b0a397; }
.hss-shell .hss-loadout-page .hss-energy-toggle { display: flex; align-items: center; gap: 8px; padding: 12px 14px; border: 1px solid #ffffff23; border-radius: 6px; background: #ffffff03; color: #dfcfac; text-align: left; box-shadow: none; }
.hss-energy-toggle > span { display: flex; flex-direction: column; gap: 4px; font-size: .8rem; }
.hss-energy-toggle small { font-size: .7rem; color: #aba497; }
.hss-shell .hss-loadout-page .hss-energy-toggle[aria-expanded="true"] { border-color: #e4a73870; background: #e4a7380a; }
/* System navigation and the installed directory. */
.hss-shell .hss-loadout-page .hss-fitting-navigation { grid-row: 2; grid-column: 1 / -1; display: flex; flex-flow: row nowrap; gap: 8px; padding: 0; margin: 0; overflow: auto; border: 0; }
.hss-shell .hss-loadout-page .hss-fitting-navigation button { display: flex; flex: 0 0 auto; align-items: center; gap: 8px; min-height: 42px; padding: 9px 14px; border: 1px solid transparent; border-radius: 5px; background: transparent; font-size: .85rem; white-space: nowrap; box-shadow: none; color: #b5b0a5; }
.hss-shell .hss-loadout-page .hss-fitting-navigation button[aria-pressed="true"] { color: #f0c779; background: #e4a7380c; border-color: #e4a73830; }
.hss-fitting-navigation button small { margin-left: auto; font-size: .7rem; color: #99958b; }
.hss-shell .hss-loadout-page[data-view="fit"][data-picker] .hss-loadout-workspace { grid-row: 3; grid-column: 1; height: 100%; min-height: 0; grid-template-columns: minmax(0,1fr); gap: 0; }
.hss-shell .hss-loadout-page[data-picker="open"] .hss-loadout-center { display: none; }
.hss-shell .hss-loadout-page .hss-loadout-center { border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.hss-shell .hss-loadout-page .hss-loadout-right { border: 0; padding: 0; }
.hss-shell .hss-loadout-page .hss-system-browser { padding: 0 12px 24px 0; border: 0; background: transparent; box-shadow: none; }
.hss-shell .hss-loadout-page .hss-system-browser > header { padding: 0 0 24px; align-items: center; }
.hss-system-browser > header > span { display: flex; flex-direction: column; gap: 6px; }
.hss-shell .hss-loadout-page .hss-system-browser > header .hss-overline { display: none; }
.hss-shell .hss-loadout-page .hss-system-browser > header strong { font-size: 1.4rem; font-weight: 500; }
.hss-system-browser > header > span > small { color: #aaa69d; font-size: .8rem; }
.hss-shell .hss-loadout-page .hss-system-browser > header .mud-button-root { font-size: .75rem; }
.hss-shell .hss-loadout-page .hss-loadout-system-groups { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px 40px; }
.hss-shell .hss-loadout-page .hss-loadout-system-groups[data-filtered="true"] { display: block; }
.hss-shell .hss-loadout-page .hss-system-column { display: contents; }
.hss-shell .hss-loadout-page .hss-loadout-system-group { margin: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.hss-shell .hss-loadout-page .hss-loadout-system-group > summary { padding: 12px 0; background: transparent; border: 0; border-bottom: 1px solid #ffffff20; gap: 10px; }
.hss-shell .hss-loadout-page .hss-loadout-system-group > summary strong { font-size: .95rem; }
.hss-shell .hss-loadout-page .hss-loadout-system-group > summary small { display: block; font-size: .72rem; color: #99978f; margin-top: 3px; }
.hss-shell .hss-loadout-page .hss-system-icon { width: 24px; height: 28px; border: 0; background: transparent; box-shadow: none; }
.hss-shell .hss-loadout-page .hss-slot-picker { display: grid; grid-template-columns: minmax(0,1fr); padding: 0; gap: 0; }
.hss-shell .hss-loadout-page :is(.hss-loadout-assembly,.hss-loadout-assembly-component) { min-width: 0; margin: 0; border: 0; border-bottom: 1px solid #ffffff12; border-radius: 0; background: transparent; box-shadow: none; }
.hss-shell .hss-loadout-page .hss-loadout-assembly-component { grid-template-columns: minmax(0,1fr) auto; grid-template-areas: "main state"; min-height: 82px; padding: 16px 10px; }
.hss-shell .hss-loadout-page .hss-loadout-assembly-toggle { grid-template-columns: 24px minmax(0,1fr) 18px; grid-template-areas: "icon main chevron"; min-height: 78px; padding: 14px 10px; }
.hss-shell .hss-loadout-page .hss-loadout-assembly-toggle > .hss-state-badge { display: none; }
.hss-shell .hss-loadout-page .hss-slot-picker .hss-component-quality.stock, .hss-shell .hss-loadout-page .hss-slot-meta { display: none; }
.hss-shell .hss-loadout-page .hss-slot-picker .hss-component-quality.crafted { grid-area: auto; display: flex; align-items: center; gap: 4px; width: auto; min-height: 0; height: auto; padding: 2px 0; border: 0; background: transparent; }
.hss-shell .hss-loadout-page .hss-slot-picker .hss-state-badge { border: 0; background: transparent; box-shadow: none; font-size: .7rem; color: #9aab9e; }
.hss-shell .hss-loadout-page .hss-loadout-assembly-main strong, .hss-shell .hss-loadout-page .hss-component-title strong { white-space: normal; font-size: 1rem; color: #e8deca; }
.hss-shell .hss-loadout-page .hss-loadout-assembly-main :is(small,em) { white-space: normal; font-size: .78rem; color: #a6a297; }
.hss-shell .hss-loadout-page .hss-loadout-assembly-main small { display: none; }
.hss-shell .hss-loadout-page .hss-slot-mount { font-size: .75rem; color: #a6a297; }
.hss-shell .hss-loadout-page .hss-size-badge { border: 1px solid #ffffff20; border-radius: 3px; background: transparent; color: #c8b995; box-shadow: none; font-size: .68rem; }
.hss-shell .hss-loadout-page .hss-loadout-assembly-children { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); padding: 0 10px 12px 34px; gap: 0 18px; }
.hss-shell .hss-loadout-page .hss-loadout-assembly-row { display: flex; align-items: stretch; min-width: 0; border: 0; border-left: 1px solid #ffffff18; border-radius: 0; background: transparent; }
.hss-shell .hss-loadout-page .hss-loadout-assembly-row-main { flex: 1; min-width: 0; min-height: 74px; padding: 10px 14px; grid-template-columns: minmax(0,1fr); grid-template-areas: "main" "state"; gap: 5px; }
.hss-shell .hss-loadout-page .hss-loadout-assembly-row-main .hss-component-title { flex-wrap: wrap; gap: 6px; }
.hss-shell .hss-loadout-page .hss-loadout-assembly-row-main .hss-component-title strong { font-size: .9rem; }
.hss-shell .hss-loadout-page .hss-loadout-assembly-row-main .hss-state-badge { justify-self: start; }
.hss-shell .hss-loadout-page .hss-loadout-assembly-branch { display: none; }
.hss-shell .hss-loadout-page .hss-loadout-mount-setting { width: 32px; min-width: 32px; padding: 4px; border: 0; background: transparent; }
.hss-shell .hss-loadout-page .hss-loadout-mount-setting > span { display: none; }
.hss-shell .hss-loadout-page :is(.hss-loadout-assembly-component,.hss-loadout-assembly-row).selected { background: #e4a73808; box-shadow: inset 2px 0 #e4a738; }
.hss-shell .hss-loadout-page :is(.hss-loadout-assembly-component,.hss-loadout-assembly-toggle,.hss-loadout-assembly-row-main):hover { background: #ffffff05; }
/* A component comparison is a destination with a stable installed reference. */
.hss-shell .hss-loadout-page .hss-loadout-right > .hss-candidate-browser { display: flex; flex-direction: column; min-height: 0; padding: 0; overflow: hidden; border: 0; border-radius: 0; background: transparent; }
.hss-shell .hss-loadout-page .hss-candidate-browser > header { position: static; flex: 0 0 auto; padding: 0 0 14px; background: transparent; border: 0; }
.hss-shell .hss-loadout-page .hss-candidate-browser > header .hss-overline { display: none; }
.hss-shell .hss-loadout-page .hss-candidate-browser > header strong { font-size: 1.35rem; }
.hss-installed-summary { flex: 0 0 auto; margin-bottom: 22px; padding: 12px 16px; background: #ffffff03; border-left: 2px solid #8ca995; }
.hss-installed-summary > header, .hss-installed-summary > header > div { display: flex; align-items: center; gap: 12px; }
.hss-installed-summary > header { justify-content: space-between; }
.hss-installed-summary h3 { margin: 0; font-size: 1rem; font-weight: 500; color: #e4dac6; }
.hss-installed-summary small, .hss-installed-summary > header > span { font-size: .78rem; color: #aaa69d; }
.hss-installed-marker { display: flex; color: #98b9a3; }
.hss-shell .hss-loadout-page .hss-swap-content { display: flex; flex: 1 1 0; min-height: 0; gap: 0; padding: 0; margin: 0; }
.hss-swap-options { display: flex; flex-direction: column; min-width: 0; min-height: 0; overflow: auto; }
.hss-alternatives-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; padding-bottom: 12px; }
.hss-alternatives-heading strong { font-size: 1rem; font-weight: 500; }
.hss-alternatives-heading small { color: #99978f; font-size: .75rem; }
.hss-swap-options > .mud-input-control { flex: 0 0 auto; margin: 0; }
.hss-shell .hss-loadout-page .hss-swap-options .hss-candidate-list { display: flex; flex-direction: column; flex: 1 1 0; min-height: 90px; max-height: none; overflow: auto; gap: 0; border-top: 1px solid #ffffff18; }
.hss-shell .hss-loadout-page .hss-swap-options .hss-candidate-list > button { display: grid; flex: 0 0 auto; height: auto; min-height: 104px; grid-template-columns: minmax(0,1fr) auto; grid-template-areas: "copy copy" "metrics state"; gap: 12px; padding: 16px 14px; border: 0; border-bottom: 1px solid #ffffff12; border-radius: 0; background: transparent; box-shadow: none; text-align: left; }
.hss-shell .hss-loadout-page .hss-candidate-list > button > .hss-component-quality.stock { display: none; }
.hss-shell .hss-loadout-page .hss-candidate-list .hss-candidate-copy { grid-area: copy; gap: 7px; }
.hss-shell .hss-loadout-page .hss-candidate-copy > small { font-size: .75rem; white-space: normal; color: #a3a096; }
.hss-shell .hss-loadout-page .hss-candidate-list .hss-candidate-metrics { grid-area: metrics; display: flex; flex-wrap: wrap; gap: 10px 20px; margin: 0; }
.hss-shell .hss-loadout-page .hss-candidate-metrics small { padding: 0; border: 0; background: transparent; font-size: .8rem; }
.hss-shell .hss-loadout-page .hss-candidate-metrics em { font-size: .68rem; text-transform: none; letter-spacing: 0; white-space: normal; color: #96968e; }
.hss-shell .hss-loadout-page .hss-candidate-list .hss-state-badge { grid-area: state; align-self: end; justify-self: end; background: transparent; border: 0; padding: 0; font-size: .65rem; color: #a9a79b; }
.hss-shell .hss-loadout-page .hss-candidate-list > button.selected { background: #ffffff03; box-shadow: inset 2px 0 #8ca995; }
.hss-shell .hss-loadout-page .hss-candidate-list > button.preview { background: #e4a7380b; box-shadow: inset 2px 0 #e4a738; }
.hss-shell .hss-loadout-page .hss-candidate-list > button:hover { background: #ffffff06; }
.hss-shell .hss-loadout-page .hss-candidate-filter-details { flex: 0 0 auto; margin: 4px 0 8px; border: 0; background: transparent; }
.hss-shell .hss-loadout-page .hss-candidate-filter-details > summary { padding-inline: 0; }
.hss-shell .hss-loadout-page .hss-candidate-filter-details[open] { max-height: 65%; overflow: auto; }
.hss-shell .hss-loadout-page .hss-candidate-filters { grid-template-columns: repeat(2,minmax(0,1fr)); }
.hss-swap-inspection { min-width: 0; min-height: 0; overflow: auto; overscroll-behavior: contain; padding: 0 12px 20px 0; }
.hss-shell .hss-loadout-page .hss-swap-inspection .hss-inspector { display: flex; flex-direction: column; gap: 0; margin: 0; padding: 0; max-height: none; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.hss-shell .hss-loadout-page .hss-inspector-head { order: -2; min-height: 44px; padding: 0 0 16px; gap: 12px; border: 0; }
.hss-shell .hss-loadout-page .hss-inspector-head strong { font-size: 1.75rem; font-weight: 500; }
.hss-shell .hss-loadout-page .hss-inspector-head > span:first-child { display: flex; flex-direction: column; gap: 5px; }
.hss-shell .hss-loadout-page .hss-inspector-actions { order: -1; position: sticky; top: 0; z-index: 2; display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 0; margin: 0 0 18px; background: #0b0c0f; border: 0; border-top: 1px solid #ffffff15; border-bottom: 1px solid #ffffff15; }
.hss-shell .hss-loadout-page .hss-inspector-actions > span { display: flex; flex-direction: column; gap: 4px; }
.hss-shell .hss-loadout-page .hss-inspector-actions > span strong { font-size: .78rem; font-weight: 400; color: #d1bea0; }
.hss-shell .hss-loadout-page .hss-inspector-actions > span small { display: none; }
.hss-shell .hss-loadout-page .hss-inspector-action-buttons { justify-content: flex-start; gap: 8px; flex-wrap: wrap; }
.hss-upgrade-impact { padding: 6px 0 22px; }
.hss-upgrade-impact dl { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px 32px; margin: 16px 0 0; }
.hss-upgrade-impact dl > div { display: flex; flex-direction: column; gap: 4px; }
.hss-upgrade-impact dt { font-size: .8rem; color: #b8b0a0; }
.hss-upgrade-impact dd { margin: 0; font-size: 1.9rem; line-height: 1.2; font-weight: 500; font-variant-numeric: tabular-nums; }
.hss-upgrade-impact dd small { display: block; margin-top: 5px; font-weight: 400; line-height: 1.5; }
.hss-upgrade-impact small, .hss-upgrade-impact p { font-size: .75rem; color: #aaa69d; }
.hss-shell .hss-loadout-page .improved { color: #97c9b0; }
.hss-shell .hss-loadout-page .degraded { color: #e0a28b; }
.hss-loadout-comparison-table { width: 100%; border-collapse: collapse; table-layout: fixed; background: transparent; margin: 0; font-variant-numeric: tabular-nums; }
.hss-shell .hss-loadout-page .hss-loadout-comparison-table :is(th,td) { padding: 12px 10px; text-align: right; border: 0; border-bottom: 1px solid #ffffff12; background: transparent; font-size: .82rem; overflow-wrap: anywhere; }
.hss-shell .hss-loadout-page .hss-loadout-comparison-table th:first-child { text-align: left; width: 34%; padding-left: 0; }
.hss-shell .hss-loadout-page .hss-loadout-comparison-table thead th { color: #aaa69d; font-size: .72rem; font-weight: 400; }
.hss-shell .hss-loadout-page .hss-loadout-comparison-table tbody th { color: #c5beae; font-weight: 400; }
.hss-shell .hss-loadout-page .hss-inspector-section { border: 0; border-bottom: 1px solid #ffffff15; border-radius: 0; background: transparent; margin: 12px 0 0; }
.hss-shell .hss-loadout-page .hss-inspector-section > summary { background: transparent; padding: 16px 0; font-size: .85rem; }
.hss-swap-empty { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; min-height: 320px; padding: 40px; max-width: 580px; color: #aaa69d; }
.hss-swap-empty > svg { font-size: 2rem; color: #d7ad66; margin-bottom: 24px; }
.hss-swap-empty h3 { margin: 14px 0; font-size: 2rem; line-height: 1.2; font-weight: 500; color: #e8dfce; }
.hss-swap-empty p { font-size: .95rem; line-height: 1.7; }
.hss-swap-empty > small { margin-top: 14px; font-size: .78rem; }
.hss-shell .hss-loadout-page .hss-swap-content[data-editable="false"] { display: flex; flex-direction: column; gap: 16px; }
.hss-swap-content[data-editable="false"] .hss-swap-options { flex: 0 0 auto; }
.hss-swap-content[data-editable="false"] .hss-swap-inspection { flex: 1; }
.hss-fixed-component-metrics { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; margin: 24px 0; }
.hss-fixed-component-metrics dt { font-size: .8rem; color: #aaa69d; }
.hss-fixed-component-metrics dd { margin: 6px 0 0; font-size: 1rem; }
/* The complete simulation remains available, without consuming space by default. */
.hss-shell .hss-loadout-page .hss-flight-dock { grid-column: 2; grid-row: 3; display: flex; flex-direction: column; gap: 22px; min-height: 0; height: 100%; padding: 0 0 20px 24px; overflow: auto; border: 0; border-left: 1px solid #ffffff17; border-radius: 0; background: transparent; }
.hss-shell .hss-loadout-page .hss-fitting-readings { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.hss-fitting-readings > header { display: flex; flex-direction: column; gap: 5px; }
.hss-fitting-readings > header strong { font-size: 1.15rem; font-weight: 500; }
.hss-shell .hss-loadout-page .hss-fitting-power-controls { flex: 0 0 auto; display: grid; grid-template-columns: minmax(0,1fr); gap: 12px; height: auto; margin: 0; padding: 0; border: 0; background: transparent; box-shadow: none; }
.hss-shell .hss-loadout-page .hss-fitting-power-controls .hss-power-console-title { margin: 0; padding: 0; }
.hss-shell .hss-loadout-page .hss-fitting-power-controls .hss-power-towers { display: grid; grid-template-columns: repeat(var(--power-channel-count,8),minmax(0,1fr)); align-items: end; gap: 5px; padding: 0; margin: 0; border: 0; background: transparent; }
.hss-shell .hss-loadout-page .hss-flight-dock .hss-power-stack { height: calc(var(--power-stack-steps,6) * 14px + 22px); width: min(32px,94%); gap: 3px; }
.hss-shell .hss-loadout-page .hss-flight-dock .hss-power-segment { flex-basis: calc(var(--power-block-weight,1) * 14px - 3px); min-height: 11px; border-radius: 2px !important; transform: none; background: #ffffff08; box-shadow: none; }
.hss-shell .hss-loadout-page .hss-flight-dock .hss-power-segment.active { background: #bb9452; border-color: #c49a55; box-shadow: none; }
.hss-shell .hss-loadout-page .hss-flight-dock .hss-power-master { height: auto; min-height: 38px; padding: 5px 0; gap: 3px; }
.hss-shell .hss-loadout-page .hss-flight-dock .hss-power-master > svg { display: none; }
.hss-shell .hss-loadout-page .hss-flight-dock .hss-power-master strong { font-size: .7rem; }
.hss-shell .hss-loadout-page .hss-flight-dock .hss-power-master small { font-size: .65rem; }
.hss-shell .hss-loadout-page .hss-flight-dock .hss-power-readout { display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin: 0; padding: 8px 0; border: 0; background: transparent; }
.hss-shell .hss-loadout-page .hss-flight-dock .hss-power-readout small { font-size: .7rem; }
.hss-shell .hss-loadout-page .hss-flight-dock .hss-power-readout strong { font-size: 1rem; }
.hss-shell .hss-loadout-page .hss-flight-dock .hss-power-presets { display: flex; gap: 6px; margin: 0; }
.hss-shell .hss-loadout-page .hss-flight-dock .hss-power-presets button { flex: 1; min-height: 36px; padding: 6px; border-radius: 4px; font-size: .75rem; }
.hss-shell .hss-loadout-page .hss-flight-live { flex: 0 0 auto; padding-top: 20px; border-top: 1px solid #ffffff17; }
.hss-shell .hss-loadout-page .hss-flight-live .hss-loadout-analysis-rail { display: block; height: auto; max-height: none; overflow: visible; margin: 0; padding: 0 8px 0 0; border: 0; background: transparent; box-shadow: none; }
.hss-shell .hss-loadout-page .hss-flight-live .hss-power-console { padding: 0; border: 0; background: transparent; box-shadow: none; }
.hss-shell .hss-loadout-page .hss-flight-live .hss-dynamic-telemetry { padding: 18px 0 0; background: transparent; border-top: 1px solid #ffffff12; }
.hss-shell .hss-loadout-page .hss-flight-live .hss-telemetry-list > article { padding: 12px 0; background: transparent; border: 0; border-bottom: 1px solid #ffffff0c; border-radius: 0; box-shadow: none; }
.hss-shell .hss-loadout-page .hss-flight-live .hss-telemetry-icon { border: 0; background: transparent; box-shadow: none; }
.hss-shell .hss-loadout-page .hss-flight-live .hss-resource-meter { padding: 0 0 16px; }
.hss-shell .hss-loadout-page .hss-flight-live .hss-resource-meter > small { font-size: .72rem; }
.hss-shell .hss-loadout-page .hss-flight-live .hss-power-meta > span { padding: 8px 0; border: 0; border-radius: 0; background: transparent; }
.hss-shell .hss-loadout-page .hss-analysis-note { font-size: .75rem; line-height: 1.6; }
/* Deep analysis and build management use the same calm visual hierarchy. */
.hss-shell .hss-loadout-page[data-analysis="open"][data-view="fit"] :is(.hss-fitting-navigation,.hss-loadout-workspace) { display: none; }
.hss-shell .hss-loadout-page .hss-fitting-performance { grid-row: 2 / 4; grid-column: 1; display: flex; flex-direction: column; min-height: 0; overflow: hidden; border: 0; background: transparent; }
.hss-shell .hss-loadout-page[data-analysis="open"] .hss-flight-dock { grid-row: 2 / 4; }
.hss-analysis-heading { display: flex; justify-content: space-between; align-items: center; padding: 0 0 20px; }
.hss-analysis-heading h2 { margin: 5px 0 0; font-size: 1.6rem; font-weight: 500; }
.hss-shell .hss-loadout-page .hss-fitting-performance-scroll { flex: 1; min-height: 0; overflow: auto; padding: 0 12px 24px 0; }
.hss-shell .hss-loadout-page .hss-fitting-performance :is(.hss-loadout-analysis-rail,.hss-power-console,.hss-erkul-overview) { display: block; padding: 0; height: auto; overflow: visible; border: 0; background: transparent; box-shadow: none; }
.hss-shell .hss-loadout-page .hss-fitting-performance .hss-erkul-card-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px 40px; align-items: start; }
.hss-fitting-energy > summary, .hss-performance-section > summary { display: flex; align-items: center; gap: 10px; min-height: 52px; list-style: none; cursor: pointer; font-size: 1rem; }
.hss-fitting-energy > summary::-webkit-details-marker, .hss-performance-section > summary::-webkit-details-marker { display: none; }
.hss-fitting-energy > summary > svg:last-child, .hss-performance-section > summary > svg:last-child { margin-left: auto; }
.hss-performance-section { border-top: 1px solid #ffffff18; }
.hss-performance-section .hss-erkul-card-icon { width: 28px; height: 28px; border: 0; background: transparent; box-shadow: none; }
.hss-performance-body { padding: 8px 0 20px; }
.hss-performance-body .hss-erkul-stat-list dd { white-space: normal; overflow-wrap: anywhere; }
.hss-fitting-performance[data-focus="damage"] .hss-performance-section.damage,
.hss-fitting-performance[data-focus="defense"] .hss-performance-section.defense,
.hss-fitting-performance[data-focus="flight"] .hss-performance-section.flight,
.hss-fitting-performance[data-focus="systems"] .hss-performance-section.systems,
.hss-fitting-performance[data-focus="sensors"] .hss-performance-section.sensors,
.hss-fitting-performance[data-focus="hull"] .hss-performance-section.hull { order: -1; }
.hss-shell .hss-loadout-page[data-view="build"] .hss-build-console { max-width: 1200px; padding: 28px 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.hss-shell .hss-loadout-page[data-view="build"] .hss-loadout-disclosure { border: 0; border-radius: 0; border-bottom: 1px solid #ffffff18; background: transparent; }
.hss-shell .hss-loadout-page[data-view="build"] .hss-loadout-disclosure > summary { background: transparent; padding: 18px 0; }
.hss-shell .hss-loadout-page .hss-loadout-start { max-width: 820px; margin: 32px 0; padding: 30px 0; border: 0; border-top: 1px solid #ffffff20; background: transparent; box-shadow: none; }
.hss-shell .hss-loadout-page .hss-loadout-start header strong { font-size: 1.65rem; }
.hss-shell .hss-loadout-page .hss-loadout-saved-list { display: flex; flex-direction: column; overflow: auto; flex: 1 1 0; min-height: 0; gap: 0; }
.hss-shell .hss-loadout-page .hss-loadout-saved-list .hss-blueprint-card { flex: 0 0 auto; border: 0; border-bottom: 1px solid #ffffff15; border-radius: 0; padding: 18px 0; background: transparent; box-shadow: none; text-align: left; }
.hss-shell .hss-loadout-page :is(button,summary,a,input):focus-visible { outline: 2px solid #e4a738; outline-offset: -2px; }
/* Respond to the actual desktop app window, independently of monitor width. */
@container hss-loadout (min-width: 1600px) {
    .hss-shell .hss-loadout-page[data-view="fit"] > .hss-loadout-studio { grid-template-columns: 170px minmax(0,1fr); grid-template-rows: auto minmax(0,1fr); gap: 26px 36px; }
    .hss-shell .hss-loadout-page[data-view="fit"][data-energy="open"] > .hss-loadout-studio { grid-template-columns: 170px minmax(0,1fr) 320px; }
    .hss-shell .hss-loadout-page .hss-fitting-navigation { grid-column: 1; grid-row: 2; flex-direction: column; align-items: stretch; gap: 8px; }
    .hss-shell .hss-loadout-page .hss-fitting-navigation button { justify-content: flex-start; min-height: 46px; padding: 12px; }
    .hss-shell .hss-loadout-page[data-view="fit"][data-picker] .hss-loadout-workspace { grid-column: 2; grid-row: 2; }
    .hss-shell .hss-loadout-page .hss-flight-dock { grid-column: 3; grid-row: 2; }
    .hss-shell .hss-loadout-page .hss-fitting-performance { grid-column: 1 / 3; grid-row: 2; }
    .hss-shell .hss-loadout-page[data-analysis="open"] .hss-flight-dock { grid-row: 2; }
}
@container hss-loadout (max-width: 1100px) {
    .hss-loadout-impact { gap: 16px; padding-block: 16px; }
    .hss-impact-caption { display: none; }
    .hss-impact-value { grid-template-columns: minmax(0,1fr); }
    .hss-shell .hss-loadout-page .hss-loadout-build-status strong { display: none; }
    .hss-shell .hss-loadout-page .hss-swap-content { grid-template-columns: 230px minmax(0,1fr); gap: 24px; }
    .hss-shell .hss-loadout-page .hss-candidate-filters { grid-template-columns: minmax(0,1fr); }
    .hss-shell .hss-loadout-page .hss-system-browser > header { align-items: flex-start; flex-wrap: wrap; gap: 12px; }
    .hss-shell .hss-loadout-page .hss-loadout-system-groups { gap: 24px; }
    .hss-shell .hss-loadout-page[data-energy="open"] .hss-loadout-system-groups { grid-template-columns: minmax(0,1fr); }
    .hss-shell .hss-loadout-page[data-energy="open"] .hss-swap-content { grid-template-columns: minmax(0,1fr); overflow: auto; }
    .hss-shell .hss-loadout-page[data-energy="open"] .hss-swap-options { min-height: 250px; max-height: 340px; }
    .hss-shell .hss-loadout-page[data-energy="open"] .hss-swap-inspection { overflow: visible; }
}
@container hss-loadout (max-width: 800px) {
    .hss-shell .hss-loadout-page .hss-workspace-head { flex-wrap: wrap; gap: 12px; margin-bottom: 12px; }
    .hss-loadout-subtitle { display: none; }
    .hss-shell .hss-loadout-page .hss-loadout-taskbar { flex-wrap: wrap; gap: 4px 12px; }
    .hss-shell .hss-loadout-page .hss-view-switch { gap: 16px; }
    .hss-shell .hss-loadout-page .hss-loadout-build-status { display: none; }
    .hss-loadout-impact { flex-wrap: wrap; gap: 12px; }
    .hss-impact-value { flex: 1 0 20%; }
    .hss-shell .hss-loadout-page .hss-energy-toggle { padding: 6px 10px; }
    .hss-energy-toggle > span { flex-direction: row; align-items: center; gap: 12px; }
    .hss-shell .hss-loadout-page .hss-loadout-system-groups { grid-template-columns: minmax(0,1fr); }
    .hss-shell .hss-loadout-page[data-view="fit"][data-energy="open"] > .hss-loadout-studio { grid-template-columns: minmax(0,1fr); }
    .hss-shell .hss-loadout-page[data-energy="open"] .hss-flight-dock { grid-column: 1; grid-row: 2 / 4; padding: 0 12px 20px 0; border: 0; background: #0b0c0f; z-index: 3; }
    .hss-shell .hss-loadout-page[data-energy="open"] :is(.hss-fitting-navigation,.hss-loadout-workspace,.hss-fitting-performance) { visibility: hidden; }
    .hss-shell .hss-loadout-page .hss-fitting-performance .hss-erkul-card-grid { grid-template-columns: minmax(0,1fr); }
    .hss-shell .hss-loadout-page .hss-swap-content { grid-template-columns: 200px minmax(0,1fr); gap: 18px; }
    .hss-shell .hss-loadout-page .hss-candidate-list .hss-candidate-metrics { gap: 8px; }
    .hss-shell .hss-loadout-page .hss-swap-options .hss-candidate-list > button { grid-template-columns: minmax(0,1fr); grid-template-areas: "copy" "metrics" "state"; padding: 12px 8px; }
    .hss-shell .hss-loadout-page .hss-candidate-list .hss-state-badge { justify-self: start; }
    .hss-shell .hss-loadout-page .hss-loadout-comparison-table :is(th,td) { padding: 10px 5px; font-size: .75rem; }
    .hss-installed-summary > header { flex-wrap: wrap; gap: 8px; }
    .hss-upgrade-impact dl { gap: 16px; }
    .hss-upgrade-impact dd { font-size: 1.4rem; }
    .hss-shell .hss-loadout-page[data-view="build"] .hss-build-primary { grid-template-columns: minmax(0,1fr); }
}
/* Short desktop windows keep the component task above the fold. */
@container hss-loadout (max-height: 800px) {
    .hss-shell .hss-loadout-page .hss-workspace-head { margin-bottom: 8px; }
    .hss-shell .hss-loadout-page .hss-workspace-head h1 { font-size: 1.65rem; margin: 3px 0; }
    .hss-loadout-subtitle { display: none; }
    .hss-shell .hss-loadout-page .hss-view-switch .mud-button-root { min-height: 40px; }
    .hss-loadout-impact { padding-block: 10px; }
    .hss-shell .hss-loadout-page[data-view="fit"] > .hss-loadout-studio { row-gap: 12px; }
    .hss-shell .hss-loadout-page .hss-system-browser > header { padding-bottom: 10px; }
    .hss-system-browser > header > span > small { display: none; }
    .hss-shell .hss-loadout-page .hss-system-browser > header strong { font-size: 1.15rem; }
    .hss-shell .hss-loadout-page .hss-candidate-browser > header { padding-bottom: 8px; }
    .hss-installed-summary { padding: 8px 12px; margin-bottom: 12px; }
    .hss-upgrade-impact dl { gap: 12px 24px; margin-top: 10px; }
    .hss-upgrade-impact dd { font-size: 1.5rem; }
}
@container hss-loadout (max-height: 600px) {
    .hss-shell .hss-loadout-page .hss-workspace-head .hss-overline { display: none; }
    .hss-shell .hss-loadout-page .hss-workspace-head { margin-bottom: 4px; }
    .hss-loadout-impact { padding-block: 6px; }
    .hss-shell .hss-loadout-page .hss-candidate-browser > header { min-height: 36px; margin: 0; padding-bottom: 4px; }
    .hss-shell .hss-loadout-page .hss-candidate-browser > header strong { font-size: 1.1rem; }
    .hss-installed-summary { padding: 6px 10px; margin-bottom: 8px; }
    .hss-alternatives-heading { display: none; }
    .hss-shell .hss-loadout-page .hss-candidate-filter-details { margin-block: 2px; }
    .hss-shell .hss-loadout-page .hss-candidate-filter-details > summary { min-height: 32px; padding-block: 6px; }
    .hss-shell .hss-loadout-page .hss-swap-options .hss-candidate-list { margin-top: 0; min-height: 80px; }
    .hss-shell .hss-loadout-page .hss-swap-options .hss-candidate-list > button { min-height: 90px; padding-block: 10px; }
    .hss-shell .hss-loadout-page .hss-inspector-head { min-height: 0; padding-bottom: 8px; }
    .hss-shell .hss-loadout-page .hss-inspector-head strong { font-size: 1.3rem; }
    .hss-shell .hss-loadout-page .hss-inspector-actions { padding-block: 8px; margin-bottom: 10px; }
}

.hss-swap-options, .hss-swap-inspection { height: 100%; }