.hangar-workspace { display:flex; flex-direction:column; height:100%; min-height:0; overflow:hidden; background:#0b0d10; color:var(--primary-text); font-family:Jura,sans-serif; container-type:inline-size; }
.hangar-workspace .hangar-header { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:28px 32px 24px; flex:none; background:linear-gradient(110deg,#20212680,transparent 70%); }
.hangar-workspace h1 { font-size:32px; line-height:1.2; font-weight:600; color:#f3ecdf; margin:6px 0 8px; }
.hangar-workspace .hangar-header p { margin:0; color:#b9b2a5; font-size:14px; line-height:1.5; }
.hangar-workspace .hangar-header-actions { display:flex; align-items:center; gap:10px; flex-wrap:wrap; justify-content:flex-end; }
.hangar-workspace .hangar-body { flex:1; min-height:0; overflow:auto; padding:0 32px 24px; }
.hangar-workspace .hangar-summary { display:flex; align-items:baseline; flex-wrap:wrap; gap:12px 24px; padding:22px 0 18px; color:#aaa69d; font-size:13px; }
.hangar-workspace .hangar-summary strong { color:#eee8dc; font-size:16px; font-weight:600; }
.hangar-workspace .hangar-summary .hangar-total { margin-left:auto; text-align:right; }
.hangar-workspace .hangar-summary small { display:block; font-size:11px; margin-top:3px; }
.hangar-workspace .hangar-toolbar { display:flex; gap:12px; align-items:center; flex-wrap:wrap; padding:0 0 20px; }
.hangar-workspace .hangar-search { flex:1; min-width:220px; max-width:520px; }
.hangar-workspace .hangar-sort { width:230px; flex:none; }
.hangar-workspace .hangar-toolbar .mud-input-control { margin:0; }
.hangar-workspace .hangar-toolbar .hangar-manage { margin-left:auto; }
.hangar-workspace .hangar-button { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:10px 16px; border:1px solid #ffffff24; border-radius:var(--radius-button); background:#1b1e23; color:#eee8dc; font:inherit; font-size:13px; text-decoration:none; cursor:pointer; }
.hangar-workspace .hangar-button.primary { background:var(--accent-color); color:#17120a; border-color:var(--accent-color); font-weight:700; }
.hangar-workspace .hangar-button.subtle { background:transparent; }
.hangar-workspace .hangar-button:disabled { opacity:.5; cursor:default; }
.hangar-workspace .hangar-button:hover:not(:disabled) { border-color:#d6a14877; }
.hangar-workspace .hangar-table-scroll { overflow-x:auto; border-top:1px solid #ffffff18; }
.hangar-workspace .hangar-table { width:100%; border-collapse:collapse; font-size:14px; }
.hangar-workspace .hangar-table th { text-align:left; color:#aaa69d; font-size:11px; font-weight:600; padding:13px 14px; white-space:nowrap; border-bottom:1px solid #ffffff13; }
.hangar-workspace .hangar-table td { padding:14px; vertical-align:middle; border-bottom:1px solid #ffffff12; color:#ccc4b4; }
.hangar-workspace .hangar-table th:first-child,.hangar-workspace .hangar-table td:first-child { padding-left:0; }
.hangar-workspace .hangar-table th:last-child,.hangar-workspace .hangar-table td:last-child { padding-right:0; }
.hangar-workspace .hangar-table tr:hover td { background:#ffffff04; }
.hangar-workspace .hangar-table tr.selected-row td { background:#d6a14808; }
.hangar-workspace .hangar-table .numeric { text-align:right; font-variant-numeric:tabular-nums; white-space:nowrap; }
.hangar-workspace .hangar-table .selection { width:44px; }
.hangar-workspace .hangar-object { display:flex; align-items:center; gap:18px; min-width:250px; }
.hangar-workspace .hangar-image { position:relative; display:grid; place-items:center; width:116px; height:72px; flex:none; overflow:hidden; border-radius:var(--radius-input); background:linear-gradient(135deg,#23262c,#14171b); color:#777266; }
/* Keep intrinsic image dimensions out of grid sizing; the frame owns the crop. */
.hangar-workspace .hangar-image img { position:absolute; inset:0; display:block; width:100%; height:100%; min-width:0; min-height:0; object-fit:cover; object-position:center; }
.hangar-workspace .hangar-object strong,.hangar-workspace .hangar-object-link { display:block; color:#f0e8da; font:inherit; font-size:16px; font-weight:600; text-align:left; line-height:1.4; }
.hangar-workspace .hangar-object-link { padding:0; border:0; background:transparent; cursor:pointer; }
.hangar-workspace .hangar-object-link:hover { color:#e4bf7a; }
.hangar-workspace .hangar-object small,.hangar-workspace .hangar-meta { display:block; font-size:12px; line-height:1.6; color:#a9a397; margin-top:4px; }
.hangar-workspace .hangar-tags { display:flex; flex-wrap:wrap; gap:6px; margin-top:7px; }
.hangar-workspace .hangar-tag { padding:3px 7px; border-radius:var(--radius-badge); background:#ffffff07; color:#b9b2a5; font-size:10px; font-weight:600; }
.hangar-workspace .hangar-tag.gold { background:#d6a14813; color:#dfc38e; }
.hangar-workspace .hangar-row-actions { display:flex; gap:6px; align-items:center; justify-content:flex-end; }
.hangar-workspace .hangar-icon { width:36px; height:36px; display:inline-grid; place-items:center; flex:none; border:1px solid #ffffff16; border-radius:var(--radius-button); background:#ffffff03; color:#ccb990; cursor:pointer; }
.hangar-workspace .hangar-icon:hover { border-color:#d6a14877; color:#f0d5a2; }
.hangar-workspace .hangar-icon.danger { color:#e8a79d; }
.hangar-workspace .hangar-tabs { display:flex; align-items:center; gap:8px; flex-wrap:wrap; padding:0 0 18px; }
.hangar-workspace .hangar-tabs button { padding:8px 13px; border:1px solid transparent; border-radius:var(--radius-button); background:transparent; color:#b9b2a5; font:inherit; font-size:12px; cursor:pointer; }
.hangar-workspace .hangar-tabs button[aria-pressed=true] { background:#d6a14813; border-color:#d6a14844; color:#eed5a8; }
.hangar-workspace .hangar-state { display:flex; align-items:flex-start; flex-direction:column; gap:12px; padding:44px 0; max-width:660px; font-size:14px; line-height:1.6; color:#b9b2a5; }
.hangar-workspace .hangar-state h2 { margin:0; font-size:22px; color:#eee8dc; font-weight:600; }
.hangar-workspace .hangar-state p { margin:0; }
.hangar-workspace .hangar-state a { color:#e4bf7a; }
.hangar-workspace .hangar-message { margin:16px 0; padding:12px 16px; border-left:2px solid #d6a148; background:#d6a14808; color:#e1caa4; font-size:13px; line-height:1.6; white-space:pre-line; }
.hangar-workspace .hangar-message.error { color:#efb1a4; border-color:#db8879; background:#db887908; }
.hangar-workspace .hangar-contribution { display:flex; justify-content:space-between; align-items:center; gap:20px; flex-wrap:wrap; padding:16px 32px; border-top:1px solid #ffffff18; background:#141619; flex:none; font-size:13px; }
.hangar-workspace .hangar-contribution strong { display:block; color:#eee8dc; margin-bottom:4px; }
.hangar-workspace .hangar-contribution p { margin:0; color:#aaa69d; font-size:12px; }
.hangar-workspace :is(button,a):focus-visible { outline:2px solid var(--accent-color); outline-offset:3px; }
@container(max-width:1000px) { .hangar-workspace .hangar-header { padding:22px; } .hangar-workspace .hangar-body { padding-inline:22px; } .hangar-workspace .hangar-header-actions { max-width:350px; } .hangar-workspace .hangar-header h1 { font-size:28px; } .hangar-workspace .hangar-image { width:88px; height:64px; } .hangar-workspace .hangar-object { gap:12px; min-width:220px; } .hangar-workspace .hangar-table td { padding:12px 10px; } .hangar-workspace .hangar-contribution { padding:14px 22px; flex-wrap:nowrap; } .hangar-workspace .hangar-contribution .hangar-header-actions { flex-wrap:nowrap; max-width:none; flex:none; } }
@container(max-width:680px) { .hangar-workspace .hangar-contribution { flex-wrap:wrap; } .hangar-workspace .hangar-header { align-items:flex-start; flex-direction:column; gap:16px; } .hangar-workspace .hangar-header-actions { max-width:none; } .hangar-workspace .hangar-summary .hangar-total { margin-left:0; text-align:left; } .hangar-workspace .hangar-toolbar .hangar-manage { margin-left:0; } }

.hangar-workspace .sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.overview-workspace .org-fleet-body { padding:0; }
.overview-workspace .org-fleet-hero { position:relative; min-height:390px; overflow:hidden; isolation:isolate; background:radial-gradient(ellipse at 76% 40%,#364553,#111720 55%,#0b0d10); border-bottom:1px solid #d6a14830; }
.overview-workspace .org-hero-image { position:absolute; inset:0 0 0 25%; z-index:-2; overflow:hidden; mask-image:linear-gradient(90deg,transparent,#000 28%); }
.overview-workspace .org-hero-image .hangar-image { width:100%; height:100%; border-radius:0; background:transparent; }
.overview-workspace .org-hero-image img { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; object-position:center 45%; }
.overview-workspace .org-fleet-hero::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,#0b0d10 3%,#0b0d10ee 26%,#0b0d1050 65%,#0b0d1022),linear-gradient(0deg,#0b0d10b0,transparent 48%); }
.overview-workspace .org-hero-content { padding:36px 40px; max-width:650px; }
.overview-workspace .org-fleet-kicker { display:block; color:#dec18e; font-size:11px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; }
.overview-workspace .org-fleet-hero h1 { font-size:62px; letter-spacing:-.035em; line-height:1.02; margin:18px 0 14px; }
.overview-workspace .org-fleet-hero p { color:#c1b9ab; font-size:14px; line-height:1.65; margin:0; }
.overview-workspace .org-fleet-strength { display:flex; align-items:center; gap:36px; margin:22px 0; }
.overview-workspace .org-fleet-strength > div { display:flex; align-items:baseline; gap:10px; }
.overview-workspace .org-fleet-strength strong { font-size:38px; line-height:1; font-weight:600; color:#f0d5a2; font-variant-numeric:tabular-nums; }
.overview-workspace .org-fleet-strength span { font-size:12px; color:#c1b9ab; }
.overview-workspace .org-hero-content .hangar-button { margin-top:4px; background:#11151ccc; border-color:#dcc08a66; }
.overview-workspace .org-hero-caption { display:flex; flex-direction:column; align-items:flex-start; padding:10px 0 10px 18px; border:0; border-left:2px solid #d6a148; background:transparent; color:#eee8dc; text-align:left; font:inherit; cursor:pointer; text-shadow:0 2px 8px #000; }
.overview-workspace .org-hero-caption > span { display:block; font-size:11px; color:#d1c8b8; margin-bottom:5px; }
.overview-workspace .org-hero-caption strong { display:flex; align-items:center; gap:16px; font-size:18px; }
.overview-workspace .org-fleet-content { padding:28px 40px 40px; }
.overview-workspace .org-fleet-section-title { display:flex; align-items:baseline; justify-content:space-between; gap:20px; margin-bottom:20px; }
.overview-workspace .org-fleet-section-title h2 { margin:0; font-size:23px; font-weight:600; }
.overview-workspace .org-fleet-section-title > span,.overview-workspace .org-fleet-results { font-size:12px; color:#aaa69d; }
.overview-workspace .org-fleet-gallery { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px 24px; }
.overview-workspace .org-fleet-ship { min-width:0; }
.overview-workspace .org-ship-open { display:block; width:100%; padding:0; background:none; border:0; font:inherit; color:inherit; text-align:left; cursor:pointer; border-radius:var(--radius-input); }
.overview-workspace .org-ship-visual { position:relative; aspect-ratio:16/9; overflow:hidden; border-radius:var(--radius-card); background:#181e25; }
.overview-workspace .org-ship-visual .hangar-image { position:absolute; inset:0; width:100%; height:100%; border-radius:0; }
.overview-workspace .org-ship-visual .hangar-image > .mud-icon-root { width:56px; height:56px; color:#7e8b96; }
.overview-workspace .org-ship-visual img { transition:transform .25s ease; }
.overview-workspace .org-ship-open:hover img { transform:scale(1.04); }
.overview-workspace .org-ship-quantity { position:absolute; right:14px; bottom:14px; display:flex; align-items:baseline; gap:7px; padding:8px 12px; border-radius:var(--radius-input); background:#0b0d10df; color:#f2dfbb; }
.overview-workspace .org-ship-quantity strong { font-size:26px; line-height:1; font-weight:600; }
.overview-workspace .org-ship-quantity > span { color:#c9c0b0; font-size:11px; }
.overview-workspace .org-ship-name { display:flex; align-items:center; justify-content:space-between; gap:14px; padding-top:14px; }
.overview-workspace .org-ship-name h3 { font:inherit; font-size:19px; font-weight:600; margin:0; color:#eee8dc; }
.overview-workspace .org-ship-arrow { display:grid; place-items:center; width:30px; height:30px; border-radius:50%; color:#c9aa74; background:#d6a1480a; flex:none; }
.overview-workspace .org-ship-open:hover h3 { color:#e6c68e; }
.overview-workspace .org-ship-updated { display:block; color:#a49e92; font-size:11px; margin-top:5px; }
@container(min-width:1500px) { .overview-workspace .org-fleet-gallery { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@container(min-width:1900px) { .overview-workspace .org-fleet-gallery { grid-template-columns:repeat(5,minmax(0,1fr)); } }
@container(max-width:1100px) { .overview-workspace .org-fleet-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); } .overview-workspace .org-hero-content { padding:30px; } .overview-workspace .org-fleet-content { padding:24px 30px 32px; } .overview-workspace .org-fleet-hero h1 { font-size:52px; } }
@container(max-width:680px) { .overview-workspace .org-fleet-hero h1 { font-size:42px; } .overview-workspace .org-hero-content { padding:24px; } .overview-workspace .org-hero-image { left:0; opacity:.5; } .overview-workspace .org-fleet-strength { gap:20px; } .overview-workspace .org-fleet-strength > div { align-items:flex-start; flex-direction:column; } .overview-workspace .org-fleet-content { padding:24px; } .overview-workspace .org-fleet-section-title { align-items:flex-start; flex-direction:column; gap:6px; } .overview-workspace .org-fleet-gallery { grid-template-columns:1fr; } }
@media(prefers-reduced-motion:reduce) { .overview-workspace .org-ship-visual img { transition:none; } }
.hangar-universe-dialog.mud-dialog { width:calc(100vw - 48px); max-width:1400px; height:calc(100dvh - 64px); max-height:1000px; }
.hangar-universe-dialog .hangar-universe-title { padding:8px 16px 8px 24px; }
.hangar-universe-title { display:flex; align-items:center; justify-content:space-between; gap:16px; width:100%; color:#cbb386; font:700 12px Jura,sans-serif; letter-spacing:.1em; }
.mud-dialog.hangar-universe-dialog .mud-dialog-content { padding:0 !important; display:flex; overflow:hidden; min-height:0; flex:1; }
.hangar-universe-dialog .hangar-universe-shell { width:100%; display:block; height:100%; }
.hangar-universe-dialog .mud-dialog-actions { flex:none; padding:10px 20px; border-top:1px solid var(--panel-border); }
.hangar-universe-dialog .hss-workspace-page { padding:0 28px 28px; }

.overview-workspace .org-slideshow { display:contents; }
.overview-workspace .org-hero-navigation { position:absolute; right:40px; bottom:32px; display:flex; align-items:center; gap:18px; max-width:45%; }
.overview-workspace .org-hero-caption { min-width:0; }
.overview-workspace .org-slideshow-controls { display:flex; gap:6px; flex:none; }
.overview-workspace .org-slideshow-controls .hangar-icon { background:#0b0d10b0; border-color:#dcc08a44; }
.overview-workspace .org-hero-current { animation:org-hero-fade .8s ease-out; }
@keyframes org-hero-fade { from { opacity:0; } to { opacity:1; } }
@container(max-width:1100px) { .overview-workspace .org-hero-navigation { right:30px; bottom:26px; } }
@container(max-width:680px) { .overview-workspace .org-fleet-hero { display:flex; flex-direction:column; } .overview-workspace .org-hero-navigation { order:1; position:relative; right:auto; bottom:auto; margin:0 24px 24px; width:fit-content; max-width:calc(100% - 48px); } }
@media(prefers-reduced-motion:reduce) { .overview-workspace .org-hero-current { animation:none; } }