:root {
  --ui-bg: #050b18;
  --ui-bg-deep: #020711;
  --ui-surface: #0b1730;
  --ui-surface-raised: #102343;
  --ui-surface-soft: #132a4d;
  --ui-line: rgba(86, 232, 255, .2);
  --ui-line-strong: rgba(86, 232, 255, .48);
  --ui-cyan: #56e8ff;
  --ui-green: #63f2a1;
  --ui-blue: #5ea7ff;
  --ui-red: #ff5c78;
  --ui-amber: #ffc857;
  --ui-violet: #b58cff;
  --ui-text: #edf7ff;
  --ui-muted: #91a5c6;
  --ui-dim: #607493;
  --ui-radius: 12px;
  --ui-space: 8px;
  --ui-shadow: 0 24px 90px rgba(0, 0, 0, .58);
}

/* Acceso */
#start-screen {
  padding: clamp(12px, 2vw, 28px);
  background:
    linear-gradient(rgba(5, 11, 24, .35), rgba(2, 7, 17, .92)),
    radial-gradient(circle at 18% 32%, rgba(86, 232, 255, .18), transparent 28%),
    radial-gradient(circle at 84% 70%, rgba(181, 140, 255, .13), transparent 26%),
    repeating-linear-gradient(0deg, transparent 0 79px, rgba(86, 232, 255, .025) 80px),
    repeating-linear-gradient(90deg, transparent 0 79px, rgba(86, 232, 255, .025) 80px),
    var(--ui-bg-deep);
}

.panel.start-console {
  display: grid;
  grid-template-columns: minmax(360px, 1.1fr) minmax(330px, .9fr);
  width: min(1080px, 100%);
  max-height: min(780px, calc(100dvh - 32px));
  padding: 0;
  overflow: hidden;
  border-color: var(--ui-line-strong);
  border-radius: 18px;
  background: rgba(5, 11, 24, .94);
  box-shadow: var(--ui-shadow), inset 0 1px rgba(255,255,255,.05);
  text-align: left;
}

.start-identity,
.start-access {
  min-width: 0;
  overflow-y: auto;
  padding: clamp(28px, 4vw, 54px);
  overscroll-behavior: contain;
  touch-action: pan-y;
}

.start-identity {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-right: 1px solid var(--ui-line);
  background:
    radial-gradient(circle at 35% 30%, rgba(86, 232, 255, .13), transparent 36%),
    linear-gradient(145deg, rgba(16, 35, 67, .76), rgba(5, 11, 24, .7));
}

.start-eyebrow,
.start-access-heading > span,
.management-kicker {
  color: var(--ui-cyan);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .16em;
}

.start-console h1 {
  margin-top: 14px;
  font-size: clamp(58px, 8vw, 94px);
  letter-spacing: -.07em;
}

.start-console .tagline { margin-bottom: 22px; color: #a9bddb; }
.start-intro { max-width: 560px; margin: 0; color: #c5d2e7; font-size: 15px; line-height: 1.6; }
.start-feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 28px; }
.start-feature-grid article { padding: 12px; border: 1px solid var(--ui-line); border-radius: 10px; background: rgba(11, 23, 48, .72); }
.start-feature-grid strong, .start-feature-grid span { display: block; }
.start-feature-grid strong { color: var(--ui-amber); font-size: 10px; letter-spacing: .1em; }
.start-feature-grid span { margin-top: 6px; color: var(--ui-muted); font-size: 11px; line-height: 1.35; }
.start-console .start-ranking { display: none; margin: 28px 0 0; padding: 14px; border-color: var(--ui-line); background: rgba(5, 11, 24, .62); }
.start-console .start-ranking.visible { display: block; }
.start-console .start-ranking h2 { font-size: 11px; }
.start-console .start-ranking ol { gap: 6px; font-size: 12px; }

.start-access { background: rgba(8, 18, 38, .86); }
.start-access-heading { margin-bottom: 18px; }
.start-access-heading small { display: block; margin-top: 6px; color: var(--ui-muted); font-size: 12px; }
.start-access .tutorial { grid-template-columns: repeat(3, 1fr); gap: 7px; }
.start-access .tutorial-step { display: block; min-height: 74px; padding: 10px; background: rgba(16, 35, 67, .62); }
.start-access .tutorial-icon { display: block; width: auto; margin-bottom: 6px; color: var(--ui-cyan); font-size: 10px; font-weight: 900; text-align: left; }
.start-access input { border-color: var(--ui-line); border-radius: 9px; background: var(--ui-bg); }
.start-access button[type="submit"] { background: linear-gradient(135deg, var(--ui-cyan), #23bfdc); }
.start-secondary-actions { display: grid; grid-template-columns: 1fr 1.4fr; gap: 8px; }
.start-secondary-actions button { height: 42px; margin-top: 8px; }
.start-access .account-toggle { border-color: var(--ui-line-strong); }
.start-access.account-mode > .start-access-heading,
.start-access.account-mode > .tutorial,
.start-access.account-mode > label[for="name"],
.start-access.account-mode > #name,
.start-access.account-mode > #join-faction,
.start-access.account-mode > button[type="submit"],
.start-access.account-mode > .start-secondary-actions { display: none; }
.start-access.account-mode { display: flex; flex-direction: column; justify-content: center; }
.start-access.account-mode .account-form { width: 100%; margin: 0; padding: 0; border: 0; background: transparent; }
.account-view-header { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; }
.account-view-header .account-back { flex: 0 0 auto; width: auto; height: 36px; margin: 0; padding: 0 11px; border: 1px solid var(--ui-line-strong); color: var(--ui-cyan); background: transparent; box-shadow: none; font-size: 10px; }
.account-form-heading strong, .account-form-heading span { display: block; }
.account-form-heading strong { color: var(--ui-violet); font-size: 11px; letter-spacing: .1em; }
.account-form-heading span { margin-top: 3px; color: var(--ui-muted); font-size: 10px; }
.account-mode-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin-bottom: 16px; padding: 4px; border: 1px solid var(--ui-line); border-radius: 10px; background: var(--ui-bg); }
.account-mode-tabs button { height: 40px; margin: 0; border: 1px solid transparent; color: var(--ui-muted); background: transparent; box-shadow: none; font-size: 10px; }
.account-mode-tabs button[aria-selected="true"] { border-color: var(--ui-line-strong); color: var(--ui-text); background: rgba(86,232,255,.11); }
.account-form.account-login-mode #account-faction,
.account-form.account-login-mode #account-register,
.account-form.account-login-mode .account-register-only { display: none; }
.account-form.account-register-mode #account-login { display: none; }
.start-access.account-mode #status { margin-top: 12px; }

/* Consola de mando */
.management-overlay {
  inset: max(12px, var(--safe-top)) max(12px, var(--safe-right)) max(12px, var(--safe-bottom)) max(12px, var(--safe-left));
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  width: min(1420px, calc(100vw - 24px));
  height: min(900px, calc(100dvh - 24px));
  max-height: none;
  padding: 0;
  overflow: hidden;
  border-color: var(--ui-line-strong);
  border-radius: 16px;
  background: rgba(5, 11, 24, .985);
  box-shadow: var(--ui-shadow);
}

.management-header {
  min-height: 76px;
  padding: 12px 16px 12px 20px;
  border-bottom: 1px solid var(--ui-line);
  background: linear-gradient(90deg, rgba(16,35,67,.9), rgba(7,16,34,.96));
}

.management-brand { min-width: 190px; }
.management-title { margin-top: 3px; color: var(--ui-text); font-size: 20px; }
.management-subtitle { margin: 2px 0 0; font-size: 11px; }
.management-context-metrics { display: grid; grid-template-columns: repeat(4, minmax(92px, 1fr)); flex: 1; max-width: 720px; gap: 8px; }
.management-context-metrics > span { min-width: 0; padding: 8px 10px; border-left: 1px solid var(--ui-line); }
.management-context-metrics small, .management-context-metrics strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.management-context-metrics small { color: var(--ui-dim); font-size: 9px; font-weight: 800; letter-spacing: .1em; }
.management-context-metrics strong { margin-top: 4px; color: var(--ui-text); font-size: 12px; }
.management-context-metrics > span:nth-child(3) strong { color: var(--ui-green); }
.management-context-metrics > span:nth-child(4) strong { color: var(--ui-amber); }
.management-close, .management-back { border-radius: 9px; }

.management-shell { display: grid; grid-template-columns: 238px minmax(0, 1fr); min-height: 0; }
.management-sidebar { display: flex; min-height: 0; flex-direction: column; border-right: 1px solid var(--ui-line); background: #071024; }
.management-sidebar nav { flex: 1; min-height: 0; padding: 14px 12px; overflow-y: auto; }
.management-nav-label { display: block; margin: 14px 11px 6px; color: var(--ui-dim); font-size: 9px; font-weight: 900; letter-spacing: .14em; }
.management-nav-label:first-child { margin-top: 2px; }
.management-sidebar button { display: grid; grid-template-columns: 30px 1fr; align-items: center; width: 100%; height: 42px; margin: 2px 0; padding: 0 12px; border: 1px solid transparent; border-radius: 8px; color: #b7c6df; background: transparent; box-shadow: none; text-align: left; }
.management-sidebar button b { color: var(--ui-cyan); font-size: 15px; text-align: center; }
.management-sidebar button span { font-size: 12px; font-weight: 800; letter-spacing: .02em; }
.management-sidebar button:hover, .management-sidebar button.active { border-color: var(--ui-line); color: var(--ui-text); background: rgba(86,232,255,.1); }
.management-sidebar button.active { border-left-color: var(--ui-cyan); }
.management-sidebar button[disabled] { opacity: .38; cursor: not-allowed; }
.management-sidebar .management-disconnect { flex: 0 0 auto; margin: 8px; width: calc(100% - 16px); color: #ff9bb0; border-color: rgba(255,92,120,.25); background: rgba(255,92,120,.06); }
.management-sidebar .management-disconnect b { color: var(--ui-red); }

.management-workspace { min-width: 0; min-height: 0; overflow-y: auto; padding: clamp(14px, 2vw, 24px); background: radial-gradient(circle at 100% 0, rgba(86,232,255,.05), transparent 28%), var(--ui-bg); }
.management-welcome { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 20px; border: 1px solid var(--ui-line); border-radius: var(--ui-radius); background: linear-gradient(120deg, rgba(16,35,67,.92), rgba(11,23,48,.72)); }
.management-welcome span { color: var(--ui-cyan); font-size: 10px; font-weight: 900; letter-spacing: .12em; }
.management-welcome h3 { margin: 6px 0 0; color: var(--ui-text); font-size: 23px; }
.management-welcome p { margin: 5px 0 0; color: var(--ui-muted); font-size: 12px; }
.management-status-chip { flex: 0 0 auto; padding: 7px 10px; border: 1px solid rgba(99,242,161,.35); border-radius: 999px; color: var(--ui-green); background: rgba(99,242,161,.08); font-size: 10px; font-weight: 900; }
.management-group { border-color: var(--ui-line); border-radius: var(--ui-radius); background: rgba(11,23,48,.7); }
.management-group h3 { color: var(--ui-muted); }
.management-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.management-action { min-height: 82px; border-color: var(--ui-line); border-radius: 10px; background: linear-gradient(145deg, var(--ui-surface-raised), var(--ui-surface)); }
.management-action:hover { border-color: var(--ui-line-strong); transform: translateY(-1px); }
.management-action strong { color: var(--ui-text); }
.management-action.secondary strong { color: var(--ui-amber); }
.management-view { margin: 0; }
.management-view-header { position: sticky; z-index: 5; top: -24px; margin: -24px -24px 18px; padding: 14px 24px; border-bottom: 1px solid var(--ui-line); background: rgba(5,11,24,.96); backdrop-filter: blur(12px); }
.management-view h3 { color: var(--ui-text); letter-spacing: .05em; }
.management-back { order: 2; border-color: var(--ui-line-strong); color: var(--ui-cyan); background: rgba(86,232,255,.07); }
.management-card-grid { grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 8px; }
.management-card { min-width: 0; border-color: var(--ui-line); background: var(--ui-surface); }
.management-card span { color: var(--ui-muted); }
.management-note { border: 1px solid rgba(255,200,87,.16); background: rgba(255,200,87,.06); }
.career-rank-grid { grid-template-columns: repeat(auto-fit, minmax(215px, 1fr)); gap: 10px; }
.career-rank-card { padding: 14px; }
.career-rank-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.career-rank-heading span, .career-rank-heading strong { display: block; }
.career-rank-heading strong { margin-top: 5px; color: var(--ui-cyan); font-size: 15px; }
.career-rank-heading b { flex: 0 0 auto; padding: 5px 7px; border: 1px solid var(--ui-line-strong); border-radius: 6px; color: var(--ui-cyan); font-size: 9px; }
.career-next-title { min-height: 28px; margin: 13px 0 8px; color: var(--ui-text); font-size: 10px; font-weight: 900; line-height: 1.4; letter-spacing: .04em; }
.career-requirement { margin-top: 8px; }
.career-requirement > div:first-child { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.career-requirement span { font-size: 9px; font-weight: 800; letter-spacing: .08em; }
.career-requirement strong { margin: 0; color: var(--ui-text); font-size: 10px; }
.career-progress-track { height: 7px; margin-top: 4px; overflow: hidden; border: 1px solid rgba(86,232,255,.2); border-radius: 999px; background: #050b18; }
.career-progress-track i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #18b7d0, var(--ui-cyan)); }
.career-missing, .career-rank-maximum { margin: 12px 0 0; padding-top: 9px; border-top: 1px solid var(--ui-line); color: var(--ui-amber); font-size: 10px; font-weight: 900; }
.career-rank-maximum { color: var(--ui-green); }
.management-help-station { margin-bottom: 14px; padding: 16px; border: 1px solid var(--ui-line-strong); border-radius: var(--ui-radius); background: rgba(16,35,67,.72); }
.management-help-station h3 { margin: 0 0 8px; color: var(--ui-cyan); font-size: 14px; letter-spacing: .09em; }
.ingame-overlay, .ship-loss-recovery-panel { border-color: var(--ui-line-strong) !important; border-radius: var(--ui-radius) !important; color: var(--ui-text); background: rgba(5,11,24,.98) !important; box-shadow: var(--ui-shadow); }
.ingame-overlay-title { color: var(--ui-cyan); letter-spacing: .12em; }
.guild-list li { border-color: var(--ui-line); background: var(--ui-surface); }
.transport-contract-alert { border-color: rgba(181,140,255,.58); border-radius: 10px; background: rgba(11,23,48,.94); }
.ship-loss-recovery { background: rgba(2,7,17,.82); backdrop-filter: blur(8px); }
.ship-loss-recovery-grid > div, .ship-loss-replacements { border-color: var(--ui-line); background: var(--ui-surface); }

/* Economía, industria y hangares */
.economy-context-bar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; margin-bottom: 14px; overflow: hidden; border: 1px solid var(--ui-line); border-radius: 10px; background: var(--ui-line); }
.economy-context-bar > span { min-width: 0; padding: 10px 12px; background: var(--ui-surface); }
.economy-context-bar small, .economy-context-bar strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.economy-context-bar small { color: var(--ui-dim); font-size: 8px; font-weight: 900; letter-spacing: .12em; }
.economy-context-bar strong { margin-top: 5px; font-size: 11px; }
.economy-transfer-panel, .craft-defense-card, .economy-trade-card, .tactical-advisor { border-radius: var(--ui-radius); background: var(--ui-surface); }
.inventory-sections { grid-template-columns: minmax(260px, .8fr) minmax(420px, 1.2fr); }
.inventory-sections .economy-transfer-panel, .personal-components-panel { padding: 16px; }
.ship-inventory-grid { grid-template-columns: repeat(auto-fill, minmax(128px, 1fr)); }
.ship-inventory-slot { min-height: 154px; border-color: var(--ui-line); background: var(--ui-surface-raised); }
.ship-inventory-slot:hover { border-color: var(--ui-line-strong); }
.ship-inventory-slot img { width: 76px; height: 76px; }
.ship-inventory-slot span { color: #03101a; background: var(--ui-cyan); }
.economy-row { min-height: 62px; border-color: var(--ui-line); border-radius: 10px; background: var(--ui-surface); }
.economy-row:hover { border-color: rgba(86,232,255,.36); background: var(--ui-surface-raised); }
.hangar-ship-row { display: grid; grid-template-columns: 72px minmax(0, 1fr) auto; align-items: center; min-height: 94px; }
.hangar-assets-grid { grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); }
.hangar-ship-image { width: 64px; height: 64px; object-fit: contain; filter: drop-shadow(0 0 9px rgba(86,232,255,.24)); }
.hangar-ship-description { min-width: 0; }
.hangar-console { overflow: hidden; border: 1px solid var(--ui-line); border-radius: var(--ui-radius); background: rgba(3,10,23,.7); }
.hangar-console-tabs { display: grid; grid-template-columns: repeat(3, minmax(130px, 1fr)); max-width: 720px; margin: 16px 16px 0; border-bottom: 1px solid var(--ui-line); }
.hangar-console-tabs .economy-small-button { height: 40px; border: 0; border-bottom: 2px solid transparent; border-radius: 0; color: var(--ui-muted); background: transparent; }
.hangar-console-tabs .economy-small-button.selected { border-bottom-color: var(--ui-cyan); color: var(--ui-cyan); background: rgba(86,232,255,.07); }
.hangar-console-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(270px, 350px); min-height: 520px; }
.hangar-browser { min-width: 0; padding: 16px; }
.hangar-tools { display: grid; grid-template-columns: minmax(180px, 1fr) 150px 150px; gap: 8px; margin-bottom: 14px; }
.hangar-tools input, .hangar-tools select { min-width: 0; height: 40px; margin: 0; padding: 0 12px; border: 1px solid var(--ui-line); border-radius: 8px; color: var(--ui-text); background: var(--ui-bg); font: 800 10px system-ui; }
.hangar-tools input:focus, .hangar-tools select:focus { outline: 1px solid var(--ui-cyan); border-color: var(--ui-cyan); }
.hangar-card-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 10px; align-content: start; }
.hangar-ship-card { position: relative; display: flex; min-width: 0; min-height: 250px; margin: 0; padding: 13px; flex-direction: column; overflow: hidden; border: 1px solid var(--ui-line); border-radius: 10px; color: var(--ui-text); background: linear-gradient(150deg, rgba(16,35,67,.9), rgba(5,11,24,.96)); box-shadow: none; text-align: left; }
.hangar-ship-card::after { position: absolute; right: -25%; bottom: -42%; width: 80%; height: 72%; border-radius: 50%; background: radial-gradient(circle, rgba(86,232,255,.13), transparent 65%); content: ''; pointer-events: none; }
.hangar-ship-card:hover, .hangar-ship-card.selected { transform: translateY(-1px); border-color: var(--ui-line-strong); background: linear-gradient(150deg, rgba(16,42,76,.96), rgba(5,11,24,.98)); }
.hangar-ship-card.selected { box-shadow: inset 0 0 0 1px var(--ui-cyan), 0 0 24px rgba(86,232,255,.08); }
.hangar-card-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; }
.hangar-card-top strong { overflow: hidden; color: var(--ui-text); font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.hangar-card-top b { flex: 0 0 auto; padding: 5px 6px; border: 1px solid var(--ui-line-strong); border-radius: 5px; color: var(--ui-cyan); font-size: 9px; }
.hangar-card-state { align-self: flex-start; margin-top: 6px; padding: 3px 6px; border: 1px solid var(--ui-line); border-radius: 4px; color: var(--ui-blue); background: rgba(94,167,255,.08); font-size: 8px; font-weight: 900; letter-spacing: .06em; }
.hangar-card-state-active { border-color: rgba(99,242,161,.38); color: var(--ui-green); background: rgba(99,242,161,.08); }
.hangar-card-state-cargo { border-color: rgba(255,200,87,.4); color: var(--ui-amber); background: rgba(255,200,87,.08); }
.hangar-ship-card > img { z-index: 1; width: 100%; height: 142px; margin: 4px 0; object-fit: contain; filter: drop-shadow(0 12px 15px rgba(0,0,0,.55)) drop-shadow(0 0 10px rgba(86,232,255,.22)); }
.hangar-card-footer { z-index: 1; margin-top: auto; padding-top: 9px; border-top: 1px solid var(--ui-line); color: var(--ui-muted); font-size: 10px; font-weight: 900; letter-spacing: .08em; }
.hangar-inspector { min-width: 0; padding: 16px; border-left: 1px solid var(--ui-line); background: linear-gradient(180deg, rgba(11,23,48,.9), rgba(5,11,24,.98)); }
.hangar-inspector-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.hangar-inspector-header h3 { margin: 0; color: var(--ui-violet); font-size: 19px; }
.hangar-inspector-header span { display: block; margin-top: 5px; color: var(--ui-muted); font-size: 9px; font-weight: 800; letter-spacing: .08em; }
.hangar-inspector-header > strong { padding: 7px 9px; border: 1px solid rgba(181,140,255,.48); border-radius: 6px; color: var(--ui-violet); font-size: 22px; line-height: 1; text-align: center; }
.hangar-inspector-header > strong small { display: block; margin-bottom: 4px; font-size: 8px; letter-spacing: .08em; }
.hangar-inspector-stage { position: relative; display: grid; height: 190px; margin: 10px 0 14px; place-items: center; overflow: hidden; background: radial-gradient(ellipse at center, rgba(39,103,171,.2), transparent 62%); }
.hangar-inspector-stage::after { position: absolute; bottom: 18px; width: 78%; height: 28px; border: 1px solid rgba(86,232,255,.22); border-radius: 50%; box-shadow: 0 0 18px rgba(86,232,255,.12); content: ''; }
.hangar-inspector-stage img { z-index: 1; width: 92%; height: 175px; object-fit: contain; filter: drop-shadow(0 12px 16px rgba(0,0,0,.6)) drop-shadow(0 0 12px rgba(86,232,255,.28)); }
.hangar-stat-list { display: grid; gap: 8px; }
.hangar-stat-list > div { display: grid; grid-template-columns: 72px minmax(70px, 1fr) 58px; align-items: center; gap: 8px; }
.hangar-stat-list span { color: var(--ui-muted); font-size: 9px; font-weight: 800; }
.hangar-stat-list i { height: 5px; overflow: hidden; border: 1px solid var(--ui-line); border-radius: 99px; background: var(--ui-bg-deep); }
.hangar-stat-list i::after { display: block; width: var(--hangar-stat); height: 100%; background: linear-gradient(90deg, #1485d8, var(--ui-cyan)); content: ''; }
.hangar-stat-list b { color: var(--ui-text); font-size: 10px; text-align: right; }
.hangar-status { margin-top: 16px; padding: 10px; border: 1px solid var(--ui-line); border-radius: 8px; color: var(--ui-blue); background: rgba(94,167,255,.07); font-size: 9px; font-weight: 900; letter-spacing: .05em; }
.hangar-status-active { border-color: rgba(99,242,161,.3); color: var(--ui-green); background: rgba(99,242,161,.07); }
.hangar-status-cargo { border-color: rgba(255,200,87,.3); color: var(--ui-amber); background: rgba(255,200,87,.07); }
.hangar-inspector-actions { display: grid; gap: 7px; margin-top: 10px; }
.hangar-inspector-actions .economy-small-button { min-height: 42px; color: #041019; background: linear-gradient(135deg, var(--ui-cyan), #23bfdc); }
.hangar-inspector-actions .economy-small-button:disabled { color: var(--ui-green); border-color: rgba(99,242,161,.3); background: rgba(99,242,161,.08); opacity: 1; }
.economy-small-button { min-height: 36px; border: 1px solid var(--ui-line-strong); border-radius: 8px; color: #041019; background: var(--ui-cyan); }
.economy-small-button:not(.selected):not(.economy-sell):not(.economy-cancel) { color: var(--ui-text); background: rgba(86,232,255,.09); }
.economy-small-button.economy-sell { background: rgba(99,242,161,.1); }
.economy-tabs { padding: 4px; border: 1px solid var(--ui-line); border-radius: 10px; background: rgba(5,11,24,.65); }
.economy-tabs .economy-small-button { flex: 1; }
.market-item-selector, .economy-order-form input, .economy-order-form select, .market-tools input, .market-tools select, .craft-tools input, .craft-tools select { border-color: var(--ui-line); background: var(--ui-bg); }
.economy-book { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.economy-book > div { border-color: var(--ui-line); background: rgba(7,16,36,.75); }
.market-workspace { display: grid; grid-template-columns: minmax(190px, .66fr) minmax(420px, 1.5fr) minmax(250px, .84fr); gap: 10px; align-items: start; }
.market-pane { min-width: 0; padding: 12px; border: 1px solid var(--ui-line); border-radius: var(--ui-radius); background: rgba(11,23,48,.72); }
.market-pane-title { margin: -2px 0 12px; padding-bottom: 9px; border-bottom: 1px solid var(--ui-line); }
.market-pane-title strong, .market-pane-title small { display: block; }
.market-pane-title strong { color: var(--ui-text); font-size: 11px; letter-spacing: .1em; }
.market-pane-title small { margin-top: 4px; color: var(--ui-muted); font-size: 9px; }
.market-browser .economy-tabs { display: grid; grid-template-columns: 1fr; overflow: visible; }
.market-browser .management-card-grid { grid-template-columns: 1fr; }
.market-inspector .economy-order-form { grid-template-columns: 1fr; }
.market-inspector .economy-small-button { width: 100%; }
.market-orders .market-tools { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.craft-detail-panel, .craft-info-panel, .trade-inventory-panel { border-color: var(--ui-line-strong); background: var(--ui-bg); }
.craft-recipe-list { grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); }
.craft-recipe-row { align-items: flex-start; min-height: 96px; }
.craft-row-actions { align-self: stretch; }

@media (max-width: 900px) {
  .panel.start-console { grid-template-columns: 1fr; overflow-y: auto; }
  .start-identity, .start-access { overflow: visible; }
  .start-identity { border-right: 0; border-bottom: 1px solid var(--ui-line); }
  .start-feature-grid { grid-template-columns: 1fr; }
  .management-context-metrics { grid-template-columns: repeat(2, minmax(90px, 1fr)); }
  .management-shell { grid-template-columns: 188px minmax(0, 1fr); }
  .management-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .inventory-sections { grid-template-columns: 1fr; }
  .market-workspace { grid-template-columns: 1fr; }
  .market-browser .economy-tabs { display: flex; overflow-x: auto; }
  .market-browser .management-card-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .hangar-console-layout { grid-template-columns: 1fr; }
  .hangar-inspector { border-top: 1px solid var(--ui-line); border-left: 0; }
  .hangar-tools { grid-template-columns: 1fr 1fr; }
  .hangar-tools input { grid-column: 1 / -1; }
}

@media (max-height: 700px) {
  .start-access.account-mode { justify-content: flex-start; }
}

@media (max-width: 680px), (max-height: 520px) and (pointer: coarse) {
  .management-overlay { inset: 0; width: 100vw; height: 100dvh; border: 0; border-radius: 0; }
  .management-header { min-height: 60px; padding: 8px 10px; }
  .management-brand { min-width: 118px; }
  .management-kicker, .management-subtitle { display: none; }
  .management-title { font-size: 16px; }
  .management-context-metrics { grid-template-columns: repeat(2, minmax(74px, 1fr)); gap: 2px; }
  .management-context-metrics > span { padding: 4px 6px; }
  .management-context-metrics > span:nth-child(2), .management-context-metrics > span:nth-child(4) { display: none; }
  .management-close { height: 34px; padding: 0 9px; font-size: 10px; }
  .management-shell { grid-template-columns: 76px minmax(0, 1fr); }
  .management-sidebar nav { padding: 6px; }
  .management-nav-label { margin: 8px 4px 3px; font-size: 7px; letter-spacing: .05em; }
  .management-sidebar button { display: flex; justify-content: center; height: 34px; padding: 0; }
  .management-sidebar button b { font-size: 14px; }
  .management-sidebar button span { display: none; }
  .management-workspace { padding: 10px; }
  .management-view-header { top: -10px; margin: -10px -10px 10px; padding: 8px 10px; }
  .management-welcome { padding: 12px; }
  .management-welcome h3 { font-size: 16px; }
  .management-welcome p { display: none; }
  .management-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
  .management-group { margin-top: 8px; padding: 9px; }
  .management-action { min-height: 56px; padding: 8px; }
  .management-action strong { font-size: 11px; }
  .management-action span { display: none; }
  .management-card-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .management-card { padding: 8px; }
  .management-card strong { font-size: 12px; }
  .ship-inventory-grid { grid-template-columns: repeat(3, minmax(95px, 1fr)); }
  .ship-inventory-slot { min-height: 130px; }
  .economy-book, .economy-order-form, .economy-trade-form { grid-template-columns: 1fr; }
  .economy-context-bar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 620px) {
  .start-identity { display: none; }
  .start-access { padding: 22px 18px; }
  .start-access .tutorial { grid-template-columns: 1fr; }
  .start-access .tutorial-step { min-height: 0; }
  .management-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hangar-console-tabs { grid-template-columns: 1fr; margin: 8px 8px 0; }
  .hangar-browser, .hangar-inspector { padding: 10px; }
  .hangar-card-grid { grid-template-columns: 1fr; }
}