.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-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-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.selected-row td { background:#d6a14808; }
.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 { 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-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-segment { margin:0 0 18px; }
/* Sync and delete reports keep their line breaks. */
.hangar-workspace .hangar-message { margin-top:16px; white-space:pre-line; }
.hangar-workspace .hangar-message > span { flex:1 1 auto; min-width:0; }
.hangar-workspace .hangar-message > .hysec-icon-btn { flex:none; margin:-5px -6px -5px auto; }
/* Contribution: one quiet status line under the list, not a second header. */
.hangar-workspace .hangar-contribution { display:flex; justify-content:space-between; align-items:center; gap:8px 20px; flex-wrap:wrap; padding:8px 32px; border-top:1px solid #ffffff12; background:transparent; flex:none; font-size:12px; }
.hangar-workspace .hangar-contribution-status { display:flex; align-items:center; flex-wrap:wrap; gap:4px 14px; min-width:0; }
.hangar-workspace .hangar-contribution strong { color:#eee8dc; font-weight:600; }
.hangar-workspace .hangar-contribution-link { display:inline-flex; align-items:center; gap:6px; min-height:36px; color:#e4bf7a; font-weight:600; text-decoration:none; }
.hangar-workspace .hangar-contribution-link .mud-icon-root { font-size:16px; }
.hangar-workspace .hangar-contribution-link .mud-icon-root:last-child { opacity:.6; font-size:14px; }
.hangar-workspace .hangar-contribution-link:hover { color:#f0d5a2; text-decoration:underline; text-underline-offset:3px; }
.hangar-workspace .hangar-contribution-meta { color:#a9a397; }
.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-contribution { padding:8px 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 .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:760px; }
.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; flex-wrap:wrap; gap:14px 30px; 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; white-space:nowrap; }
.overview-workspace .org-hero-content .hysec-action-btn { 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; }
.overview-workspace .org-ship-facts { display:block; color:#c9c0b0; font-size:12px; margin-top:6px; }
.overview-workspace .org-fleet-view { margin-left:auto; }
.overview-workspace .org-fleet-careers { display:flex; align-items:center; flex-wrap:wrap; gap:8px; padding:0 0 18px; }
.overview-workspace .org-fleet-careers .org-fleet-results { margin-left:auto; }
.overview-workspace .org-fleet-row-open { display:flex; align-items:center; gap:14px; padding:0; background:none; border:0; font:inherit; color:inherit; text-align:left; cursor:pointer; }
.overview-workspace .org-fleet-row-open .hangar-image { width:96px; height:54px; flex:none; }
.overview-workspace .org-fleet-row-open strong { display:block; color:#eee8dc; font-size:14px; font-weight:600; }
.overview-workspace .org-fleet-row-open small { display:block; color:#aaa69d; font-size:12px; margin-top:3px; }
.overview-workspace .org-fleet-row-open:hover strong { color:#e6c68e; }
@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; } }
/* Fleet export menu (PersonalFleetV2) */
.fleet-workspace .hangar-export { position:relative; }
.fleet-workspace .hangar-export-menu { position:absolute; right:0; top:calc(100% + 6px); z-index:20; display:flex; flex-direction:column; min-width:260px; padding:6px; border:1px solid rgba(214,178,94,.28); border-radius:10px; background:#15161a; box-shadow:0 12px 32px rgba(0,0,0,.45); }
.fleet-workspace .hangar-export-menu > button, .fleet-workspace .hangar-export-menu > a { display:flex; align-items:center; gap:10px; padding:9px 12px; border:0; border-radius:7px; background:none; color:#e8e2d6; font:inherit; font-size:13.5px; text-align:left; text-decoration:none; cursor:pointer; }
.fleet-workspace .hangar-export-menu > a { color:#aaa69d; font-size:12.5px; border-top:1px solid rgba(255,255,255,.06); border-radius:0 0 7px 7px; margin-top:4px; }
.fleet-workspace .hangar-export-menu > button:hover, .fleet-workspace .hangar-export-menu > button:focus-visible, .fleet-workspace .hangar-export-menu > a:hover, .fleet-workspace .hangar-export-menu > a:focus-visible { background:rgba(214,178,94,.12); outline:none; }