/* Stellar Workspace / 2026.09 — commercial interface foundations.
   Layout contracts remain in styles.css; this file owns visual hierarchy. */
:root { --space:#0b1120; --surface:#131e31; --surface-muted:#19263b; --ink:#f3f6fc; --muted:#bcc8db; --subtle:#a9b8cf; --line:#2c3b52; --line-strong:#52647e; --cyan:#89cfff; --blue:#2666c9; --radius:14px; --radius-lg:18px; --sidebar:248px; --header:68px; --shadow-sm:0 2px 5px #0000000f; }
body { background:var(--space); font-size:16px; }
h1 { font-size:clamp(28px,2.5vw,36px); line-height:1.18; letter-spacing:-.035em; }
h2 { font-size:20px; letter-spacing:-.02em; }
.eyebrow { font-size:11px; letter-spacing:.14em; }
.eyebrow:before { width:18px; }
.sidebar { background:#0d1627; padding:22px 14px 16px; }
.brand { min-height:98px; padding:0 10px 20px; }
.brand img { width:200px; }
.brand > span { margin:0; font-size:10px; letter-spacing:.15em; }
.sidebar nav { gap:20px; }
.sidebar nav a { font-size:14px; border-radius:8px; }
.sidebar nav a[aria-current] { background:#203650; border-color:#344f6f; box-shadow:inset 3px 0 #89cfff; }
.nav-label { font-size:11px; letter-spacing:.1em; color:#a9b8cf; }
.topbar { background:#0d1627; padding-inline:28px; }
.topbar-context > span { font-size:11px; }
.profile-trigger { border-radius:10px; }
.profile-trigger-copy strong { font-size:13px; }
.profile-trigger-copy small { font-size:12px; }
.sandbox-notice { padding:10px 28px; background:#142438; font-size:13px; line-height:1.5; }
.page { padding:28px 28px 56px; }
.page-heading { margin-bottom:24px; padding:0 0 24px; }
.lead { font-size:15px; line-height:1.6; }
.app-shell[data-route="marketplace"] .page-heading,
.app-shell[data-route="dashboard"] .page-heading { min-height:168px; padding:26px 27% 26px 28px; border-radius:16px; background:linear-gradient(110deg,#15263e,#1d3653); border-color:#354b66; box-shadow:none; }
.app-shell[data-route="marketplace"] .page-heading h1,
.app-shell[data-route="dashboard"] .page-heading h1 { font-size:clamp(28px,2.5vw,36px); line-height:1.18; }
.app-shell[data-route="marketplace"] .page-heading .lead,
.app-shell[data-route="dashboard"] .page-heading .lead { font-size:15px; line-height:1.6; }
.app-shell[data-route="marketplace"] .page-heading:before,
.app-shell[data-route="dashboard"] .page-heading:before { width:225px; height:225px; top:-28px; right:-10px; opacity:.6; }
.filter-bar { padding:16px; margin-bottom:20px; background:var(--surface); box-shadow:none; }
.field > span, legend { font-size:14px; }
.field input,.field select,.field textarea { font-size:16px; background:#0d1728; border-color:var(--line-strong); border-radius:8px; }
.password-field { position:relative; display:block; }
.password-field input { padding-right:76px; }
.password-visibility { position:absolute; top:50%; right:5px; min-width:64px; min-height:36px; padding:6px 10px; color:var(--cyan); background:transparent; border:0; border-radius:6px; font-weight:700; transform:translateY(-50%); }
.password-visibility:hover { background:rgba(93,228,229,.1); }
.password-visibility:focus-visible { outline:3px solid var(--cyan); outline-offset:1px; }
.btn { font-size:14px; min-height:44px; border-radius:8px; box-shadow:none; }
.btn.primary { background:var(--blue); border-color:#4e84d5; box-shadow:none; }
.btn.primary:hover { background:#3074da; }
.offer-grid { gap:18px; }
.offer-card { padding:22px; background:var(--surface); box-shadow:none; }
.offer-art { height:48px; margin:-22px -22px 20px; padding:15px 22px; background:linear-gradient(100deg,#223a5c,#1c2c44); border-color:#3d526e; }
.offer-art.family { background:linear-gradient(100deg,#453752,#292a42); }
.offer-art.live,.offer-art.aqua { background:linear-gradient(100deg,#194552,#1b303f); }
.offer-orbit-mark { width:120px; height:120px; top:-70px; opacity:.35; box-shadow:0 0 0 25px #ffffff08; }
.offer-top { margin-bottom:14px; }
.offer-brand { font-size:13px; }
.offer-category { font-size:11px; letter-spacing:.1em; }
.offer-card h2 { font-size:23px; line-height:1.25; }
.price strong { font-size:32px; font-variant-numeric:tabular-nums; }
.panel,.metric { background:var(--surface); box-shadow:none; }
.panel { padding:22px; }
.metric { min-height:136px; padding:20px; }
.metric:after { display:none; }
.metric p { font-size:14px; }
.metric strong { font-size:32px; font-variant-numeric:tabular-nums; }
.metric small { font-size:13px; }
.metric-link:hover { background:#19283e; }
.total strong,.cart-price { color:var(--ink); font-variant-numeric:tabular-nums; }
.total { flex-wrap:wrap; }
th { font-size:12px; text-transform:none; letter-spacing:.01em; background:#101a2c; }
td { font-size:14px; line-height:1.55; }
.pill { font-size:12px; line-height:1.4; }
.empty { padding:36px 20px; }
.environment { display:inline-flex; font-size:12px; }
.dialog { border-radius:16px; }
:focus-visible { outline:3px solid #89cfff; outline-offset:3px; }
@media(max-width:1024px) { .workspace { width:100%; margin-left:0; } }
@media(max-width:760px) {
 .page { padding:22px 20px 40px; }
 .topbar { padding-inline:16px; }
 .topbar-end { gap:8px; }
 .sandbox-notice { padding:10px 20px; }
 .app-shell[data-route="marketplace"] .page-heading,.app-shell[data-route="dashboard"] .page-heading { min-height:0; padding:24px; }
 .app-shell[data-route="marketplace"] .page-heading:before,.app-shell[data-route="dashboard"] .page-heading:before { opacity:.12; right:0; top:0; }
 .app-shell[data-route="marketplace"] .page-heading h1,.app-shell[data-route="dashboard"] .page-heading h1 { font-size:29px; }
 .offer-art { height:44px; margin:-22px -22px 18px; padding:13px 22px; }
 .panel { padding:20px; }
 .environment { display:inline-flex; padding:5px 8px; }
 .profile-trigger { min-width:44px; padding:5px; }
 .page-heading { margin-bottom:20px; }
}
@media(max-width:420px) {
 .page { padding-inline:16px; }
 .sandbox-notice { padding-inline:16px; }
 .topbar-context { display:none; }
 .topbar-end { margin-left:auto; }
 .environment { font-size:11px; }
 .app-shell[data-route="marketplace"] .page-heading,.app-shell[data-route="dashboard"] .page-heading { padding:20px; }
 .offer-card { padding:20px; }
 .offer-art { margin:-20px -20px 18px; padding-inline:20px; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:.01ms!important; transition-duration:.01ms!important; scroll-behavior:auto!important; } }
/* Compact brand, environment and menu each retain a real touch target. */
@media(max-width:600px) {
 .topbar { gap:8px; height:68px; }
 .topbar:before { width:36px; height:36px; flex:0 0 36px; margin-right:auto; background:url('/brand/stellar-orbit-app-icon.svg') center/contain no-repeat; }
 .menu-toggle { order:-1; flex:0 0 44px; justify-content:center; }
 .topbar-end { flex:0 1 auto; margin-left:0; }
 .page { padding-bottom:104px; }
}
@media(max-width:600px) {
 .app-shell[data-route="marketplace"] .page-heading { padding:18px 20px; margin-bottom:18px; }
 .app-shell[data-route="marketplace"] .page-heading h1 { font-size:27px; }
 .app-shell[data-route="marketplace"] .page-heading .lead { font-size:14px; line-height:1.55; }
 form[data-form="marketplace-filter"] { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px; padding:14px; align-items:end; }
 form[data-form="marketplace-filter"] .field { min-width:0; }
 form[data-form="marketplace-filter"] .field:first-child { grid-column:1/-1; }
 form[data-form="marketplace-filter"] .btn { width:auto; padding-inline:16px; }
}

/* Universe 2026.09.3 — refinement of the existing Stellar identity, from the supplied video. */
:root { --space:#060e1d; --surface:#101e32; --surface-muted:#15263d; --line:#29415d; --line-strong:#536e8c; --ink:#f0f7ff; --muted:#b6c7dc; --subtle:#a5bad1; --cyan:#78d6fa; --blue:#147cca; --radius:16px; }
body { -webkit-font-smoothing:antialiased; }
.sidebar,.topbar { background:#091527; border-color:#223750; }
.sidebar nav a { min-height:46px; border-radius:9px; }
.sidebar nav a[aria-current] { background:#16344d; border-color:#335d7a; box-shadow:inset 3px 0 #78d6fa; }
.page { padding-top:28px; }
h1,h2 { font-weight:650; letter-spacing:-.035em; }
.app-shell[data-route="marketplace"] .page-heading,.app-shell[data-route="dashboard"] .page-heading { background:linear-gradient(105deg,#14324d,#102641 60%,#174666); border:1px solid #315570; min-height:188px; padding:28px 28% 28px 30px; border-radius:18px; }
.app-shell[data-route="marketplace"] .page-heading h1,.app-shell[data-route="dashboard"] .page-heading h1 { font-size:clamp(30px,2.8vw,39px); line-height:1.15; }
.app-shell[data-route="marketplace"] .page-heading:before,.app-shell[data-route="dashboard"] .page-heading:before { width:252px; height:252px; opacity:.86; top:-32px; right:-4px; }
.eyebrow,.offer-category { color:#84d9fa; }
.filter-bar { background:#0d1b2e; border-color:#29415d; border-radius:12px; }
.field input,.field select,.field textarea { border-radius:8px; background:#091729; min-height:46px; }
.btn { min-height:46px; border-radius:8px; }
.btn.primary { background:linear-gradient(180deg,#198dd8,#1473bd); border-color:#3296d4; box-shadow:0 3px 12px #087ec01c; }
.btn.primary:hover { background:#229bdf; border-color:#80d6ff; }
.btn.secondary { background:#142b42; border-color:#3c5772; }
.offer-grid { gap:20px; }
.offer-card { border-radius:15px; border-color:#2d4863; background:linear-gradient(155deg,#12243a,#0e1d31); padding:22px; box-shadow:0 8px 24px #00000012; }
.offer-card:hover { border-color:#598bab; box-shadow:0 12px 30px #00000024; transform:translateY(-2px); }
.offer-art { height:82px; margin:-22px -22px 20px; padding:18px 22px; display:flex; align-items:flex-end; background:linear-gradient(110deg,#25467b,#2f4772); border-color:#405d83; }
.offer-art.family { background:linear-gradient(110deg,#54375d,#745268); }
.offer-art.live,.offer-art.aqua { background:linear-gradient(110deg,#1f6370,#247880); }
.offer-art>span:first-child { font-size:10px; letter-spacing:.12em; color:#e9f6ff; }
.offer-orbit-mark { opacity:.35; }
.offer-card h2 { font-size:24px; }
.offer-card>p { font-size:14px; line-height:1.6; }
.price strong { font-size:34px; font-weight:650; }
.price span,.offer-card>p.renewal { font-size:13px; }
.panel,.metric { border-color:#29435e; border-radius:14px; background:linear-gradient(150deg,#112237,#0f1d31); }
.panel-heading h2 { font-size:21px; }
.metric { padding:22px; }
.metric strong { font-size:34px; }
.empty { padding:40px 22px; border:1px dashed #35536e; border-radius:12px; background:#0c1a2c; }
.empty p { font-size:14px; }
.funding-allocation { border:1px solid #365975; border-radius:14px; padding:24px; margin:18px 0; background:linear-gradient(140deg,#153249,#102238); }
.funding-allocation h3 { display:flex; gap:12px; align-items:center; justify-content:space-between; flex-wrap:wrap; font-size:18px; }
.funding-allocation-total { display:flex; flex-direction:column; gap:4px; margin:18px 0; }
.funding-allocation-total strong { font-size:36px; line-height:1.2; color:#f3faff; letter-spacing:-.035em; }
.funding-allocation-total span { font-size:14px; color:#b6c7dc; }
.funding-allocation-bar { display:flex; height:5px; gap:4px; margin:18px 0; overflow:hidden; border-radius:10px; background:#28445f; }
.funding-allocation-bar .customer-share { background:#74d6f4; min-width:0; }
.funding-allocation-bar .stellar-share { background:#408acf; min-width:0; }
.funding-allocation-shares { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-bottom:20px; }
.funding-allocation-shares span { display:block; font-size:14px; color:#b6c7dc; }
.funding-allocation-shares strong { display:block; margin-top:5px; font-size:25px; color:#f3faff; }
.funding-allocation details { padding-top:14px; border-top:1px solid #33516c; }
.funding-allocation summary { font-size:14px; min-height:44px; cursor:pointer; color:#86dafb; }
@media(max-width:760px) { .app-shell[data-route="marketplace"] .page-heading,.app-shell[data-route="dashboard"] .page-heading { min-height:0; padding:24px; } .app-shell[data-route="marketplace"] .page-heading:before,.app-shell[data-route="dashboard"] .page-heading:before { opacity:.18; } .app-shell[data-route="marketplace"] .page-heading h1,.app-shell[data-route="dashboard"] .page-heading h1 { font-size:30px; } .offer-art { height:76px; } .funding-allocation { padding:20px; } }
@media(max-width:420px) { .offer-card { padding:20px; } .offer-art { margin:-20px -20px 18px; padding-inline:20px; } .funding-allocation-shares { gap:12px; } .funding-allocation-shares strong { font-size:23px; } }

svg.funding-allocation-bar { display:block; width:100%; height:5px; }

/* Universe 2026.09.4 — task-first cards and readable interaction states. */
:root { --blue:#126caa; }
.btn.primary { background:linear-gradient(180deg,#126caa,#0d5f9a); border-color:#438fc2; color:#fff; }
.btn.primary:hover,.btn.primary:focus-visible { background:#176fb0; border-color:#8bdbff; }
.eyebrow,.nav-label,.offer-category { font-size:.75rem; }
.app-shell[data-route="marketplace"] .page-heading { min-height:140px; padding:22px 26% 22px 26px; margin-bottom:18px; }
.app-shell[data-route="marketplace"] .page-heading h1 { font-size:clamp(1.8rem,2.4vw,2.2rem); }
.app-shell[data-route="marketplace"] .page-heading:before { width:215px; height:215px; top:-36px; }
.offer-art { height:56px; margin-bottom:16px; flex-shrink:0; }
.offer-art>span:first-child { font-size:.75rem; letter-spacing:.08em; }
.offer-card h2 { margin:8px 0 14px; font-size:1.4rem; line-height:1.3; overflow-wrap:anywhere; }
.offer-card .price { margin-top:0; }
.offer-card .price strong { font-size:2rem; }
.offer-card>p.renewal { min-height:0; margin:4px 0 14px; font-size:.875rem; line-height:1.5; }
.offer-top { min-height:0; margin:0 0 16px; gap:8px; }
.offer-brand,.offer-top .pill { font-size:.875rem; line-height:1.5; overflow-wrap:anywhere; }
.offer-card .card-actions { margin-top:8px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.offer-card .card-actions .btn { width:100%; white-space:normal; line-height:1.4; padding:10px; }
.offer-card [aria-pressed="true"] { background:#23485f; border-color:#84d8f5; color:#eafaff; }
.offer-card>p.mode-note { min-height:0; margin:12px 0 0!important; font-size:.75rem!important; line-height:1.5; }
.offer-card details { margin:14px 0 0; padding-top:8px; font-size:.875rem; }
.offer-card .offer-description { font-size:1rem; line-height:1.6; color:var(--muted); margin:12px 0; }
.offer-card:focus-within { border-color:#86d6f6; }
@media(max-width:760px) { .app-shell[data-route="marketplace"] .page-heading { min-height:0; padding:20px; } .app-shell[data-route="marketplace"] .page-heading h1 { font-size:1.8rem; } .app-shell[data-route="marketplace"] .page-heading .lead { font-size:1rem; } }
@media(max-width:420px) { .offer-card .card-actions { grid-template-columns:1fr; } .offer-art { margin-bottom:14px; } }
@media(max-width:600px) {
 .app-shell[data-route="marketplace"] .page { padding-top:18px; }
 .app-shell[data-route="marketplace"] .page-heading { padding:16px; margin-bottom:16px; }
 .app-shell[data-route="marketplace"] .page-heading .eyebrow { display:none; }
 .app-shell[data-route="marketplace"] .page-heading h1 { font-size:1.6rem; line-height:1.2; }
 .app-shell[data-route="marketplace"] .page-heading .lead { font-size:1rem; line-height:1.5; }
}

/* Universe 2026.09.5 — selections remain manageable across filters. */
.comparison-summary { display:flex; flex-wrap:wrap; align-items:center; gap:16px; }
.comparison-summary>div:first-child { flex:1 1 250px; }
.comparison-actions { display:flex; flex-wrap:wrap; gap:10px; }
.comparison-summary strong { font-size:1rem; }
.comparison-summary p { font-size:.875rem; line-height:1.6; }
.comparison-summary button,.offer-card .btn { scroll-margin-block:100px; }
.comparison-selections { flex:1 1 100%; display:flex; flex-wrap:wrap; gap:10px; list-style:none; padding:0; margin:0; }
.comparison-selections li { display:flex; align-items:center; justify-content:space-between; gap:12px; min-width:0; padding:6px 6px 6px 14px; border:1px solid #43647e; border-radius:10px; background:#102a40; }
.comparison-selections span { font-size:.875rem; overflow-wrap:anywhere; }
.comparison-selections .btn { min-width:70px; min-height:44px; flex-shrink:0; }
@media(max-width:600px) { .comparison-summary { padding:16px; } .comparison-actions,.comparison-selections li { width:100%; } .comparison-actions .btn { flex:1 1 140px; } }
@media(max-width:600px) {
 .table-wrap td:before { font-size:.875rem; line-height:1.5; letter-spacing:0; text-transform:none; color:#b8cede; }
 .table-wrap tbody th[scope="row"] { font-size:.875rem; line-height:1.5; color:#d3e5f0; }
}

/* Miz mobile fidelity restoration.
   Keep the real application data and routes, but do not let the generic
   workspace layer erase Orbit's approved planet, rocket and full wordmark. */
@media(max-width:600px) {
 .topbar { height:76px; padding-inline:14px; gap:8px; }
 .topbar::before {
   order:0;
   width:min(42vw,164px);
   height:54px;
   flex:0 1 164px;
   margin-right:auto;
   background:url('/brand/stellar-orbit-full-color-transparent.svg') left center/contain no-repeat;
 }
 .menu-toggle { order:3; flex:0 0 44px; }
 .topbar-end { order:2; flex:0 0 auto; margin-left:0; }
 .profile-trigger { width:44px; min-width:44px; }
 .app-shell[data-route="marketplace"] .page,
 .app-shell[data-route="dashboard"] .page { padding-top:20px; }
 .app-shell[data-route="marketplace"] .page-heading,
 .app-shell[data-route="dashboard"] .page-heading {
   min-height:350px;
   margin-bottom:22px;
   padding:30px 22px 170px;
   border-radius:24px;
   background:radial-gradient(ellipse at 88% 38%,#164f7b,#0b233d 52%,#0b1729);
 }
 .app-shell[data-route="marketplace"] .page-heading .eyebrow,
 .app-shell[data-route="dashboard"] .page-heading .eyebrow { display:flex; color:#3fc6ff; }
 .app-shell[data-route="marketplace"] .page-heading h1,
 .app-shell[data-route="dashboard"] .page-heading h1 { font-size:clamp(2rem,10vw,2.5rem); line-height:1.08; }
 .app-shell[data-route="marketplace"] .page-heading .lead,
 .app-shell[data-route="dashboard"] .page-heading .lead { font-size:15px; line-height:1.6; }
 .app-shell[data-route="marketplace"] .page-heading::before,
 .app-shell[data-route="dashboard"] .page-heading::before {
   width:300px;
   height:300px;
   top:128px;
   right:-72px;
   opacity:.94;
 }
 .app-shell[data-route="marketplace"] .page-heading::after,
 .app-shell[data-route="dashboard"] .page-heading::after {
   display:block;
   width:70px;
   height:70px;
   top:168px;
   right:18%;
 }
 .metrics { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
 .metric { min-height:122px; padding:16px; }
 .metric strong { font-size:1.75rem; }
}
@media(max-width:340px) {
 .topbar::before { width:132px; flex-basis:132px; }
 .app-shell[data-route="marketplace"] .page-heading,
 .app-shell[data-route="dashboard"] .page-heading { padding-inline:18px; }
 .metrics { grid-template-columns:1fr; }
}

/* Authoritative Stellar Universe composition — 2026.09.13.
   This final layer restores the supplied Orbit scale, artwork and mobile
   hierarchy after the compact operational overlays above. */
:root {
 --space:#060d19;
 --surface:#101e31;
 --surface-muted:#15263c;
 --line:#293e57;
 --line-strong:#4b6784;
 --ink:#f4f8ff;
 --muted:#b8c9dc;
 --subtle:#9db3cd;
 --cyan:#3fc6ff;
 --blue:#1e6fd0;
 --radius:18px;
 --radius-lg:24px;
 --sidebar:264px;
 --header:72px;
}

body { background:#060d19; }
.app-shell {
 background-color:#060d19;
 background-image:url('/brand/stellar-universe-stars.svg');
 background-size:980px auto;
 background-attachment:fixed;
}
.sidebar { padding:28px 18px 20px; background:#091425; }
.brand { min-height:132px; padding:0 10px 24px; }
.brand img { width:230px; }
.brand > span { margin:2px 0 0 50px; }
.sidebar nav a { min-height:48px; padding:11px 14px; font-size:.9rem; border-radius:12px; }
.sidebar nav a[aria-current] { background:#183f60; border-color:#315f82; }
.topbar { padding-inline:36px; background:rgba(9,20,37,.96); }
.page { max-width:1660px; padding:34px 36px 72px; }
.page-heading { margin-bottom:28px; padding-bottom:28px; }
.page-heading h1 { font-size:clamp(2.25rem,3.2vw,3.35rem); line-height:1.08; }
.panel,.metric,.filter-bar { border-radius:18px; }
.panel { padding:26px; }
.metric { min-height:148px; padding:24px; }
.metric strong { font-size:2.35rem; }
.btn { min-height:48px; padding-inline:20px; border-radius:10px; }

.app-shell[data-route="dashboard"] .page-heading,
.app-shell[data-route="marketplace"] .page-heading {
 position:relative;
 min-height:322px;
 align-items:flex-start;
 overflow:hidden;
 margin-bottom:28px;
 padding:46px 48% 90px 44px;
 background:linear-gradient(105deg,#0d223a 0%,#113658 60%,#174f79 100%);
 border:1px solid #315b7e;
 border-radius:24px;
 box-shadow:0 24px 70px rgba(0,0,0,.18);
}
.app-shell[data-route="dashboard"] .page-heading::before,
.app-shell[data-route="marketplace"] .page-heading::before {
 display:block;
 width:560px;
 height:500px;
 top:-82px;
 right:-28px;
 opacity:.98;
}
.app-shell[data-route="dashboard"] .page-heading::after,
.app-shell[data-route="marketplace"] .page-heading::after {
 display:block;
 width:94px;
 height:94px;
 top:48px;
 right:14%;
}
.app-shell[data-route="dashboard"] .page-heading h1,
.app-shell[data-route="marketplace"] .page-heading h1 {
 max-width:680px;
 margin-bottom:14px;
 font-size:clamp(2.8rem,4.1vw,4rem);
 line-height:1.02;
 letter-spacing:-.045em;
 text-wrap:balance;
}
.app-shell[data-route="dashboard"] .page-heading .lead,
.app-shell[data-route="marketplace"] .page-heading .lead {
 max-width:650px;
 color:#bfd0e2;
 font-size:1.05rem;
 line-height:1.65;
}
.app-shell[data-route="dashboard"] .page-action {
 position:absolute;
 bottom:34px;
 left:44px;
 z-index:3;
 padding:0;
}
.app-shell[data-route="marketplace"] .page-action {
 position:absolute;
 bottom:34px;
 left:44px;
 z-index:3;
 padding:0;
}
.orbit-hero-actions { display:flex; align-items:center; gap:12px; }
.orbit-hero-actions .btn.primary { min-width:172px; }
.orbit-hero-actions .btn.secondary { color:var(--cyan); background:transparent; border-color:transparent; }
.orbit-hero-actions .btn.secondary:hover { background:rgba(63,198,255,.08); border-color:rgba(63,198,255,.24); }

.app-shell[data-route="marketplace"] .filter-bar { scroll-margin-top:92px; }
.app-shell[data-route="marketplace"] .filter-bar::before {
 content:"EXPLORE THE STELLAR COLLECTION";
 grid-column:1/-1;
 color:var(--cyan);
 font-size:.72rem;
 font-weight:800;
 letter-spacing:.15em;
}
.app-shell[data-route="marketplace"] .offer-grid { gap:24px; }
.app-shell[data-route="marketplace"] .offer-card {
 padding:24px;
 border:1px solid #304b68;
 border-radius:18px;
 background:linear-gradient(155deg,rgba(18,37,59,.99),rgba(11,27,45,.99));
 box-shadow:0 18px 48px rgba(0,0,0,.18);
}
.app-shell[data-route="marketplace"] .offer-art {
 display:flex;
 height:142px;
 align-items:flex-start;
 justify-content:space-between;
 margin:-24px -24px 22px;
 padding:22px 24px;
 background:linear-gradient(118deg,#17375f,#3d61a2);
 border-color:#42678f;
}
.app-shell[data-route="marketplace"] .offer-art.aqua,
.app-shell[data-route="marketplace"] .offer-art.live { background:linear-gradient(118deg,#103955,#178692); }
.app-shell[data-route="marketplace"] .offer-art.family { background:linear-gradient(118deg,#382d55,#8a6379); }
.offer-art-identity {
 position:absolute;
 right:24px;
 bottom:20px;
 left:24px;
 z-index:2;
 display:flex;
 align-items:flex-end;
 justify-content:space-between;
 gap:16px;
 color:#f4f8ff;
}
.offer-art-identity svg { width:34px; height:34px; fill:none; stroke:currentColor; stroke-width:1.8; }
.offer-art-identity b { color:#d9e9fb; font-size:.7rem; letter-spacing:.2em; }
.app-shell[data-route="marketplace"] .offer-category { font-size:.72rem; letter-spacing:.12em; }
.app-shell[data-route="marketplace"] .offer-card h2 { margin:10px 0 12px; font-size:1.55rem; }

@media(max-width:1024px) {
 :root { --sidebar:264px; }
 .page { padding-inline:28px; }
 .app-shell[data-route="dashboard"] .page-heading,
 .app-shell[data-route="marketplace"] .page-heading { padding-right:44%; }
 .app-shell[data-route="dashboard"] .page-heading::before,
 .app-shell[data-route="marketplace"] .page-heading::before { right:-100px; }
}

@media(max-width:760px) {
 .page { padding:22px 20px 112px; }
 .panel { padding:22px; }
 .app-shell[data-route="dashboard"] .page-heading,
 .app-shell[data-route="marketplace"] .page-heading {
  min-height:500px;
  padding:36px 24px 226px;
  border-radius:24px;
  background:radial-gradient(ellipse at 88% 54%,#185a8d,#0c2b49 48%,#09182b 100%);
 }
 .app-shell[data-route="dashboard"] .page-heading::before,
 .app-shell[data-route="marketplace"] .page-heading::before {
  width:355px;
  height:355px;
  top:188px;
  right:-82px;
  opacity:.98;
 }
 .app-shell[data-route="dashboard"] .page-heading::after,
 .app-shell[data-route="marketplace"] .page-heading::after {
  width:74px;
  height:74px;
  top:225px;
  right:17%;
 }
 .app-shell[data-route="dashboard"] .page-heading h1,
 .app-shell[data-route="marketplace"] .page-heading h1 { font-size:clamp(2.35rem,10.5vw,3rem); }
 .app-shell[data-route="dashboard"] .page-heading .lead,
 .app-shell[data-route="marketplace"] .page-heading .lead { font-size:1rem; }
 .app-shell[data-route="dashboard"] .page-action { right:24px; bottom:24px; left:24px; }
 .app-shell[data-route="marketplace"] .page-action { right:24px; bottom:24px; left:24px; }
 .orbit-hero-actions { align-items:stretch; flex-direction:column; gap:8px; }
 .orbit-hero-actions .btn { width:100%; }
 .orbit-hero-actions .btn.secondary { min-height:44px; }
 .mobile-nav a { min-height:60px; font-size:.72rem; }
 .mobile-nav svg { width:22px; height:22px; }
}

@media(max-width:600px) {
 .topbar { height:94px; padding-inline:18px; }
 .topbar::before { width:min(62vw,216px); height:72px; flex-basis:216px; }
 .topbar-end { display:none; }
 .metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .metric { min-height:132px; padding:18px; }
 .metric strong { font-size:2rem; }
 .page-heading:not(.app-shell[data-route="dashboard"] .page-heading):not(.app-shell[data-route="marketplace"] .page-heading) h1 { font-size:2rem; }
 .login-story { min-height:118px; padding:22px 20px 12px; }
 .login-story-copy,.login-story > small { display:none; }
 .login-brand { width:230px; }
 .login-main { padding:18px 20px 40px; }
 .login-form-content { max-width:440px; }
 .app-shell[data-route="marketplace"] .offer-grid { gap:20px; }
 .app-shell[data-route="marketplace"] .offer-art { height:118px; }
}

@media(max-width:340px) {
 .topbar::before { width:180px; flex-basis:180px; }
 .metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .metric { min-height:124px; padding:15px; }
 .metric p,.metric small { font-size:.75rem; }
 .metric strong { font-size:1.75rem; }
 .app-shell[data-route="dashboard"] .page-heading,
 .app-shell[data-route="marketplace"] .page-heading { padding-inline:20px; }
 .app-shell[data-route="dashboard"] .page-action { right:20px; left:20px; }
}

/* Celestial / Crystal master design — authoritative for Orbit and Pay. */
:root {
 --space:#070b1a;
 --surface:#10182d;
 --surface-muted:#17283a;
 --line:#34435f;
 --line-strong:#7485ac;
 --ink:#f4f7ff;
 --muted:#aebbd2;
 --subtle:#9daac3;
 --cyan:#5de4e5;
 --cyan-ink:#5de4e5;
 --blue:#7253df;
 --blue-strong:#6245cb;
 --sidebar:232px;
 --header:72px;
}

body { background:#070b1a; }
.app-shell { background:#070b1a; background-image:none; }
.sidebar { width:232px; padding:26px 16px 20px; background:#090f22; border-color:#263654; }
.workspace { margin-left:232px; }
.brand { min-height:126px; padding:0 10px 24px; }
.brand img { width:205px; }
.brand > span { margin:2px 0 0 42px; color:#96a4be; }
.sidebar nav a { min-height:48px; color:#aebbd2; border-radius:12px; }
.sidebar nav a[aria-current] {
 color:#f4f7ff;
 background:#29264d;
 border-color:#584f85;
 box-shadow:inset 3px 0 #b7a7ff;
}
.sidebar nav a:hover { color:#f4f7ff; background:#191f38; }
.sidebar-account { border-color:#263654; }
.avatar { color:#fff; background:#7253df; }
.session-dot,.notice-dot,.environment > span { background:#5de4e5; }
.topbar { background:rgba(9,15,34,.98); border-color:#263654; }
.environment { color:#f5cd83; border-color:#51412b; background:#332a21; }
.sandbox-notice { color:#c7d2e4; border-color:#263654; background:#111b31; }
.page { max-width:1660px; }

.app-shell[data-route="dashboard"] .page-heading,
.app-shell[data-route="marketplace"] .page-heading {
 min-height:322px;
 padding:46px 48% 90px 44px;
 border:1px solid #34435f;
 border-radius:24px;
 background:
   linear-gradient(90deg,rgb(7 11 26 / 98%) 0%,rgb(7 11 26 / 90%) 36%,rgb(7 11 26 / 24%) 70%,rgb(7 11 26 / 4%) 100%),
   url('/brand/celestial/celestial-eclipse.png') 68% center / cover no-repeat;
 box-shadow:0 24px 70px rgba(0,0,0,.2);
}
.app-shell[data-route="dashboard"] .page-heading::before,
.app-shell[data-route="marketplace"] .page-heading::before,
.app-shell[data-route="dashboard"] .page-heading::after,
.app-shell[data-route="marketplace"] .page-heading::after { display:none; }
.app-shell[data-route="dashboard"] .page-heading .eyebrow,
.app-shell[data-route="marketplace"] .page-heading .eyebrow { color:#5de4e5; }
.app-shell[data-route="dashboard"] .page-heading h1,
.app-shell[data-route="marketplace"] .page-heading h1 {
 color:#f4f7ff;
 font-size:clamp(2.8rem,4.1vw,4rem);
}
.app-shell[data-route="dashboard"] .page-heading .lead,
.app-shell[data-route="marketplace"] .page-heading .lead { color:#c4cee0; }
.orbit-hero-actions .btn.primary,
.btn.primary {
 color:#fff;
 border-color:#9179ec;
 background:#7253df;
 box-shadow:0 8px 24px rgb(114 83 223 / 22%);
}
.orbit-hero-actions .btn.primary:hover,
.btn.primary:hover { border-color:#b7a7ff; background:#8063e7; }
.orbit-hero-actions .btn.secondary { color:#b7a7ff; }
.btn.secondary { color:#f4f7ff; border-color:#52617f; background:#17233d; }
a,.text-button,.row-link,.metric-action { color:#b7a7ff; }

.panel,.metric,.filter-bar,.offer-card {
 color:#f4f7ff;
 border-color:#34435f;
 background:#10182d;
 box-shadow:none;
}
.panel:hover,.metric-link:hover,.offer-card:hover { border-color:#655b91; }
.metric::after { background:#b7a7ff; box-shadow:0 0 0 8px rgb(183 167 255 / 8%); }
.metric p,.metric small,.panel p,.details dt { color:#aebbd2; }
.pill { border-color:#445473; }
.filter-bar::before { color:#5de4e5 !important; }
.app-shell[data-route="marketplace"] .offer-art,
.app-shell[data-route="marketplace"] .offer-art.aqua,
.app-shell[data-route="marketplace"] .offer-art.live,
.app-shell[data-route="marketplace"] .offer-art.family {
 border-color:#62568f;
 background:
   linear-gradient(118deg,rgb(28 27 64 / 80%),rgb(81 55 125 / 52%)),
   url('/brand/celestial/aurora-flow.png') center / cover no-repeat;
}
.app-shell[data-route="marketplace"] .offer-card:nth-child(2) .offer-art {
 background:
   linear-gradient(118deg,rgb(13 43 68 / 78%),rgb(24 92 104 / 42%)),
   url('/brand/celestial/aurora-flow.png') 35% center / cover no-repeat;
}
.app-shell[data-route="marketplace"] .offer-card:nth-child(3) .offer-art {
 background:
   linear-gradient(118deg,rgb(52 30 76 / 74%),rgb(111 70 111 / 42%)),
   url('/brand/celestial/aurora-flow.png') 72% center / cover no-repeat;
}
.offer-art-identity { color:#f4f7ff; }
.offer-card summary,.offer-category { color:#5de4e5; }
.mobile-nav { border-color:#34435f; background:rgba(9,15,34,.97); }
.mobile-nav a[aria-current] { color:#f4f7ff; background:#29264d; box-shadow:inset 0 2px #b7a7ff; }

.login-page {
 background:
   linear-gradient(90deg,rgb(7 11 26 / 28%),rgb(7 11 26 / 86%) 58%,#070b1a),
   url('/brand/celestial/aurora-flow.png') left center / 62% 100% no-repeat,
   #070b1a;
}
.login-page::after { display:none; }
.login-story { background:transparent; }
.login-story .eyebrow,.login-form-content .eyebrow { color:#5de4e5; }
.login-main { background:rgba(7,11,26,.9); }
.login-form-content { padding:34px; border:1px solid #34435f; border-radius:22px; background:rgba(16,24,45,.98); }
.login-card-logo { display:block; }

@media(max-width:1024px) {
 .workspace { margin-left:0; }
 .sidebar { width:264px; }
 .sidebar.open + .nav-backdrop { left:264px; }
}

@media(max-width:760px) {
 .app-shell[data-route="dashboard"] .page-heading,
 .app-shell[data-route="marketplace"] .page-heading {
  min-height:470px;
  padding:34px 24px 138px;
  background:
    linear-gradient(180deg,rgb(7 11 26 / 92%) 0%,rgb(7 11 26 / 58%) 48%,rgb(7 11 26 / 12%) 100%),
    url('/brand/celestial/celestial-eclipse.png') 64% center / cover no-repeat;
 }
 .app-shell[data-route="dashboard"] .page-heading h1,
 .app-shell[data-route="marketplace"] .page-heading h1 { font-size:clamp(2.35rem,10.8vw,3rem); }
 .app-shell[data-route="dashboard"] .page-action,
 .app-shell[data-route="marketplace"] .page-action { right:24px; bottom:24px; left:24px; }
 .topbar { height:88px; padding-inline:16px; }
 .topbar::before {
  width:min(58vw,210px);
  height:68px;
  flex-basis:210px;
  background-image:url('/brand/stellar-orbit-one-color-white.svg');
 }
 .topbar-end { display:none; }
 .login-page {
  background:
    linear-gradient(180deg,rgb(7 11 26 / 24%) 0,rgb(7 11 26 / 93%) 250px,#070b1a 410px),
    url('/brand/celestial/aurora-flow.png') center top / auto 320px no-repeat,
    #070b1a;
 }
 .login-story { min-height:122px; padding:22px 20px 12px; }
 .login-story-copy,.login-story > small { display:none; }
 .login-brand { width:230px; }
 .login-main { padding:18px 20px 40px; background:transparent; }
 .login-form-content { max-width:440px; margin-inline:auto; padding:24px 20px; }
}

@media(max-width:340px) {
 .topbar::before { width:176px; flex-basis:176px; }
 .app-shell[data-route="dashboard"] .page-heading,
 .app-shell[data-route="marketplace"] .page-heading { padding-inline:20px; }
}

/* Keep account management available in the compact Crystal shell. */
@media(max-width:760px) {
 .topbar-end { display:flex; flex:0 0 auto; margin-left:0; }
 .topbar-end > .text-button,
 .topbar-end > .environment { display:none; }
 .profile-trigger { width:44px; min-width:44px; min-height:44px; grid-template-columns:1fr; padding:5px; border-radius:50%; }
 .profile-trigger-copy,.profile-chevron { display:none; }
 .profile-menu { top:82px; }
 .topbar::before { width:min(43vw,164px); flex-basis:min(43vw,164px); margin-right:auto; }
}

@media(max-width:390px) {
 .topbar { gap:6px; padding-inline:10px; }
 .topbar::before { width:min(39vw,148px); flex-basis:min(39vw,148px); }
}

@media(max-width:340px) {
 .topbar::before { width:124px; flex-basis:124px; }
}