:root {
  --lb-bg: #050912;
  --lb-bg-deep: #02050b;
  --lb-panel: rgba(12, 23, 39, .68);
  --lb-panel-strong: rgba(10, 20, 35, .9);
  --lb-line: rgba(147, 189, 224, .13);
  --lb-line-strong: rgba(147, 204, 236, .27);
  --lb-text: #edf6fb;
  --lb-muted: #8fa8ba;
  --lb-soft: #b9cad5;
  --lb-cyan: #65d9ee;
  --lb-blue: #3b7ecb;
  --lb-glow: rgba(75, 200, 229, .26);
  --lb-header-h: 68px;
  --lb-sidebar-w: 284px;
  --lb-footer-h: 38px;
  --lb-radius: 22px;
  --lb-shadow: 0 26px 90px rgba(0,0,0,.32);
  color-scheme: dark;
}

* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
html { background: var(--lb-bg-deep); }
body {
  min-width: 320px;
  min-height: 100dvh;
  overflow-x: hidden;
  color: var(--lb-text);
  background:
    radial-gradient(circle at 70% 18%, rgba(26, 102, 153, .17), transparent 30%),
    radial-gradient(circle at 12% 82%, rgba(29, 119, 137, .09), transparent 27%),
    linear-gradient(145deg, #07101b 0%, #040811 48%, #02050a 100%);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 15px;
  line-height: 1.5;
}

a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }

.lb-ambient {
  position: fixed;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 0;
}

.lb-stars {
  position: absolute;
  inset: 0;
  opacity: .34;
  background-image:
    radial-gradient(circle at 15% 22%, rgba(255,255,255,.7) 0 1px, transparent 1.5px),
    radial-gradient(circle at 72% 16%, rgba(148,221,245,.5) 0 1px, transparent 1.5px),
    radial-gradient(circle at 42% 66%, rgba(255,255,255,.35) 0 1px, transparent 1.5px),
    radial-gradient(circle at 91% 58%, rgba(160,220,240,.38) 0 1px, transparent 1.5px);
  background-size: 210px 210px, 330px 330px, 270px 270px, 390px 390px;
}

.lb-horizon {
  position: absolute;
  width: 86vw;
  height: 32vw;
  min-height: 220px;
  left: 27%;
  bottom: -24vw;
  border: 1px solid rgba(91, 189, 221, .1);
  border-radius: 50%;
  box-shadow: 0 -30px 100px rgba(38, 145, 184, .06);
  transform: perspective(800px) rotateX(62deg);
}

.lb-orbital-line {
  position: absolute;
  border: 1px solid rgba(93, 195, 226, .08);
  border-radius: 50%;
  transform: rotate(-12deg);
}
.orbital-a { width: 52vw; height: 16vw; right: -8vw; top: 24vh; }
.orbital-b { width: 38vw; height: 11vw; right: 2vw; top: 31vh; transform: rotate(18deg); }

.lb-app {
  position: relative;
  z-index: 1;
  min-height: 100dvh;
  display: grid;
  grid-template-columns: var(--lb-sidebar-w) minmax(0, 1fr);
  grid-template-rows: var(--lb-header-h) minmax(0, 1fr) var(--lb-footer-h);
  grid-template-areas:
    "header header"
    "sidebar main"
    "footer footer";
}

.lb-header {
  grid-area: header;
  position: sticky;
  top: 0;
  z-index: 50;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  padding: 0 26px;
  border-bottom: 1px solid var(--lb-line);
  background: linear-gradient(180deg, rgba(5, 12, 22, .93), rgba(5, 10, 18, .76));
  backdrop-filter: blur(18px) saturate(125%);
}

.header-leading, .header-actions, .header-context { display: flex; align-items: center; }
.header-leading { gap: 12px; }
.header-actions { gap: 10px; }
.header-context {
  gap: 8px;
  color: var(--lb-muted);
  font-size: 12px;
  letter-spacing: .04em;
}

.context-pulse {
  width: 7px; height: 7px; border-radius: 50%;
  background: #72e3d1;
  box-shadow: 0 0 0 6px rgba(114,227,209,.07), 0 0 18px rgba(114,227,209,.45);
}

.lb-brand { display: flex; align-items: center; gap: 11px; }
.brand-mark {
  width: 35px; height: 35px;
  display: grid; place-items: center;
  border-radius: 50%;
  border: 1px solid rgba(110,213,239,.36);
  box-shadow: inset 0 0 18px rgba(38,147,185,.18), 0 0 24px rgba(38,147,185,.08);
}
.brand-mark::before,
.brand-mark::after,
.brand-mark i {
  content: "";
  position: absolute;
  border: 1px solid rgba(116,217,241,.36);
  border-radius: 50%;
}
.brand-mark::before { width: 21px; height: 31px; }
.brand-mark::after { width: 31px; height: 12px; }
.brand-mark i { width: 31px; height: 31px; }
.brand-copy { display: grid; line-height: 1.05; }
.brand-copy strong { font-size: 15px; letter-spacing: .01em; }
.brand-copy small { margin-top: 4px; color: var(--lb-muted); font-size: 9px; letter-spacing: .12em; text-transform: uppercase; }

.quiet-link, .access-link {
  padding: 9px 13px;
  border-radius: 10px;
  font-size: 12px;
  transition: .2s ease;
}
.quiet-link { color: var(--lb-soft); }
.quiet-link:hover { background: rgba(255,255,255,.04); color: var(--lb-text); }
.access-link {
  border: 1px solid rgba(102,216,239,.24);
  background: rgba(52,143,184,.11);
}
.access-link:hover { border-color: rgba(102,216,239,.46); background: rgba(52,143,184,.18); }

.nav-toggle {
  display: none;
  width: 38px; height: 38px;
  border: 0;
  border-radius: 10px;
  background: rgba(255,255,255,.04);
  color: var(--lb-text);
}
.nav-toggle span { display: block; width: 17px; height: 1px; margin: 5px auto; background: currentColor; }

.lb-sidebar {
  grid-area: sidebar;
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  padding: 25px 17px 18px;
  border-right: 1px solid var(--lb-line);
  background:
    linear-gradient(180deg, rgba(9,19,32,.74), rgba(5,11,20,.62)),
    radial-gradient(circle at 10% 10%, rgba(60,154,185,.07), transparent 24%);
  backdrop-filter: blur(14px);
}

.sidebar-intro { padding: 3px 9px 20px; }
.micro-label {
  display: block;
  color: #6f8ca1;
  font-size: 9px;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.sidebar-intro strong { display: block; margin-top: 8px; font-size: 16px; font-weight: 620; }
.sidebar-intro p { margin: 8px 0 0; color: var(--lb-muted); font-size: 11px; line-height: 1.6; }

.primary-nav { display: grid; gap: 4px; }
.nav-item {
  position: relative;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) 20px;
  align-items: center;
  min-height: 43px;
  padding: 0 10px;
  color: #9eb2c1;
  border: 1px solid transparent;
  border-radius: 12px;
  font-size: 12px;
  transition: .18s ease;
}
.nav-item:hover {
  color: var(--lb-text);
  background: rgba(255,255,255,.028);
  border-color: rgba(255,255,255,.04);
  transform: translateX(2px);
}
.nav-item.is-active {
  color: #e7f9fc;
  border-color: rgba(104,205,230,.18);
  background: linear-gradient(90deg, rgba(57,153,188,.15), rgba(28,89,123,.04));
  box-shadow: inset 2px 0 0 rgba(102,217,238,.58);
}
.nav-item i { font-style: normal; opacity: .3; font-size: 10px; }
.nav-glyph {
  width: 17px; height: 17px;
  border: 1px solid rgba(129,188,215,.3);
  border-radius: 5px;
  position: relative;
}
.nav-glyph::after {
  content: "";
  position: absolute;
  width: 5px; height: 5px;
  top: 5px; left: 5px;
  border-radius: 50%;
  background: rgba(110,215,237,.65);
  box-shadow: 0 0 10px rgba(110,215,237,.3);
}
.sidebar-spacer { flex: 1; min-height: 18px; }

.context-card {
  position: relative;
  overflow: hidden;
  padding: 16px;
  border: 1px solid rgba(111,197,222,.12);
  border-radius: 15px;
  background: linear-gradient(145deg, rgba(16,35,52,.68), rgba(6,15,26,.72));
  box-shadow: inset 0 1px rgba(255,255,255,.025);
}
.context-card::after {
  content: "";
  position: absolute;
  width: 120px; height: 120px;
  right: -56px; top: -60px;
  border: 1px solid rgba(95,203,230,.12);
  border-radius: 50%;
  box-shadow: 0 0 35px rgba(56,154,183,.08);
}
.context-card strong { display: block; margin-top: 7px; font-size: 12px; }
.context-card p { margin: 6px 0 13px; color: var(--lb-muted); font-size: 10px; line-height: 1.55; }
.context-axis { display: flex; align-items: center; gap: 8px; color: #7892a5; font-size: 8px; text-transform: uppercase; letter-spacing: .1em; }
.context-axis i { flex: 1; height: 1px; background: linear-gradient(90deg, rgba(103,216,237,.16), rgba(103,216,237,.55), rgba(103,216,237,.16)); }

.lb-main {
  grid-area: main;
  min-width: 0;
  min-height: 0;
  padding: 18px 24px 26px;
  overflow: auto;
}

.lb-breadcrumb {
  min-height: 28px;
  display: flex;
  align-items: center;
  gap: 7px;
  color: #698397;
  font-size: 9px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.lb-breadcrumb span[aria-current="page"] { color: #a7bfcc; }
.lb-breadcrumb i { font-style: normal; opacity: .5; }

.page-stage { min-width: 0; }

.hero-grid {
  min-height: min(620px, calc(100dvh - 190px));
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(380px, .92fr);
  align-items: center;
  gap: clamp(28px, 4vw, 70px);
  padding: 30px clamp(8px, 2vw, 30px) 36px;
}

.hero-copy { position: relative; z-index: 2; max-width: 760px; }
.eyebrow {
  display: flex; align-items: center; gap: 9px;
  color: #7f9fb1;
  font-size: 10px;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.eyebrow > span { width: 28px; height: 1px; background: linear-gradient(90deg, var(--lb-cyan), transparent); }

h1, h2, h3, p { text-wrap: pretty; }
.hero-copy h1,
.workspace-head h1,
.access-panel h1 {
  margin: 15px 0 17px;
  font-weight: 540;
  letter-spacing: -.045em;
  line-height: .98;
}
.hero-copy h1 { max-width: 760px; font-size: clamp(42px, 5.5vw, 78px); }
.hero-lead {
  max-width: 650px;
  margin: 0;
  color: #a8bdca;
  font-size: clamp(15px, 1.4vw, 19px);
  line-height: 1.7;
}

.hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 29px; }
.primary-cta, .secondary-cta, .identity-option {
  min-height: 45px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 28px;
  padding: 0 18px;
  border-radius: 12px;
  cursor: pointer;
}
.primary-cta {
  border: 1px solid rgba(112,224,240,.31);
  color: #ecfbfd;
  background:
    linear-gradient(180deg, rgba(42,132,165,.34), rgba(20,81,112,.28)),
    rgba(15,33,50,.72);
  box-shadow: inset 0 1px rgba(255,255,255,.06), 0 14px 35px rgba(8,73,104,.14);
  transition: .2s ease;
}
.primary-cta:hover { transform: translateY(-2px); border-color: rgba(112,224,240,.56); box-shadow: inset 0 1px rgba(255,255,255,.09), 0 18px 42px rgba(8,87,122,.23); }
.secondary-cta { color: #a8bdca; border: 1px solid rgba(255,255,255,.06); background: rgba(255,255,255,.02); }
.secondary-cta:hover { color: #e6f5f8; background: rgba(255,255,255,.04); }

.lifecycle-strip {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-top: 48px;
  border-top: 1px solid var(--lb-line);
}
.lifecycle-strip div {
  position: relative;
  min-width: 0;
  padding: 13px 12px 0 0;
}
.lifecycle-strip div:not(:last-child)::after {
  content: "";
  position: absolute;
  top: -3px; right: 12px;
  width: 5px; height: 5px;
  border-radius: 50%;
  border: 1px solid rgba(101,217,238,.35);
  background: #0a1421;
}
.lifecycle-strip b { display: block; color: #4f6d81; font-size: 8px; font-weight: 500; }
.lifecycle-strip span { display: block; margin-top: 5px; font-size: 10px; color: #bdd0d9; }
.lifecycle-strip small { display: block; margin-top: 2px; color: #657f92; font-size: 8px; }

.world-stage {
  position: relative;
  min-height: 520px;
  display: grid;
  place-items: center;
  perspective: 1300px;
  transform-style: preserve-3d;
}
.world-shadow {
  position: absolute;
  width: 70%; height: 16%;
  bottom: 7%; left: 15%;
  border-radius: 50%;
  background: rgba(20,128,169,.12);
  filter: blur(26px);
  transform: rotateX(65deg);
}
.earth-wrap {
  position: relative;
  width: min(31vw, 430px);
  aspect-ratio: 1;
  transform-style: preserve-3d;
  transform: rotateX(calc(var(--depth-y, 0) * -2deg)) rotateY(calc(var(--depth-x, 0) * 4deg));
  transition: transform .18s ease-out;
}
.earth {
  position: absolute;
  inset: 8%;
  overflow: hidden;
  border-radius: 50%;
  background:
    radial-gradient(circle at 36% 28%, rgba(160,238,248,.52), transparent 9%),
    radial-gradient(ellipse at 56% 35%, rgba(73,173,167,.22) 0 12%, transparent 13%),
    radial-gradient(ellipse at 32% 54%, rgba(88,173,156,.2) 0 15%, transparent 16%),
    radial-gradient(ellipse at 68% 61%, rgba(88,173,156,.18) 0 10%, transparent 11%),
    radial-gradient(circle at 38% 32%, #25799f 0 13%, #155575 31%, #0a304c 57%, #061826 78%);
  box-shadow:
    inset -55px -42px 70px rgba(0,0,0,.6),
    inset 22px 15px 45px rgba(111,224,240,.16),
    0 0 0 1px rgba(114,218,238,.18),
    0 0 75px rgba(34,144,182,.2),
    0 40px 100px rgba(0,0,0,.44);
  transform: translateZ(65px);
}
.earth::before {
  content: "";
  position: absolute;
  inset: -10%;
  opacity: .42;
  background:
    repeating-radial-gradient(ellipse at center, transparent 0 21px, rgba(132,223,238,.16) 22px 23px),
    repeating-linear-gradient(90deg, transparent 0 34px, rgba(130,220,238,.08) 35px 36px);
  transform: rotate(-8deg);
  mix-blend-mode: screen;
}
.earth::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: radial-gradient(circle at 28% 22%, rgba(255,255,255,.22), transparent 14%), linear-gradient(105deg, transparent 28%, rgba(255,255,255,.04) 46%, transparent 58%);
}
.earth-grid {
  position: absolute;
  inset: 8%;
  border: 1px solid rgba(126,225,240,.13);
  border-radius: 50%;
}
.earth-glow {
  position: absolute;
  inset: -8%;
  border: 1px solid rgba(102,216,239,.12);
  border-radius: 50%;
  box-shadow: 0 0 80px rgba(51,171,206,.18);
}
.orbit {
  position: absolute;
  inset: 0;
  border: 1px solid rgba(100,208,232,.2);
  border-radius: 50%;
  transform-style: preserve-3d;
}
.orbit-one { transform: rotateX(68deg) rotateZ(-10deg); }
.orbit-two { inset: -8%; transform: rotateX(74deg) rotateZ(38deg); border-color: rgba(100,208,232,.1); }
.orbit-node {
  position: absolute;
  width: 7px; height: 7px;
  border-radius: 50%;
  background: #8be7ef;
  box-shadow: 0 0 18px rgba(139,231,239,.8);
}
.node-a { top: 21%; right: 6%; }
.node-b { bottom: 16%; left: 3%; }

.float-panel {
  position: absolute;
  min-width: 142px;
  padding: 10px 12px;
  border: 1px solid rgba(125,211,232,.12);
  border-radius: 12px;
  background: rgba(8,21,34,.6);
  backdrop-filter: blur(12px);
  box-shadow: var(--lb-shadow);
}
.float-panel span, .float-panel small { display: block; color: #718da0; font-size: 8px; }
.float-panel strong { display: block; margin: 3px 0; font-size: 11px; font-weight: 560; }
.panel-a { top: 14%; left: -1%; transform: translateZ(110px); }
.panel-b { bottom: 14%; right: 0; transform: translateZ(145px); }

.capability-deck {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  padding: 0 8px 26px;
}
.capability-card {
  min-height: 220px;
  display: grid;
  grid-template-columns: 34px 1fr;
  gap: 7px;
  padding: 20px;
  border: 1px solid var(--lb-line);
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(13,28,45,.69), rgba(6,15,26,.62));
  box-shadow: inset 0 1px rgba(255,255,255,.022);
}
.card-index { color: #4c687c; font-size: 9px; letter-spacing: .1em; }
.capability-card small, .orbit-card small { color: #78a2b5; font-size: 9px; letter-spacing: .12em; text-transform: uppercase; }
.capability-card h2 { margin: 10px 0; font-size: 18px; line-height: 1.18; font-weight: 520; letter-spacing: -.02em; }
.capability-card p, .orbit-card p { margin: 0; color: var(--lb-muted); font-size: 11px; line-height: 1.65; }

.lb-footer {
  grid-area: footer;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  padding: 0 24px;
  border-top: 1px solid var(--lb-line);
  color: #577184;
  font-size: 8px;
  letter-spacing: .08em;
  text-transform: uppercase;
  background: rgba(3,7,13,.72);
}
.lb-footer > :last-child { justify-self: end; }
.footer-thought { color: #7890a0; text-transform: none; letter-spacing: .02em; }

.depth-reactive {
  --depth-x: 0;
  --depth-y: 0;
  transform: perspective(1000px) rotateX(calc(var(--depth-y) * -1.1deg)) rotateY(calc(var(--depth-x) * 1.2deg));
  transform-style: preserve-3d;
  transition: transform .2s ease-out, border-color .2s ease;
}

/* Access */
.page-access .lb-app { grid-template-columns: 1fr; grid-template-areas: "header" "main" "footer"; }
.page-access .lb-sidebar { display: none; }
.page-access .lb-main { padding: 12px 24px 20px; overflow: hidden; }
.page-access .lb-breadcrumb { position: relative; z-index: 4; }

.access-stage {
  position: relative;
  min-height: calc(100dvh - var(--lb-header-h) - var(--lb-footer-h) - 58px);
  display: grid;
  place-items: start center;
  padding-top: clamp(34px, 7vh, 84px);
  perspective: 1200px;
}
.access-world { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
.access-earth {
  position: absolute;
  width: min(80vw, 960px);
  aspect-ratio: 1;
  left: 50%; top: 27%;
  transform: translate(-50%, -50%) translateZ(-150px);
  border-radius: 50%;
  opacity: .42;
  background:
    radial-gradient(circle at 43% 33%, rgba(110,213,230,.28), transparent 5%),
    radial-gradient(ellipse at 57% 42%, rgba(67,160,153,.14) 0 11%, transparent 12%),
    radial-gradient(circle at 50% 46%, #17607d 0 19%, #0a3450 44%, #04131e 69%);
  box-shadow: inset -90px -70px 120px rgba(0,0,0,.72), 0 0 130px rgba(40,154,185,.16);
  filter: blur(.2px);
}
.access-earth::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: repeating-radial-gradient(ellipse, transparent 0 42px, rgba(123,216,234,.08) 43px 44px);
}
.access-depth-line {
  position: absolute;
  left: 50%;
  border: 1px solid rgba(109,205,229,.09);
  border-radius: 50%;
  transform: translateX(-50%) rotateX(68deg);
}
.line-one { width: 78vw; height: 20vw; top: 38%; }
.line-two { width: 58vw; height: 15vw; top: 42%; }

.access-panel {
  position: relative;
  z-index: 3;
  width: min(460px, calc(100vw - 34px));
  padding: 29px 30px 25px;
  border: 1px solid rgba(132,216,235,.18);
  border-radius: 22px;
  background: linear-gradient(145deg, rgba(9,22,37,.91), rgba(5,13,23,.84));
  backdrop-filter: blur(26px) saturate(120%);
  box-shadow: 0 30px 100px rgba(0,0,0,.42), inset 0 1px rgba(255,255,255,.04);
}
.access-panel h1 { font-size: clamp(32px, 4vw, 46px); }
.access-panel > p { margin: 0 0 22px; color: var(--lb-muted); font-size: 12px; line-height: 1.65; }

.access-form { display: grid; gap: 13px; }
.access-form label > span { display: block; margin: 0 0 7px 2px; color: #829bad; font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.access-form input[type="email"],
.access-form input[type="password"] {
  width: 100%;
  min-height: 46px;
  padding: 0 13px;
  color: var(--lb-text);
  border: 1px solid rgba(135,190,216,.13);
  border-radius: 11px;
  outline: 0;
  background: rgba(2,8,15,.48);
  transition: .18s ease;
}
.access-form input:focus { border-color: rgba(102,217,238,.46); box-shadow: 0 0 0 3px rgba(78,181,207,.07); }
.form-meta { display: flex; align-items: center; justify-content: space-between; gap: 15px; color: #6d8798; font-size: 9px; }
.remember { display: flex; align-items: center; gap: 7px; }
.remember input { accent-color: #4bb1ce; }
.form-meta a, .access-footnote a { color: #8fc9d6; }
.full-cta { width: 100%; border-width: 1px; margin-top: 4px; }
.access-divider { display: flex; align-items: center; gap: 10px; margin: 18px 0; color: #526c7d; font-size: 8px; text-transform: uppercase; }
.access-divider::before, .access-divider::after { content: ""; flex: 1; height: 1px; background: var(--lb-line); }
.identity-option { width: 100%; border: 1px solid rgba(255,255,255,.07); color: #a8bdca; background: rgba(255,255,255,.025); }
.identity-option:hover { background: rgba(255,255,255,.045); }
.access-footnote { margin: 17px 0 0 !important; text-align: center; font-size: 9px !important; }
.access-caption {
  position: absolute;
  z-index: 2;
  right: max(6vw, 32px);
  bottom: 4vh;
  display: grid;
  color: #627d90;
  font-size: 10px;
}
.access-caption strong { color: #9db4c2; font-size: 13px; font-weight: 510; }

/* Workspace */
.workspace-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  padding: 25px 8px 26px;
}
.workspace-head h1 { max-width: 800px; font-size: clamp(36px, 4.7vw, 66px); }
.workspace-head p { max-width: 650px; margin: 0; color: var(--lb-muted); font-size: 13px; }
.compact-cta { min-height: 42px; white-space: nowrap; border-width: 1px; }

.workspace-orbit {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(280px, .7fr);
  gap: 13px;
  padding: 0 8px 28px;
}
.workspace-focus, .orbit-card {
  border: 1px solid var(--lb-line);
  border-radius: 20px;
  background: linear-gradient(145deg, rgba(13,28,45,.74), rgba(6,15,26,.66));
  box-shadow: inset 0 1px rgba(255,255,255,.025);
}
.workspace-focus { padding: 22px; }
.workspace-topline { display: flex; align-items: start; justify-content: space-between; gap: 20px; }
.workspace-topline h2 { margin: 7px 0 0; font-size: 22px; font-weight: 540; letter-spacing: -.025em; }
.status-pill {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 7px 9px;
  border: 1px solid rgba(101,208,184,.14);
  border-radius: 999px;
  color: #8bb8ad;
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.status-pill i { width: 5px; height: 5px; border-radius: 50%; background: #6fd6bb; box-shadow: 0 0 10px rgba(111,214,187,.5); }

.workspace-mapfield {
  position: relative;
  min-height: 330px;
  margin-top: 20px;
  overflow: hidden;
  border: 1px solid rgba(111,202,225,.1);
  border-radius: 16px;
  background:
    radial-gradient(circle at 54% 54%, rgba(35,130,161,.15), transparent 28%),
    linear-gradient(160deg, rgba(5,14,24,.72), rgba(2,7,13,.88));
}
.field-grid {
  position: absolute; inset: 0;
  opacity: .32;
  background-image:
    linear-gradient(rgba(115,196,217,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(115,196,217,.08) 1px, transparent 1px);
  background-size: 42px 42px;
  transform: perspective(700px) rotateX(61deg) scale(1.5) translateY(-3%);
  transform-origin: center 80%;
}
.mini-earth {
  position: absolute;
  width: 230px; aspect-ratio: 1;
  top: 48%; left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background:
    radial-gradient(ellipse at 40% 38%, rgba(75,164,153,.18) 0 14%, transparent 15%),
    radial-gradient(circle at 38% 29%, rgba(112,217,233,.28), transparent 8%),
    radial-gradient(circle, #1b6989 0, #0b3b58 52%, #041620 73%);
  box-shadow: inset -45px -35px 70px rgba(0,0,0,.68), 0 0 70px rgba(42,149,181,.15);
}
.mini-earth::after {
  content: "";
  position: absolute; inset: -12%;
  border: 1px solid rgba(105,207,230,.14);
  border-radius: 50%;
  transform: rotateX(69deg);
}
.field-node {
  position: absolute;
  width: 8px; height: 8px;
  border: 1px solid #80dfea;
  border-radius: 50%;
  box-shadow: 0 0 14px rgba(128,223,234,.5);
}
.node-1 { top: 29%; left: 26%; }
.node-2 { top: 43%; right: 27%; }
.node-3 { bottom: 22%; left: 42%; }
.field-caption { position: absolute; left: 14px; bottom: 12px; color: #718b9d; font-size: 8px; letter-spacing: .1em; text-transform: uppercase; }

.workspace-metrics {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-top: 12px;
}
.workspace-metrics > div {
  padding: 13px 14px;
  border: 1px solid rgba(255,255,255,.045);
  border-radius: 13px;
  background: rgba(255,255,255,.018);
}
.workspace-metrics small, .workspace-metrics span { display: block; color: #6d8798; font-size: 8px; }
.workspace-metrics strong { display: block; margin: 2px 0; font-size: 20px; font-weight: 520; }

.workspace-side { display: grid; gap: 13px; }
.orbit-card { position: relative; min-height: 0; padding: 20px; }
.orbit-card h3 { margin: 11px 0 9px; font-size: 17px; font-weight: 520; line-height: 1.25; }
.orbit-card a { position: absolute; left: 20px; bottom: 18px; color: #8fc7d5; font-size: 9px; }
.orbit-card .card-index { position: absolute; right: 17px; top: 16px; }

/* Page flight */
.flight-veil {
  position: fixed;
  z-index: 200;
  inset: 0;
  pointer-events: none;
  opacity: 0;
  background:
    radial-gradient(circle at 50% 50%, rgba(57,153,188,.18), transparent 26%),
    rgba(2,6,11,.72);
  backdrop-filter: blur(4px);
  transform: scale(1.05);
  transition: opacity .24s ease, transform .24s ease;
}
body.is-flying .flight-veil { opacity: 1; transform: scale(1); }

/* Responsive */
@media (max-width: 1200px) {
  :root { --lb-sidebar-w: 248px; }
  .hero-grid { grid-template-columns: minmax(0, 1.05fr) minmax(330px, .75fr); }
  .earth-wrap { width: min(34vw, 390px); }
  .capability-deck { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
  .lb-app {
    grid-template-columns: 1fr;
    grid-template-areas: "header" "main" "footer";
  }
  .lb-sidebar {
    position: fixed;
    z-index: 80;
    top: var(--lb-header-h);
    bottom: var(--lb-footer-h);
    left: 0;
    width: min(86vw, 310px);
    transform: translateX(-102%);
    transition: transform .23s ease;
    box-shadow: 25px 0 70px rgba(0,0,0,.34);
  }
  body.nav-open .lb-sidebar { transform: translateX(0); }
  .nav-toggle { display: block; }
  .header-context { display: none; }
  .lb-main { padding-inline: 18px; }
  .hero-grid { grid-template-columns: 1fr; padding-top: 42px; }
  .world-stage { min-height: 400px; margin-top: -15px; }
  .earth-wrap { width: min(58vw, 380px); }
  .workspace-orbit { grid-template-columns: 1fr; }
  .workspace-side { grid-template-columns: repeat(2, 1fr); }
  .orbit-card { min-height: 220px; }
}

@media (max-width: 640px) {
  :root { --lb-header-h: 62px; --lb-footer-h: 34px; }
  .lb-header { padding: 0 13px; }
  .brand-copy small, .quiet-link { display: none; }
  .brand-mark { width: 31px; height: 31px; }
  .header-actions { gap: 4px; }
  .access-link { padding: 7px 10px; }
  .lb-main { padding: 12px 12px 20px; }
  .hero-grid { min-height: auto; padding: 42px 5px 16px; gap: 12px; }
  .hero-copy h1 { font-size: clamp(39px, 12.4vw, 58px); }
  .hero-lead { font-size: 14px; }
  .hero-actions { align-items: stretch; }
  .primary-cta, .secondary-cta { width: 100%; }
  .lifecycle-strip { grid-template-columns: repeat(5, 1fr); overflow: hidden; }
  .lifecycle-strip small { display: none; }
  .lifecycle-strip div { padding-right: 4px; }
  .world-stage { min-height: 330px; }
  .earth-wrap { width: min(78vw, 330px); }
  .float-panel { display: none; }
  .capability-deck { grid-template-columns: 1fr; padding-inline: 4px; }
  .capability-card { min-height: 180px; }
  .lb-footer { grid-template-columns: 1fr auto; padding: 0 12px; }
  .footer-thought { display: none; }
  .workspace-head { display: grid; padding-inline: 4px; }
  .workspace-head h1 { font-size: clamp(37px, 11vw, 54px); }
  .compact-cta { width: 100%; }
  .workspace-orbit { padding-inline: 4px; }
  .workspace-side { grid-template-columns: 1fr; }
  .workspace-metrics { grid-template-columns: 1fr; }
  .workspace-mapfield { min-height: 260px; }
  .page-access .lb-main { padding-inline: 10px; }
  .access-stage { padding-top: 26px; }
  .access-panel { padding: 24px 20px 21px; }
  .access-caption { display: none; }
  .form-meta { align-items: flex-start; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
  }
  .depth-reactive, .earth-wrap { transform: none !important; }
}

/* Identity foundation */
.header-logout { margin: 0; }
.header-logout button { cursor: pointer; color: inherit; }
.form-alert {
  margin: 0 0 14px;
  padding: 10px 12px;
  border: 1px solid rgba(239, 129, 133, .22);
  border-radius: 10px;
  color: #e8b1b4;
  background: rgba(126, 48, 55, .12);
  font-size: 10px;
  line-height: 1.55;
}
.field-error {
  display: block;
  margin: 5px 2px 0;
  color: #e8a9ad;
  font-size: 9px;
  line-height: 1.4;
}
.registration-stage { padding-top: clamp(24px, 4.5vh, 54px); }
.registration-panel { width: min(620px, calc(100vw - 34px)); }
.two-field-row,
.three-field-row {
  display: grid;
  gap: 12px;
}
.two-field-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.three-field-row { grid-template-columns: .7fr 1.15fr .7fr; }
.identity-option:disabled { cursor: not-allowed; opacity: .62; }

.profile-head {
  min-height: 230px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  padding: 26px 16px 22px;
}
.profile-head > div:first-child { max-width: 820px; }
.profile-head h1 {
  max-width: 800px;
  margin: 15px 0 16px;
  font-size: clamp(38px, 4.8vw, 67px);
  font-weight: 540;
  letter-spacing: -.045em;
  line-height: 1;
}
.profile-head p {
  max-width: 650px;
  margin: 0;
  color: var(--lb-muted);
  font-size: 13px;
  line-height: 1.65;
}
.identity-orbit {
  position: relative;
  width: 150px;
  aspect-ratio: 1;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
}
.identity-orbit::before,
.identity-orbit::after,
.identity-orbit i {
  content: "";
  position: absolute;
  inset: 12%;
  border: 1px solid rgba(102,217,238,.16);
  border-radius: 50%;
}
.identity-orbit::after { inset: 0; transform: rotateX(66deg); }
.identity-orbit i:first-of-type { transform: rotateY(66deg); }
.identity-orbit i:last-of-type { inset: 23%; border-color: rgba(102,217,238,.11); }
.identity-core,
.profile-avatar {
  display: grid;
  place-items: center;
  border: 1px solid rgba(112,224,240,.28);
  border-radius: 50%;
  color: #dff9fc;
  background:
    radial-gradient(circle at 35% 30%, rgba(113,224,240,.21), transparent 30%),
    #0a2637;
  box-shadow: inset -10px -12px 20px rgba(0,0,0,.25), 0 0 38px rgba(50,166,196,.15);
}
.identity-core { width: 65px; height: 65px; font-size: 22px; }

.profile-grid {
  display: grid;
  grid-template-columns: minmax(230px, .42fr) minmax(0, 1.3fr);
  gap: 13px;
  padding: 0 8px 28px;
}
.profile-card {
  border: 1px solid var(--lb-line);
  border-radius: 20px;
  background: linear-gradient(145deg, rgba(13,28,45,.74), rgba(6,15,26,.68));
  box-shadow: inset 0 1px rgba(255,255,255,.025);
}
.identity-summary { padding: 24px; }
.profile-avatar {
  width: 74px;
  height: 74px;
  margin: 26px 0 18px;
  font-size: 25px;
}
.identity-summary h2 { margin: 0; font-size: 20px; font-weight: 540; }
.identity-summary > p { margin: 5px 0 24px; color: var(--lb-muted); font-size: 10px; }
.identity-summary dl { margin: 0; border-top: 1px solid var(--lb-line); }
.identity-summary dl > div {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  padding: 11px 0;
  border-bottom: 1px solid rgba(147,189,224,.07);
}
.identity-summary dt { color: #6f899b; font-size: 8px; text-transform: uppercase; letter-spacing: .08em; }
.identity-summary dd { margin: 0; color: #afc4cf; font-size: 9px; }
.status-dot {
  display: inline-block;
  width: 5px; height: 5px;
  margin-right: 6px;
  border-radius: 50%;
  background: #6fd6bb;
  box-shadow: 0 0 9px rgba(111,214,187,.45);
}
.profile-editor { padding: 24px; }
.panel-heading h2 { margin: 7px 0 22px; font-size: 20px; font-weight: 520; }
.profile-form { display: grid; gap: 13px; }
.profile-form label > span {
  display: block;
  margin: 0 0 7px 2px;
  color: #829bad;
  font-size: 9px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.profile-form input,
.profile-form textarea {
  width: 100%;
  padding: 0 13px;
  color: var(--lb-text);
  border: 1px solid rgba(135,190,216,.13);
  border-radius: 11px;
  outline: 0;
  background: rgba(2,8,15,.42);
  transition: .18s ease;
}
.profile-form input { min-height: 44px; }
.profile-form textarea { min-height: 115px; padding-top: 12px; resize: vertical; }
.profile-form input:focus,
.profile-form textarea:focus {
  border-color: rgba(102,217,238,.46);
  box-shadow: 0 0 0 3px rgba(78,181,207,.07);
}
.profile-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  padding-top: 8px;
}
.profile-actions > span { color: #617d90; font-size: 9px; }
.profile-actions .primary-cta { border-width: 1px; }
.profile-actions b { font-weight: 400; }

@media (max-width: 900px) {
  .profile-grid { grid-template-columns: 1fr; }
  .identity-summary { display: grid; grid-template-columns: auto 1fr; column-gap: 18px; }
  .identity-summary .micro-label,
  .identity-summary dl { grid-column: 1 / -1; }
  .profile-avatar { margin: 20px 0; }
  .identity-summary h2 { align-self: end; margin-bottom: 3px; }
  .identity-summary > p { grid-column: 2; margin-top: -16px; }
}

@media (max-width: 640px) {
  .two-field-row,
  .three-field-row { grid-template-columns: 1fr; }
  .profile-head { min-height: auto; padding-inline: 4px; }
  .identity-orbit { display: none; }
  .profile-grid { padding-inline: 4px; }
  .profile-actions { display: grid; }
  .profile-actions .primary-cta { width: 100%; }
  .header-actions .quiet-link.flight-link { max-width: 92px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}
.deferred-action { color: #607c8f; cursor: default; }

/* Organization / tenant foundation */
.organization-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 13px;
  padding: 0 8px 28px;
}
.organization-card {
  position: relative;
  min-height: 270px;
  padding: 22px;
  border: 1px solid var(--lb-line);
  border-radius: 20px;
  background: linear-gradient(145deg, rgba(13,28,45,.72), rgba(6,15,26,.66));
  box-shadow: inset 0 1px rgba(255,255,255,.025);
}
.organization-card.is-current {
  border-color: rgba(102,217,238,.25);
  box-shadow: inset 0 0 0 1px rgba(102,217,238,.04), 0 20px 55px rgba(21,107,136,.08);
}
.org-mark {
  width: 54px; height: 54px;
  display: grid; place-items: center;
  margin: 26px 0 17px;
  border: 1px solid rgba(106,214,236,.22);
  border-radius: 15px;
  color: #d8f7fb;
  background: linear-gradient(145deg, rgba(42,128,160,.22), rgba(7,26,41,.8));
  box-shadow: inset 0 1px rgba(255,255,255,.04), 0 12px 30px rgba(0,0,0,.18);
}
.personal-mark { border-radius: 50%; }
.organization-card h2 { margin: 0; font-size: 19px; font-weight: 530; letter-spacing: -.02em; }
.organization-card > p { margin: 7px 0 22px; color: var(--lb-muted); font-size: 10px; line-height: 1.6; }
.organization-card-foot {
  position: absolute;
  left: 22px; right: 22px; bottom: 19px;
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
}
.context-switch {
  padding: 0;
  border: 0;
  color: #8fc9d6;
  background: transparent;
  cursor: pointer;
  font-size: 9px;
}
.context-switch span { margin-left: 5px; }
.org-open { color: #718d9e; font-size: 9px; }
.active-context-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #89b7ae;
  font-size: 8px;
  letter-spacing: .05em;
  text-transform: uppercase;
}
.active-context-badge i {
  width: 6px; height: 6px;
  border-radius: 50%;
  background: #6fd6bb;
  box-shadow: 0 0 10px rgba(111,214,187,.5);
}
.large-badge {
  padding: 10px 12px;
  border: 1px solid rgba(111,214,187,.14);
  border-radius: 999px;
}
.organization-empty { border-style: dashed; opacity: .82; }
.organization-create-grid,
.organization-detail-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, .6fr);
  gap: 13px;
  padding: 0 8px 28px;
}
.organization-create-head { min-height: 200px; }
.profile-form select {
  width: 100%;
  min-height: 44px;
  padding: 0 12px;
  color: var(--lb-text);
  border: 1px solid rgba(135,190,216,.13);
  border-radius: 11px;
  outline: 0;
  background: #07111d;
}
.tenant-principle {
  min-height: 340px;
  padding: 24px;
  border: 1px solid var(--lb-line);
  border-radius: 20px;
  background: linear-gradient(145deg, rgba(13,28,45,.72), rgba(6,15,26,.66));
}
.tenant-principle h2 { margin: 10px 0; font-size: 20px; font-weight: 520; line-height: 1.25; }
.tenant-principle p { margin: 0; color: var(--lb-muted); font-size: 11px; line-height: 1.65; }
.tenant-diagram {
  min-height: 170px;
  display: grid;
  grid-template-columns: 72px 1fr 72px;
  align-items: center;
  margin-top: 18px;
}
.tenant-person,
.tenant-org {
  width: 64px; height: 64px;
  display: grid; place-items: center;
  border: 1px solid rgba(106,214,236,.2);
  color: #bddbe4;
  background: rgba(11,35,51,.6);
}
.tenant-person { border-radius: 50%; }
.tenant-org { border-radius: 17px; }
.tenant-diagram i {
  height: 1px;
  background: linear-gradient(90deg, rgba(102,217,238,.1), rgba(102,217,238,.5), rgba(102,217,238,.1));
}
.organization-detail-grid { grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr); }
.organization-focus { padding: 22px; }
.role-pill {
  padding: 7px 9px;
  border: 1px solid rgba(105,191,216,.13);
  border-radius: 999px;
  color: #8aa6b7;
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.tenant-field {
  position: relative;
  min-height: 300px;
  display: grid;
  place-items: center;
  margin-top: 20px;
  overflow: hidden;
  border: 1px solid rgba(111,202,225,.09);
  border-radius: 16px;
  background: radial-gradient(circle at 50% 50%, rgba(35,130,161,.14), transparent 27%), rgba(3,10,18,.62);
}
.tenant-core {
  width: 92px; height: 92px;
  display: grid; place-items: center;
  border: 1px solid rgba(112,224,240,.25);
  border-radius: 22px;
  color: #e4fafd;
  font-size: 28px;
  background: linear-gradient(145deg, rgba(49,145,177,.25), rgba(5,23,37,.84));
  box-shadow: 0 0 55px rgba(42,149,181,.13);
}
.tenant-ring {
  position: absolute;
  border: 1px solid rgba(102,217,238,.12);
  border-radius: 50%;
}
.ring-a { width: 260px; height: 100px; transform: rotate(-12deg); }
.ring-b { width: 220px; height: 220px; transform: rotateX(68deg); }
.tenant-node {
  position: absolute;
  width: 7px; height: 7px;
  border-radius: 50%;
  background: #80dfea;
  box-shadow: 0 0 13px rgba(128,223,234,.55);
}
.tenant-node.n1 { top: 28%; left: 24%; }
.tenant-node.n2 { top: 41%; right: 24%; }
.tenant-node.n3 { bottom: 24%; left: 43%; }
.member-panel { padding: 22px; }
.member-panel h2 { margin: 8px 0 18px; font-size: 19px; font-weight: 520; }
.member-list { display: grid; gap: 8px; }
.member-row {
  display: grid;
  grid-template-columns: 34px minmax(0,1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 10px;
  border: 1px solid rgba(255,255,255,.045);
  border-radius: 12px;
  background: rgba(255,255,255,.018);
}
.member-avatar {
  width: 32px; height: 32px;
  display: grid; place-items: center;
  border-radius: 50%;
  border: 1px solid rgba(102,217,238,.16);
  color: #c9e6ed;
  background: rgba(29,94,119,.18);
}
.member-row strong, .member-row small { display: block; }
.member-row strong { font-size: 10px; font-weight: 520; }
.member-row small { margin-top: 2px; color: #657f92; font-size: 8px; }
.member-role { color: #7f9bac; font-size: 8px; }
.deferred-member-action {
  margin-top: 16px;
  padding-top: 13px;
  border-top: 1px solid var(--lb-line);
  color: #637f91;
  font-size: 9px;
  line-height: 1.55;
}

@media (max-width: 1000px) {
  .organization-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .organization-detail-grid { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .organization-create-grid { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .organization-grid { grid-template-columns: 1fr; padding-inline: 4px; }
  .organization-card { min-height: 245px; }
  .organization-create-grid,
  .organization-detail-grid { padding-inline: 4px; }
}

/* Workspace / Project foundation */
.workspace-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 13px;
  padding: 0 8px 28px;
}
.workspace-tile {
  position: relative;
  min-height: 290px;
  padding: 22px;
  border: 1px solid var(--lb-line);
  border-radius: 20px;
  background: linear-gradient(145deg, rgba(13,28,45,.72), rgba(6,15,26,.66));
  box-shadow: inset 0 1px rgba(255,255,255,.025);
}
.workspace-tile.is-current { border-color: rgba(102,217,238,.25); }
.workspace-tile-top { display: flex; justify-content: space-between; align-items: center; }
.workspace-symbol {
  position: relative;
  width: 72px; height: 72px;
  margin: 27px 0 19px;
  border: 1px solid rgba(102,217,238,.18);
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(37,112,142,.16), rgba(4,19,31,.7));
  transform: rotateX(10deg) rotateY(-12deg);
  box-shadow: 0 17px 40px rgba(0,0,0,.17);
}
.workspace-symbol i {
  position: absolute;
  border: 1px solid rgba(102,217,238,.15);
  border-radius: 13px;
}
.workspace-symbol i:first-child { inset: 10px -10px -10px 10px; }
.workspace-symbol i:last-child { inset: 20px -20px -20px 20px; opacity: .55; }
.workspace-tile h2 { margin: 0; font-size: 19px; font-weight: 530; letter-spacing: -.02em; }
.workspace-tile > p { margin: 7px 0 24px; color: var(--lb-muted); font-size: 10px; line-height: 1.6; }
.workspace-tile-foot {
  position: absolute;
  left: 22px; right: 22px; bottom: 19px;
  display: flex; justify-content: space-between; align-items: center;
  color: #667f90; font-size: 9px;
}
.workspace-tile-foot a { color: #8fc9d6; }
.workspace-tile-foot b { font-weight: 400; }
.workspace-empty { border-style: dashed; opacity: .82; }
.workspace-create-head,
.project-create-head { min-height: 200px; }
.workspace-context-diagram {
  display: grid;
  grid-template-columns: 58px 1fr 90px 1fr 64px;
  align-items: center;
  gap: 7px;
  margin-top: 38px;
}
.workspace-context-diagram span,
.workspace-context-diagram strong {
  min-height: 48px;
  display: grid; place-items: center;
  border: 1px solid rgba(102,217,238,.14);
  border-radius: 12px;
  color: #9db9c6;
  background: rgba(14,39,55,.4);
  font-size: 9px;
  font-weight: 500;
}
.workspace-context-diagram i {
  height: 1px;
  background: linear-gradient(90deg, rgba(102,217,238,.1), rgba(102,217,238,.4), rgba(102,217,238,.1));
}
.workspace-head-actions { display: flex; gap: 9px; align-items: center; }
.workspace-head-actions form { margin: 0; }
.workspace-core-symbol {
  position: absolute;
  width: 180px; height: 180px;
  top: 50%; left: 50%;
  transform: translate(-50%,-50%) rotateX(58deg) rotateZ(-12deg);
  border: 1px solid rgba(102,217,238,.16);
  border-radius: 28px;
  box-shadow: 0 0 60px rgba(42,149,181,.08);
}
.workspace-core-symbol::before,
.workspace-core-symbol::after,
.workspace-core-symbol span {
  content: "";
  position: absolute;
  border: 1px solid rgba(102,217,238,.12);
  border-radius: 24px;
}
.workspace-core-symbol::before { inset: 18px -18px -18px 18px; }
.workspace-core-symbol::after { inset: 36px -36px -36px 36px; opacity: .65; }
.workspace-core-symbol span { inset: 54px -54px -54px 54px; opacity: .35; }
.project-stack { align-content: start; }
.project-card { min-height: 220px; }
.project-context-grid {
  display: grid;
  grid-template-columns: minmax(0,1.4fr) minmax(290px,.6fr);
  gap: 13px;
  padding: 0 8px 28px;
}
.project-focus { padding: 28px; }
.project-focus h2 { margin: 12px 0 8px; font-size: 28px; font-weight: 520; letter-spacing: -.025em; }
.project-objective { max-width: 760px; color: var(--lb-muted); font-size: 12px; line-height: 1.7; }
.project-path {
  display: grid;
  grid-template-columns: auto 1fr auto 1fr auto 1fr auto 1fr auto;
  align-items: center;
  gap: 8px;
  margin-top: 46px;
  color: #607b8e;
  font-size: 8px;
  letter-spacing: .07em;
  text-transform: uppercase;
}
.project-path i {
  height: 1px;
  background: linear-gradient(90deg, rgba(102,217,238,.08), rgba(102,217,238,.35), rgba(102,217,238,.08));
}
.project-path .is-ready { color: #a4ccd6; }
.project-boundary { padding: 24px; }
.project-boundary dl { margin: 0; }
.project-boundary dl > div {
  display: flex; justify-content: space-between; gap: 18px;
  padding: 12px 0;
  border-bottom: 1px solid rgba(147,189,224,.07);
}
.project-boundary dt { color: #698396; font-size: 8px; text-transform: uppercase; letter-spacing: .08em; }
.project-boundary dd { margin: 0; color: #afc4cf; font-size: 9px; text-align: right; }

@media (max-width: 1000px) {
  .workspace-card-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .project-context-grid { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
  .workspace-head-actions { width: 100%; display: grid; }
  .workspace-head-actions .primary-cta,
  .workspace-head-actions .secondary-cta { width: 100%; }
}
@media (max-width: 640px) {
  .workspace-card-grid { grid-template-columns: 1fr; padding-inline: 4px; }
  .workspace-context-diagram { grid-template-columns: 1fr; }
  .workspace-context-diagram i { width: 1px; height: 18px; justify-self: center; }
  .project-context-grid { padding-inline: 4px; }
  .project-path { grid-template-columns: 1fr; gap: 6px; }
  .project-path i { width: 1px; height: 12px; justify-self: center; }
}

/* Data / GeoData / GeoCatalog / GeoSearch foundation */
.catalog-search-panel {
  margin: 0 8px 13px;
  padding: 18px;
  border: 1px solid var(--lb-line);
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(12,27,44,.74), rgba(5,14,24,.67));
}
.catalog-search-form { display: grid; gap: 13px; }
.catalog-query { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: end; gap: 10px; }
.catalog-search-form label > span {
  display: block; margin: 0 0 7px 2px; color: #7893a5; font-size: 8px; letter-spacing: .09em; text-transform: uppercase;
}
.catalog-search-form input {
  width: 100%; min-height: 43px; padding: 0 12px;
  color: var(--lb-text); border: 1px solid rgba(135,190,216,.13);
  border-radius: 10px; outline: 0; background: rgba(2,8,15,.42);
}
.catalog-search-form details { color: #6f899b; font-size: 9px; }
.catalog-search-form summary { cursor: pointer; }
.bbox-fields { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 9px; margin-top: 11px; }
.catalog-grid {
  display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 13px; padding: 0 8px 28px;
}
.data-card {
  position: relative; min-height: 330px; padding: 21px;
  border: 1px solid var(--lb-line); border-radius: 20px;
  background: linear-gradient(145deg, rgba(13,28,45,.72), rgba(6,15,26,.66));
}
.data-card-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.resource-kind, .resource-status { font-size: 8px; letter-spacing: .08em; text-transform: uppercase; }
.resource-kind { color: #83a6b8; }
.resource-status { color: #607b8e; }
.data-orbit {
  position: relative; width: 82px; height: 82px; display: grid; place-items: center; margin: 24px 0 18px;
  border: 1px solid rgba(102,217,238,.16); border-radius: 50%; color: #a9d3dc; font-size: 9px;
  background: radial-gradient(circle, rgba(47,145,176,.17), rgba(3,14,23,.35) 60%);
}
.data-orbit i { position: absolute; border: 1px solid rgba(102,217,238,.13); border-radius: 50%; }
.data-orbit i:first-of-type { width: 104px; height: 34px; transform: rotate(-14deg); }
.data-orbit i:last-of-type { width: 66px; height: 98px; transform: rotate(21deg); }
.data-card h2 { margin: 0; font-size: 19px; font-weight: 530; letter-spacing: -.02em; }
.data-card > p { margin: 7px 0 14px; color: var(--lb-muted); font-size: 10px; line-height: 1.6; }
.data-meta-row { display: flex; justify-content: space-between; gap: 12px; color: #668092; font-size: 8px; }
.data-card-foot {
  position: absolute; left: 21px; right: 21px; bottom: 18px;
  display: flex; justify-content: space-between; gap: 12px; align-items: center; color: #5f7a8c; font-size: 8px;
}
.data-card-foot a { color: #8fc9d6; }
.data-card-foot b { font-weight: 400; }
.catalog-empty { border-style: dashed; min-height: 220px; }
.source-grid {
  display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 13px; padding: 0 8px 28px;
}
.source-card {
  position: relative; min-height: 280px; padding: 22px; border: 1px solid var(--lb-line); border-radius: 20px;
  background: linear-gradient(145deg, rgba(13,28,45,.72), rgba(6,15,26,.66));
}
.source-symbol {
  width: 66px; height: 66px; display: grid; place-items: center; margin: 26px 0 18px;
  border: 1px solid rgba(102,217,238,.16); border-radius: 18px; transform: rotateX(12deg) rotateY(-12deg);
  background: rgba(29,94,119,.12);
}
.source-symbol::before, .source-symbol::after, .source-symbol span {
  content: ""; position: absolute; width: 34px; height: 10px; border: 1px solid rgba(102,217,238,.17); border-radius: 50%;
}
.source-symbol::before { transform: translateY(-11px); }
.source-symbol::after { transform: translateY(11px); }
.source-card h2 { margin: 0; font-size: 18px; font-weight: 520; }
.source-card > p { margin: 6px 0 14px; color: var(--lb-muted); font-size: 10px; }
.source-card dl { margin: 0 0 30px; }
.source-card dl > div { display: flex; justify-content: space-between; gap: 12px; padding: 7px 0; border-bottom: 1px solid rgba(147,189,224,.06); }
.source-card dt, .source-card dd { font-size: 8px; }
.source-card dt { color: #637f91; text-transform: uppercase; }
.source-card dd { margin: 0; color: #9bb3c0; text-align: right; }
.source-card > a { position: absolute; left: 22px; bottom: 18px; color: #8fc9d6; font-size: 9px; }
.source-empty { border-style: dashed; }
.data-registration { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 13px; padding: 0 8px 28px; }
.form-guidance { color: #637f91; font-size: 8px; line-height: 1.5; }
.data-detail-grid { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(300px,.6fr); gap: 13px; padding: 0 8px 28px; }
.data-focus { padding: 22px; }
.data-spatial-field {
  position: relative; min-height: 300px; margin-top: 20px; overflow: hidden;
  border: 1px solid rgba(111,202,225,.09); border-radius: 16px;
  background: radial-gradient(circle at 50% 50%, rgba(35,130,161,.13), transparent 27%), rgba(3,10,18,.62);
}
.data-grid-plane {
  position: absolute; inset: -18%; opacity: .36;
  background-image: linear-gradient(rgba(115,196,217,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(115,196,217,.08) 1px, transparent 1px);
  background-size: 34px 34px; transform: perspective(720px) rotateX(61deg) translateY(14%);
}
.data-footprint {
  position: absolute; width: 190px; height: 118px; left: 50%; top: 48%;
  transform: translate(-50%,-50%) rotate(-12deg); border: 1px solid rgba(102,217,238,.35);
  background: linear-gradient(145deg, rgba(60,161,190,.13), rgba(21,85,114,.05));
  clip-path: polygon(10% 17%, 68% 0, 100% 29%, 86% 82%, 43% 100%, 0 67%);
  box-shadow: 0 0 35px rgba(42,149,181,.12);
}
.data-footprint.no-footprint { opacity: .18; border-style: dashed; }
.data-spatial-field > span { position: absolute; left: 13px; bottom: 11px; color: #647e90; font-size: 8px; text-transform: uppercase; letter-spacing: .1em; }
.metric-text { font-size: 13px !important; line-height: 1.35; }
.data-side-stack { display: grid; gap: 13px; align-content: start; }
.data-metadata, .binding-panel { padding: 22px; }
.data-metadata dl { margin: 13px 0 0; }
.data-metadata dl > div {
  display: flex; justify-content: space-between; gap: 16px; padding: 10px 0; border-bottom: 1px solid rgba(147,189,224,.06);
}
.data-metadata dt { color: #637f91; font-size: 8px; text-transform: uppercase; letter-spacing: .07em; }
.data-metadata dd { margin: 0; max-width: 60%; color: #a7bdc8; font-size: 9px; text-align: right; overflow-wrap: anywhere; }
.binding-row {
  display: flex; justify-content: space-between; gap: 12px; align-items: center;
  padding: 10px 0; border-bottom: 1px solid rgba(147,189,224,.06);
}
.binding-row strong, .binding-row small { display: block; }
.binding-row strong { font-size: 10px; font-weight: 520; }
.binding-row small { margin-top: 2px; color: #637f91; font-size: 8px; }
.binding-row > span { color: #7995a6; font-size: 8px; }
.binding-panel > p { color: var(--lb-muted); font-size: 10px; }

@media (max-width: 1100px) {
  .catalog-grid, .source-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .data-registration { grid-template-columns: 1fr; }
  .data-detail-grid { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
  .bbox-fields { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .catalog-query { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .catalog-grid, .source-grid { grid-template-columns: 1fr; padding-inline: 4px; }
  .catalog-search-panel { margin-inline: 4px; }
  .bbox-fields { grid-template-columns: 1fr 1fr; }
  .data-registration, .data-detail-grid { padding-inline: 4px; }
}

/* Shared Map / Service / Spatial Capabilities */
.spatial-service-grid,
.capability-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 13px;
  padding: 0 8px 28px;
}
.spatial-service-card,
.capability-registry-card {
  position: relative;
  min-height: 320px;
  padding: 22px;
  border: 1px solid var(--lb-line);
  border-radius: 20px;
  background: linear-gradient(145deg,rgba(13,28,45,.72),rgba(6,15,26,.66));
}
.spatial-service-top {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
}
.protocol-pill,
.exposure-pill {
  font-size:8px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.protocol-pill { color:#99cbd6; }
.exposure-pill { color:#667f90; }
.service-orbit {
  position:relative;
  width:88px;
  height:88px;
  display:grid;
  place-items:center;
  margin:27px 0 18px;
  border:1px solid rgba(102,217,238,.18);
  border-radius:50%;
  color:#b8dce4;
  font-size:9px;
  background:radial-gradient(circle,rgba(43,139,171,.18),rgba(3,14,23,.32) 62%);
}
.service-orbit i {
  position:absolute;
  border:1px solid rgba(102,217,238,.13);
  border-radius:50%;
}
.service-orbit i:first-of-type { width:116px;height:36px;transform:rotate(-15deg); }
.service-orbit i:last-of-type { width:70px;height:108px;transform:rotate(22deg); }
.spatial-service-card h2,
.capability-registry-card h2 {
  margin:0;
  font-size:19px;
  font-weight:530;
  letter-spacing:-.02em;
}
.spatial-service-card > p,
.capability-registry-card > p {
  margin:7px 0 14px;
  color:var(--lb-muted);
  font-size:10px;
  line-height:1.6;
}
.spatial-service-card dl { margin:0 0 30px; }
.spatial-service-card dl > div {
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:7px 0;
  border-bottom:1px solid rgba(147,189,224,.06);
}
.spatial-service-card dt,
.spatial-service-card dd {
  font-size:8px;
}
.spatial-service-card dt {
  color:#637f91;
  text-transform:uppercase;
}
.spatial-service-card dd {
  margin:0;
  color:#9bb3c0;
}
.service-endpoint {
  position:absolute;
  left:22px;
  right:22px;
  bottom:18px;
  color:#5f7a8c;
  font-size:8px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.spatial-empty { border-style:dashed; min-height:220px; }
.representation-create-grid {
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(280px,.55fr);
  gap:13px;
  padding:0 8px 28px;
}
.representation-flags {
  display:flex;
  gap:22px;
  align-items:center;
  color:#839dab;
  font-size:9px;
}
.representation-flags label {
  display:flex;
  gap:7px;
  align-items:center;
}
.representation-flags input { accent-color:#4bb1ce; }
.representation-diagram {
  display:grid;
  grid-template-columns:58px 1fr 110px 1fr 62px;
  gap:7px;
  align-items:center;
  margin-top:34px;
}
.representation-diagram span,
.representation-diagram strong {
  min-height:48px;
  display:grid;
  place-items:center;
  border:1px solid rgba(102,217,238,.14);
  border-radius:12px;
  color:#9db9c6;
  background:rgba(14,39,55,.4);
  font-size:8px;
  font-weight:500;
}
.representation-diagram i {
  height:1px;
  background:linear-gradient(90deg,rgba(102,217,238,.08),rgba(102,217,238,.4),rgba(102,217,238,.08));
}
.spatial-detail-grid {
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);
  gap:13px;
  padding:0 8px 28px;
}
.spatial-focus { padding:22px; }
.spatial-contract-field {
  position:relative;
  min-height:300px;
  display:grid;
  grid-template-columns:90px 1fr 90px 1fr 90px;
  align-items:center;
  gap:10px;
  margin-top:20px;
  padding:0 9%;
  overflow:hidden;
  border:1px solid rgba(111,202,225,.09);
  border-radius:16px;
  background:radial-gradient(circle at 50% 50%,rgba(35,130,161,.13),transparent 28%),rgba(3,10,18,.62);
}
.contract-resource,
.contract-representation,
.contract-service {
  width:78px;
  height:78px;
  display:grid;
  place-items:center;
  justify-self:center;
  border:1px solid rgba(102,217,238,.19);
  color:#b8dce4;
  background:rgba(20,65,86,.2);
  box-shadow:0 0 30px rgba(42,149,181,.08);
  font-size:9px;
}
.contract-resource { border-radius:18px; }
.contract-representation { border-radius:50%; }
.contract-service { border-radius:18px; transform:rotate(8deg); }
.contract-line { height:1px; background:linear-gradient(90deg,rgba(102,217,238,.06),rgba(102,217,238,.44),rgba(102,217,238,.06)); }
.spatial-contract-summary { padding:22px; }
.spatial-contract-summary dl { margin:13px 0 0; }
.spatial-contract-summary dl > div {
  display:flex;
  justify-content:space-between;
  gap:16px;
  padding:10px 0;
  border-bottom:1px solid rgba(147,189,224,.06);
}
.spatial-contract-summary dt {
  color:#637f91;
  font-size:8px;
  text-transform:uppercase;
}
.spatial-contract-summary dd {
  margin:0;
  max-width:60%;
  color:#a7bdc8;
  font-size:9px;
  text-align:right;
  overflow-wrap:anywhere;
}
.public-endpoint,
.restricted-endpoint {
  margin-top:16px;
  padding:10px 11px;
  border-radius:10px;
  font-size:8px;
  line-height:1.5;
}
.public-endpoint {
  border:1px solid rgba(111,214,187,.12);
  color:#83b4a8;
  background:rgba(57,126,109,.08);
}
.restricted-endpoint {
  border:1px solid rgba(209,166,104,.12);
  color:#a99577;
  background:rgba(107,79,42,.08);
}
.capability-registry-card { min-height:235px; }
.capability-code {
  position:absolute;
  top:18px;
  right:18px;
  color:#526f82;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:8px;
}
.capability-registry-card h2 { margin-top:16px; }
.capability-foot {
  position:absolute;
  left:22px;
  right:22px;
  bottom:18px;
  display:flex;
  justify-content:space-between;
  gap:12px;
  color:#607b8d;
  font-size:8px;
}

@media (max-width:1050px) {
  .spatial-service-grid,
  .capability-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .representation-create-grid,
  .spatial-detail-grid { grid-template-columns:1fr; }
}
@media (max-width:700px) {
  .spatial-contract-field {
    grid-template-columns:1fr;
    gap:6px;
    padding:30px;
  }
  .contract-line {
    width:1px;
    height:18px;
    justify-self:center;
  }
}
@media (max-width:640px) {
  .spatial-service-grid,
  .capability-grid { grid-template-columns:1fr; padding-inline:4px; }
  .representation-create-grid,
  .spatial-detail-grid { padding-inline:4px; }
  .representation-diagram { grid-template-columns:1fr; }
  .representation-diagram i { width:1px;height:18px;justify-self:center; }
}

/* Product Registry / Entitlements / Billing */
.product-grid,
.subscription-grid,
.plan-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:13px;
  padding:0 8px 28px;
}
.product-card,
.subscription-card,
.plan-card {
  position:relative;
  min-height:310px;
  padding:22px;
  border:1px solid var(--lb-line);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(13,28,45,.72),rgba(6,15,26,.66));
}
.product-card-top,
.subscription-top {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.product-code,
.product-state,
.subscription-status {
  font-size:8px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.product-code { color:#7897a9; }
.product-state,
.subscription-status { color:#7995a6; }
.state-active,
.status-active,
.status-trialing { color:#87b9ad; }
.state-preview,
.status-past_due { color:#b3a078; }
.state-retired,
.status-canceled,
.status-expired { color:#927a7d; }
.product-orbit {
  position:relative;
  width:92px;
  height:92px;
  display:grid;
  place-items:center;
  margin:27px 0 19px;
}
.product-core,
.subscription-mark,
.billing-mark {
  display:grid;
  place-items:center;
  border:1px solid rgba(102,217,238,.2);
  color:#d7f5fa;
  background:linear-gradient(145deg,rgba(41,126,157,.2),rgba(5,23,37,.78));
  box-shadow:0 0 36px rgba(42,149,181,.1);
}
.product-core {
  width:62px;
  height:62px;
  border-radius:18px;
}
.product-orbit i {
  position:absolute;
  border:1px solid rgba(102,217,238,.13);
  border-radius:50%;
}
.product-orbit i:first-of-type { width:105px;height:36px;transform:rotate(-16deg); }
.product-orbit i:last-of-type { width:72px;height:108px;transform:rotate(22deg); }
.product-card h2,
.subscription-card h2,
.plan-card h2 {
  margin:0;
  font-size:19px;
  font-weight:530;
  letter-spacing:-.02em;
}
.product-card > p,
.subscription-card > p,
.plan-card > p {
  margin:7px 0 16px;
  color:var(--lb-muted);
  font-size:10px;
  line-height:1.6;
}
.product-card-foot {
  position:absolute;
  left:22px;
  right:22px;
  bottom:18px;
  display:flex;
  justify-content:space-between;
  gap:12px;
  color:#617d8f;
  font-size:8px;
}
.product-card-foot a { color:#8fc9d6; }
.product-card-foot b { font-weight:400; }
.product-empty,
.subscription-empty,
.plan-empty { border-style:dashed; min-height:220px; }
.product-detail-grid,
.entitlement-grid,
.billing-grid {
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);
  gap:13px;
  padding:0 8px 18px;
}
.product-focus,
.entitlement-focus { padding:22px; }
.product-flow {
  min-height:280px;
  display:grid;
  grid-template-columns:84px 1fr 110px 1fr 84px;
  align-items:center;
  gap:9px;
  margin-top:20px;
  padding:0 10%;
  border:1px solid rgba(111,202,225,.09);
  border-radius:16px;
  background:radial-gradient(circle at 50% 50%,rgba(35,130,161,.13),transparent 28%),rgba(3,10,18,.62);
}
.product-flow span,
.product-flow strong {
  min-height:66px;
  display:grid;
  place-items:center;
  border:1px solid rgba(102,217,238,.15);
  border-radius:16px;
  color:#a8cbd4;
  background:rgba(16,53,72,.22);
  font-size:8px;
  font-weight:500;
}
.product-flow strong { border-radius:50%; }
.product-flow i {
  height:1px;
  background:linear-gradient(90deg,rgba(102,217,238,.07),rgba(102,217,238,.42),rgba(102,217,238,.07));
}
.feature-panel,
.entitlement-list-panel,
.billing-account-card,
.billing-ledger { padding:22px; }
.feature-list { margin-top:13px; }
.feature-row,
.entitlement-row,
.billing-row {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:11px 0;
  border-bottom:1px solid rgba(147,189,224,.06);
}
.feature-row strong,
.feature-row small,
.entitlement-row strong,
.entitlement-row small,
.billing-row strong,
.billing-row small { display:block; }
.feature-row strong,
.entitlement-row strong,
.billing-row strong { font-size:10px;font-weight:520; }
.feature-row small,
.entitlement-row small,
.billing-row small { margin-top:2px;color:#617d8f;font-size:8px; }
.feature-row > span,
.entitlement-row > span,
.billing-row > span { color:#829dad;font-size:8px; }
.feature-panel > p,
.entitlement-list-panel > p,
.billing-ledger > p { color:var(--lb-muted);font-size:10px; }
.plan-grid { padding-top:0; }
.plan-card { min-height:300px; }
.plan-price { margin:25px 0 15px; display:flex;align-items:baseline;gap:6px; }
.plan-price strong { color:#d8edf2;font-size:12px; }
.plan-price span { font-size:27px;letter-spacing:-.04em; }
.plan-price small { color:#637f91;font-size:8px; }
.grant-list { margin-top:16px; }
.grant-list > div {
  display:flex;justify-content:space-between;gap:12px;
  padding:8px 0;border-bottom:1px solid rgba(147,189,224,.05);
  font-size:8px;
}
.grant-list span { color:#7893a5; }
.grant-list b { color:#b1c7d0;font-weight:500; }
.subscription-mark,
.billing-mark {
  width:58px;
  height:58px;
  margin:27px 0 18px;
  border-radius:16px;
}
.subscription-card dl,
.billing-account-card dl { margin:0 0 35px; }
.subscription-card dl > div,
.billing-account-card dl > div {
  display:flex;justify-content:space-between;gap:12px;
  padding:8px 0;border-bottom:1px solid rgba(147,189,224,.06);
}
.subscription-card dt,
.subscription-card dd,
.billing-account-card dt,
.billing-account-card dd { font-size:8px; }
.subscription-card dt,
.billing-account-card dt { color:#627e90;text-transform:uppercase; }
.subscription-card dd,
.billing-account-card dd { margin:0;color:#9eb7c3;text-align:right; }
.subscription-card > a {
  position:absolute;left:22px;bottom:18px;color:#8fc9d6;font-size:9px;
}
.denial-pill {
  padding:9px 11px;
  border:1px solid rgba(210,130,130,.12);
  border-radius:999px;
  color:#b89393;
  font-size:8px;
}
.entitlement-orbit {
  position:relative;
  min-height:270px;
  display:grid;
  place-items:center;
  margin-top:15px;
}
.entitlement-core {
  width:90px;height:90px;display:grid;place-items:center;
  border:1px solid rgba(102,217,238,.22);
  border-radius:50%;
  color:#d8f4f8;
  background:radial-gradient(circle,rgba(42,139,170,.22),rgba(4,18,29,.7));
  box-shadow:0 0 45px rgba(42,149,181,.12);
  font-size:14px;
}
.entitlement-orbit i {
  position:absolute;
  border:1px solid rgba(102,217,238,.12);
  border-radius:50%;
}
.entitlement-orbit i:first-of-type { width:240px;height:84px;transform:rotate(-13deg); }
.entitlement-orbit i:last-of-type { width:180px;height:180px;transform:rotateX(68deg); }
.billing-grid { padding-bottom:28px; }
.billing-account-card h2 { margin:0;font-size:18px;font-weight:520; }
.billing-account-card > p { color:var(--lb-muted);font-size:10px; }
.billing-row { display:grid;grid-template-columns:minmax(0,1fr) auto auto; }
.billing-row b { color:#758f9f;font-size:8px;font-weight:500; }

@media (max-width:1050px) {
  .product-grid,
  .subscription-grid,
  .plan-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .product-detail-grid,
  .entitlement-grid,
  .billing-grid { grid-template-columns:1fr; }
}
@media (max-width:700px) {
  .product-flow { grid-template-columns:1fr;gap:6px;padding:28px; }
  .product-flow i { width:1px;height:18px;justify-self:center; }
}
@media (max-width:640px) {
  .product-grid,
  .subscription-grid,
  .plan-grid { grid-template-columns:1fr;padding-inline:4px; }
  .product-detail-grid,
  .entitlement-grid,
  .billing-grid { padding-inline:4px; }
  .billing-row { grid-template-columns:1fr auto; }
  .billing-row b { grid-column:2; }
}

/* Artifact / Output / Reporting foundation */
.output-search-panel {
  margin:0 8px 13px;
  padding:17px;
  border:1px solid var(--lb-line);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(12,27,44,.74),rgba(5,14,24,.67));
}
.output-search-form {
  display:grid;
  grid-template-columns:minmax(0,1fr) 220px auto;
  align-items:end;
  gap:10px;
}
.output-search-form label > span {
  display:block;
  margin:0 0 7px 2px;
  color:#7893a5;
  font-size:8px;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.output-search-form input,
.output-search-form select {
  width:100%;
  min-height:43px;
  padding:0 12px;
  color:var(--lb-text);
  border:1px solid rgba(135,190,216,.13);
  border-radius:10px;
  outline:0;
  background:#07111d;
}
.artifact-grid,
.report-grid,
.package-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:13px;
  padding:0 8px 28px;
}
.artifact-card,
.report-card,
.package-card,
.version-card {
  position:relative;
  border:1px solid var(--lb-line);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(13,28,45,.72),rgba(6,15,26,.66));
}
.artifact-card { min-height:330px;padding:22px; }
.artifact-card-top,
.package-card-top,
.version-card-top {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
}
.artifact-type,
.artifact-status,
.package-status,
.version-card-top span {
  color:#6f899b;
  font-size:8px;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.artifact-symbol {
  position:relative;
  width:84px;
  height:84px;
  display:grid;
  place-items:center;
  margin:25px 0 18px;
  border:1px solid rgba(102,217,238,.17);
  border-radius:18px;
  color:#a9d3dc;
  background:linear-gradient(145deg,rgba(39,120,150,.16),rgba(4,19,31,.62));
  font-size:9px;
}
.artifact-symbol i {
  position:absolute;
  border:1px solid rgba(102,217,238,.11);
  border-radius:15px;
}
.artifact-symbol i:first-of-type { inset:10px -10px -10px 10px; }
.artifact-symbol i:last-of-type { inset:20px -20px -20px 20px;opacity:.5; }
.symbol-report { border-radius:9px; }
.symbol-map { transform:rotateX(12deg) rotateY(-9deg); }
.artifact-card h2,
.report-card h2,
.package-card h2 { margin:0;font-size:19px;font-weight:530;letter-spacing:-.02em; }
.artifact-card > p,
.report-card > p,
.package-card > p { margin:7px 0 14px;color:var(--lb-muted);font-size:10px;line-height:1.6; }
.artifact-meta { display:flex;justify-content:space-between;gap:12px;color:#607b8e;font-size:8px; }
.artifact-card-foot {
  position:absolute;
  left:22px;right:22px;bottom:18px;
  display:flex;justify-content:space-between;gap:12px;
  color:#607b8e;font-size:8px;
}
.artifact-card-foot a { color:#8fc9d6; }
.artifact-card-foot b { font-weight:400; }
.artifact-empty,
.report-empty,
.package-empty,
.version-empty { border-style:dashed;min-height:220px; }

.report-card { min-height:310px;padding:22px; }
.report-sheet {
  position:relative;
  width:72px;height:90px;
  margin:25px 0 18px;
  border:1px solid rgba(102,217,238,.17);
  border-radius:7px;
  background:linear-gradient(145deg,rgba(38,111,139,.13),rgba(5,21,33,.7));
  box-shadow:12px 12px 0 -1px rgba(8,27,40,.75),12px 12px 0 0 rgba(102,217,238,.08);
}
.report-sheet i {
  position:absolute;left:13px;right:13px;height:1px;background:rgba(130,203,220,.18);
}
.report-sheet i:nth-child(1){top:23px}.report-sheet i:nth-child(2){top:39px}.report-sheet i:nth-child(3){top:55px}
.report-card dl,
.package-card dl { margin:0 0 32px; }
.report-card dl > div,
.package-card dl > div {
  display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid rgba(147,189,224,.06);
}
.report-card dt,.report-card dd,.package-card dt,.package-card dd{font-size:8px}
.report-card dt,.package-card dt{color:#627e90;text-transform:uppercase}
.report-card dd,.package-card dd{margin:0;color:#9eb7c3;text-align:right}
.report-card > a,
.package-card > a { position:absolute;left:22px;bottom:18px;color:#8fc9d6;font-size:9px; }

.artifact-flow-mini {
  display:grid;
  grid-template-columns:58px 1fr 84px 1fr 72px;
  gap:7px;align-items:center;margin-top:38px;
}
.artifact-flow-mini span,
.artifact-flow-mini strong {
  min-height:48px;display:grid;place-items:center;
  border:1px solid rgba(102,217,238,.14);border-radius:12px;
  color:#9db9c6;background:rgba(14,39,55,.4);font-size:8px;font-weight:500;
}
.artifact-flow-mini strong { border-radius:50%; }
.artifact-flow-mini i { height:1px;background:linear-gradient(90deg,rgba(102,217,238,.08),rgba(102,217,238,.4),rgba(102,217,238,.08)); }

.artifact-detail-grid,
.version-detail-grid,
.package-detail-grid {
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);
  gap:13px;
  padding:0 8px 28px;
}
.artifact-focus,.version-focus,.package-focus { padding:22px; }
.artifact-version-field {
  position:relative;min-height:310px;display:grid;place-items:center;margin-top:20px;
  overflow:hidden;border:1px solid rgba(111,202,225,.09);border-radius:16px;
  background:radial-gradient(circle at 50% 50%,rgba(35,130,161,.13),transparent 28%),rgba(3,10,18,.62);
}
.artifact-core {
  width:88px;height:88px;display:grid;place-items:center;
  border:1px solid rgba(102,217,238,.22);border-radius:20px;color:#d4f2f7;
  background:linear-gradient(145deg,rgba(42,134,165,.22),rgba(4,20,32,.75));
  box-shadow:0 0 45px rgba(42,149,181,.1);font-size:24px;
}
.version-ring { position:absolute;border:1px solid rgba(102,217,238,.11);border-radius:50%; }
.ring-one { width:260px;height:94px;transform:rotate(-13deg); }
.ring-two { width:210px;height:210px;transform:rotateX(68deg); }
.version-node {
  position:absolute;width:7px;height:7px;border-radius:50%;
  border:1px solid #80dfea;box-shadow:0 0 13px rgba(128,223,234,.45);
}
.version-node.v1{top:28%;left:26%}.version-node.v2{top:42%;right:25%}.version-node.v3{bottom:24%;left:44%}
.artifact-version-stack,.version-side-stack { display:grid;gap:13px;align-content:start; }
.version-card { min-height:190px;padding:19px; }
.version-card h3 { margin:18px 0 7px;font-size:16px;font-weight:520; }
.version-card > p { margin:0;color:var(--lb-muted);font-size:9px;line-height:1.55; }
.version-card-foot {
  position:absolute;left:19px;right:19px;bottom:16px;
  display:flex;justify-content:space-between;gap:10px;color:#617d8f;font-size:8px;
}
.version-card-foot a { color:#8fc9d6; }
.version-card-foot b { font-weight:400; }

.integrity-pill {
  padding:7px 9px;border:1px solid rgba(111,214,187,.14);border-radius:999px;
  color:#8bb8ad;font-size:8px;text-transform:uppercase;letter-spacing:.08em;
}
.delivery-field {
  position:relative;min-height:285px;display:grid;place-items:center;margin-top:20px;
  border:1px solid rgba(111,202,225,.09);border-radius:16px;
  background:radial-gradient(circle at 50% 50%,rgba(35,130,161,.12),transparent 28%),rgba(3,10,18,.62);
}
.delivery-version {
  width:84px;height:84px;display:grid;place-items:center;z-index:2;
  border:1px solid rgba(102,217,238,.2);border-radius:50%;color:#d2f0f5;
  background:rgba(16,57,76,.35);font-size:15px;
}
.delivery-axis {
  position:absolute;width:65%;height:1px;
  background:linear-gradient(90deg,transparent,rgba(102,217,238,.38),transparent);
}
.delivery-reps {
  position:absolute;right:10%;display:grid;gap:7px;
}
.delivery-reps span {
  min-width:48px;padding:6px 8px;border:1px solid rgba(102,217,238,.12);border-radius:8px;
  color:#718d9e;background:rgba(6,25,38,.75);font-size:7px;text-align:center;
}
.representation-panel,.lineage-panel,.package-items-panel { padding:22px; }
.representation-row,.lineage-row,.package-item-row {
  display:flex;justify-content:space-between;align-items:center;gap:13px;
  padding:10px 0;border-bottom:1px solid rgba(147,189,224,.06);
}
.representation-row strong,.representation-row small,.lineage-row strong,.lineage-row small,.package-item-row strong,.package-item-row small{display:block}
.representation-row strong,.lineage-row strong,.package-item-row strong{font-size:10px;font-weight:520}
.representation-row small,.lineage-row small,.package-item-row small{margin-top:2px;color:#617d8f;font-size:8px}
.representation-row > span,.lineage-row > span,.package-item-row > span{color:#7894a5;font-size:8px}
.representation-panel > p,.lineage-panel > p,.package-items-panel > p{color:var(--lb-muted);font-size:10px}
.inline-check { display:flex !important;align-items:center;gap:8px; }
.inline-check input { width:auto !important;min-height:auto !important;accent-color:#4bb1ce; }
.source-divider { display:flex;align-items:center;gap:9px;color:#526d80;font-size:8px;text-transform:uppercase; }
.source-divider::before,.source-divider::after{content:"";flex:1;height:1px;background:var(--lb-line)}

.package-card { min-height:310px;padding:22px; }
.package-stack-symbol {
  position:relative;width:76px;height:68px;margin:28px 0 20px;
}
.package-stack-symbol i,
.package-stack-symbol span {
  position:absolute;width:58px;height:42px;border:1px solid rgba(102,217,238,.15);
  border-radius:11px;background:rgba(16,54,72,.2);
}
.package-stack-symbol i:first-child{left:0;top:0}
.package-stack-symbol i:last-child{left:9px;top:10px}
.package-stack-symbol span{left:18px;top:20px;border-color:rgba(102,217,238,.22)}
.package-delivery-field {
  position:relative;min-height:300px;display:grid;place-items:center;margin-top:20px;
  border:1px solid rgba(111,202,225,.09);border-radius:16px;
  background:radial-gradient(circle at 50% 50%,rgba(35,130,161,.12),transparent 28%),rgba(3,10,18,.62);
}
.package-center {
  width:88px;height:88px;display:grid;place-items:center;border:1px solid rgba(102,217,238,.22);
  border-radius:22px;color:#d1eef4;background:rgba(18,59,79,.34);font-size:12px;
}
.package-item-node {
  position:absolute;min-width:42px;padding:6px 8px;border:1px solid rgba(102,217,238,.13);
  border-radius:9px;color:#7e9aa9;background:rgba(5,22,34,.8);font-size:7px;text-align:center;
}
.package-item-node.n1{top:18%;left:22%}.package-item-node.n2{top:24%;right:19%}.package-item-node.n3{bottom:19%;left:27%}.package-item-node.n4{bottom:22%;right:25%}

@media (max-width:1080px) {
  .artifact-grid,.report-grid,.package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .artifact-detail-grid,.version-detail-grid,.package-detail-grid{grid-template-columns:1fr}
}
@media (max-width:760px) {
  .output-search-form{grid-template-columns:1fr}
}
@media (max-width:640px) {
  .artifact-grid,.report-grid,.package-grid{grid-template-columns:1fr;padding-inline:4px}
  .output-search-panel{margin-inline:4px}
  .artifact-detail-grid,.version-detail-grid,.package-detail-grid{padding-inline:4px}
  .artifact-flow-mini{grid-template-columns:1fr}
  .artifact-flow-mini i{width:1px;height:18px;justify-self:center}
}

/* Jobs / Workflow / Activity / Audit */
.operations-kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;padding:0 8px 13px}
.ops-kpi{min-height:150px;padding:21px;border:1px solid var(--lb-line);border-radius:18px;background:linear-gradient(145deg,rgba(13,28,45,.72),rgba(6,15,26,.66))}
.ops-kpi strong{display:block;margin:20px 0 4px;font-size:32px;font-weight:420;letter-spacing:-.04em}.ops-kpi p{margin:0;color:var(--lb-muted);font-size:9px}
.operations-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:0 8px 28px}.ops-panel{padding:21px}.ops-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.ops-panel-head a{color:#8fc9d6;font-size:8px}
.ops-list-row,.activity-mini-row,.simple-contract-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:11px 0;border-bottom:1px solid rgba(147,189,224,.06)}
.ops-list-row strong,.ops-list-row small,.activity-mini-row strong,.activity-mini-row small,.simple-contract-row strong,.simple-contract-row small{display:block}.ops-list-row strong,.activity-mini-row strong,.simple-contract-row strong{font-size:10px;font-weight:520}.ops-list-row small,.activity-mini-row small,.simple-contract-row small{margin-top:2px;color:#617d8f;font-size:8px}
.ops-status{padding:5px 8px;border:1px solid rgba(120,160,180,.12);border-radius:999px;color:#829cab;font-size:7px;text-transform:uppercase;letter-spacing:.07em}.status-running,.status-succeeded{color:#8abaae}.status-failed,.status-canceled{color:#af8589}.status-queued,.status-blocked{color:#b2a077}
.event-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;border:1px solid #7898a9}.outcome-success{color:#88b8ac}.outcome-failure,.outcome-denied{color:#ae8689}.event-dot.outcome-success{border-color:#75b8a6;box-shadow:0 0 10px rgba(117,184,166,.28)}.event-dot.outcome-failure{border-color:#b77d83}
.workflow-registry-grid,.run-grid,.job-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;padding:0 8px 28px}.workflow-def-card,.run-card,.job-card{position:relative;min-height:310px;padding:22px;border:1px solid var(--lb-line);border-radius:20px;background:linear-gradient(145deg,rgba(13,28,45,.72),rgba(6,15,26,.66))}
.workflow-def-top,.run-card-top,.job-card-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.workflow-def-top>span:last-child{color:#617d8e;font-size:8px}
.workflow-glyph,.run-orbit,.job-glyph{position:relative;width:82px;height:82px;display:grid;place-items:center;margin:26px 0 19px;border:1px solid rgba(102,217,238,.16);background:rgba(25,81,104,.14);color:#a8d1d9;font-size:8px}.workflow-glyph{border-radius:20px;transform:rotateX(11deg) rotateY(-9deg)}.workflow-glyph i{position:absolute;width:60px;height:1px;background:rgba(102,217,238,.13)}.workflow-glyph i:first-of-type{transform:rotate(45deg)}.workflow-glyph i:last-of-type{transform:rotate(-45deg)}
.run-orbit{border-radius:50%}.run-orbit i{position:absolute;border:1px solid rgba(102,217,238,.12);border-radius:50%}.run-orbit i:first-of-type{width:108px;height:34px;transform:rotate(-13deg)}.run-orbit i:last-of-type{width:66px;height:102px;transform:rotate(21deg)}
.job-glyph{border-radius:16px}.job-glyph i{position:absolute;inset:11px -11px -11px 11px;border:1px solid rgba(102,217,238,.1);border-radius:14px}
.workflow-def-card h2,.run-card h2,.job-card h2{margin:0;font-size:19px;font-weight:530}.workflow-def-card>p,.run-card>p,.job-card>p{margin:7px 0 14px;color:var(--lb-muted);font-size:10px;line-height:1.6}.workflow-def-card dl,.run-card dl,.job-card dl{margin:0 0 34px}.workflow-def-card dl>div,.run-card dl>div,.job-card dl>div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid rgba(147,189,224,.06)}.workflow-def-card dt,.workflow-def-card dd,.run-card dt,.run-card dd,.job-card dt,.job-card dd{font-size:8px}.workflow-def-card dt,.run-card dt,.job-card dt{color:#627e90;text-transform:uppercase}.workflow-def-card dd,.run-card dd,.job-card dd{margin:0;color:#9eb7c3;text-align:right}.run-card>a,.job-card>a{position:absolute;left:22px;bottom:18px;color:#8fc9d6;font-size:9px}.workflow-empty,.run-empty,.job-empty{border-style:dashed;min-height:220px}
.run-detail-grid,.job-detail-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:13px;padding:0 8px 13px}.run-focus,.job-focus{padding:22px}.run-flow-field{position:relative;min-height:300px;margin-top:20px;border:1px solid rgba(111,202,225,.09);border-radius:16px;background:radial-gradient(circle at 50% 50%,rgba(35,130,161,.12),transparent 28%),rgba(3,10,18,.62)}.run-axis{position:absolute;left:12%;right:12%;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(102,217,238,.4),transparent)}
.run-job-node{position:absolute;z-index:2;width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(102,217,238,.18);border-radius:50%;background:#071724;color:#9bc4ce;font-size:8px}.run-job-node.n1{left:12%;top:calc(50% - 22px)}.run-job-node.n2{left:31%;top:calc(50% - 22px)}.run-job-node.n3{left:50%;top:calc(50% - 22px)}.run-job-node.n4{left:69%;top:calc(50% - 22px)}.run-job-node.n5{right:8%;top:calc(50% - 22px)}
.run-side-stack,.job-side-stack{display:grid;gap:13px;align-content:start}.job-mini-card{display:flex;justify-content:space-between;gap:14px;min-height:130px;padding:18px;border:1px solid var(--lb-line);border-radius:17px;background:linear-gradient(145deg,rgba(13,28,45,.65),rgba(6,15,26,.58))}.job-mini-card h3{margin:8px 0 4px;font-size:15px;font-weight:520}.job-mini-card p{margin:0;color:var(--lb-muted);font-size:8px}.run-events-panel{margin:0 8px 28px;padding:21px}.event-row{display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(147,189,224,.06)}.event-row strong,.event-row small{display:block}.event-row strong{font-size:9px;font-weight:520}.event-row small{margin-top:2px;color:#617d8f;font-size:8px}.event-row>span{color:#7894a5;font-size:8px}
.job-process-field{min-height:290px;display:grid;grid-template-columns:70px 1fr 88px 1fr 70px;align-items:center;gap:9px;margin-top:20px;padding:0 10%;border:1px solid rgba(111,202,225,.09);border-radius:16px;background:radial-gradient(circle at 50% 50%,rgba(35,130,161,.12),transparent 28%),rgba(3,10,18,.62)}.job-process-field span,.job-process-field strong{min-height:58px;display:grid;place-items:center;border:1px solid rgba(102,217,238,.14);border-radius:15px;color:#9fc4ce;background:rgba(14,48,65,.24);font-size:8px}.job-process-field strong{border-radius:50%}.job-process-field i{height:1px;background:linear-gradient(90deg,rgba(102,217,238,.06),rgba(102,217,238,.38),rgba(102,217,238,.06))}
.timeline-panel{margin:0 8px 28px;padding:24px;border:1px solid var(--lb-line);border-radius:20px;background:linear-gradient(145deg,rgba(13,28,45,.64),rgba(6,15,26,.58))}.timeline-event{display:grid;grid-template-columns:24px minmax(0,1fr);gap:13px;min-height:95px}.timeline-axis{position:relative;display:flex;justify-content:center;padding-top:5px}.timeline-axis:after{content:"";position:absolute;top:18px;bottom:0;width:1px;background:rgba(102,217,238,.09)}.timeline-event h2{margin:7px 0 4px;font-size:14px;font-weight:520}.timeline-event p{margin:0;color:#617d8f;font-size:8px}.timeline-links{display:flex;gap:12px;margin-top:7px}.timeline-links a{color:#8fc9d6;font-size:8px}
.audit-table{margin:0 8px 28px;overflow:auto;border:1px solid var(--lb-line);border-radius:18px;background:rgba(6,15,26,.62)}.audit-head,.audit-row{min-width:760px;display:grid;grid-template-columns:150px 110px minmax(180px,1fr) 180px 90px;gap:12px;align-items:center;padding:11px 15px}.audit-head{color:#617d8f;font-size:8px;text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid var(--lb-line)}.audit-row{color:#9bb2bd;font-size:8px;border-bottom:1px solid rgba(147,189,224,.05)}
@media(max-width:1080px){.workflow-registry-grid,.run-grid,.job-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.run-detail-grid,.job-detail-grid{grid-template-columns:1fr}}@media(max-width:760px){.operations-kpi-grid,.operations-columns{grid-template-columns:1fr}.job-process-field{grid-template-columns:1fr;padding:28px}.job-process-field i{width:1px;height:16px;justify-self:center}}@media(max-width:640px){.workflow-registry-grid,.run-grid,.job-grid{grid-template-columns:1fr;padding-inline:4px}.run-detail-grid,.job-detail-grid{padding-inline:4px}.run-events-panel,.timeline-panel,.audit-table{margin-inline:4px}}

/* Help / Definitions / Glossary / Knowledge */
.knowledge-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:13px;padding:0 8px 24px}.knowledge-focus{padding:22px}.knowledge-orbit{position:relative;min-height:320px;display:grid;place-items:center;margin-top:20px;border:1px solid rgba(111,202,225,.09);border-radius:16px;background:radial-gradient(circle at 50% 50%,rgba(35,130,161,.13),transparent 28%),rgba(3,10,18,.62);overflow:hidden}.knowledge-core{width:96px;height:96px;display:grid;place-items:center;border:1px solid rgba(102,217,238,.22);border-radius:50%;color:#d7f3f7;background:rgba(18,62,81,.34);font-size:18px;z-index:2}.knowledge-orbit>i{position:absolute;border:1px solid rgba(102,217,238,.1);border-radius:50%}.knowledge-orbit>i:first-of-type{width:310px;height:110px;transform:rotate(-12deg)}.knowledge-orbit>i:last-of-type{width:245px;height:245px;transform:rotateX(68deg)}.kn-node{position:absolute;min-width:48px;padding:7px;border:1px solid rgba(102,217,238,.13);border-radius:9px;background:#071724;color:#7897a8;font-size:7px;text-align:center}.kn-node.n1{top:19%;left:22%}.kn-node.n2{top:27%;right:18%}.kn-node.n3{bottom:21%;left:27%}.kn-node.n4{bottom:25%;right:25%}
.knowledge-search-card{padding:24px;display:flex;flex-direction:column;justify-content:center}.knowledge-search-card h2{margin:18px 0 8px;font-size:21px;font-weight:520}.knowledge-search-card p{margin:0 0 22px;color:var(--lb-muted);font-size:10px;line-height:1.6}.knowledge-quick-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.knowledge-quick-search input{min-height:44px;padding:0 12px;border:1px solid rgba(135,190,216,.13);border-radius:10px;color:var(--lb-text);background:#07111d}
.knowledge-section-head{display:flex;justify-content:space-between;align-items:end;gap:16px;padding:10px 10px 12px}.knowledge-section-head h2{margin:5px 0 0;font-size:18px;font-weight:520}.knowledge-section-head>a{color:#8fc9d6;font-size:8px}
.term-grid,.knowledge-article-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;padding:0 8px 28px}.term-card,.knowledge-article-card{position:relative;min-height:205px;padding:20px;border:1px solid var(--lb-line);border-radius:18px;background:linear-gradient(145deg,rgba(13,28,45,.68),rgba(6,15,26,.6))}.term-card h3,.knowledge-article-card h3{margin:15px 0 7px;font-size:16px;font-weight:520}.term-card p,.knowledge-article-card p{margin:0;color:var(--lb-muted);font-size:9px;line-height:1.6}.term-card>small,.knowledge-article-card>small{position:absolute;left:20px;bottom:16px;color:#607c8e;font-size:7px}
.glossary-list{display:grid;gap:9px;padding:0 8px 28px}.glossary-row{display:grid;grid-template-columns:60px minmax(0,1fr) minmax(130px,240px);gap:16px;align-items:center;min-height:118px;padding:17px;border:1px solid var(--lb-line);border-radius:16px;background:linear-gradient(145deg,rgba(13,28,45,.62),rgba(6,15,26,.55))}.glossary-letter{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(102,217,238,.15);border-radius:13px;color:#9cc4ce;background:rgba(19,64,83,.22);font-size:17px}.glossary-row h2{margin:6px 0 4px;font-size:16px;font-weight:520}.glossary-row p{margin:0;color:var(--lb-muted);font-size:9px;line-height:1.5}.alias-stack{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.alias-stack span{padding:5px 7px;border:1px solid rgba(102,217,238,.09);border-radius:999px;color:#708c9d;font-size:7px}
.term-detail-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:13px;padding:0 8px 28px}.term-focus{padding:22px}.definition-field{min-height:310px;display:flex;align-items:center;gap:25px;margin-top:20px;padding:10% 9%;border:1px solid rgba(111,202,225,.09);border-radius:16px;background:radial-gradient(circle at 20% 50%,rgba(35,130,161,.12),transparent 22%),rgba(3,10,18,.62)}.definition-mark{width:76px;height:76px;flex:0 0 76px;display:grid;place-items:center;border:1px solid rgba(102,217,238,.19);border-radius:50%;color:#a9d1da;background:rgba(18,58,77,.27);font-size:9px}.definition-field p{margin:0;color:#abc0c9;font-size:13px;line-height:1.8}.term-side-stack{display:grid;gap:13px;align-content:start}.knowledge-panel{padding:21px}.knowledge-panel>p{color:var(--lb-muted);font-size:9px}.knowledge-simple-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(147,189,224,.06)}.knowledge-simple-row strong,.knowledge-simple-row small{display:block}.knowledge-simple-row strong{font-size:9px;font-weight:520}.knowledge-simple-row small{margin-top:2px;color:#617d8f;font-size:7px}.knowledge-simple-row>span{color:#7792a3;font-size:7px;text-align:right}
.knowledge-filter-strip{display:flex;gap:7px;flex-wrap:wrap;padding:0 8px 13px}.knowledge-filter{padding:7px 10px;border:1px solid rgba(129,174,194,.11);border-radius:999px;color:#708b9c;font-size:8px}.knowledge-filter.active{border-color:rgba(104,202,220,.22);color:#a4cdd6;background:rgba(30,99,124,.1)}.help-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.article-icon{width:50px;height:50px;display:grid;place-items:center;margin-bottom:18px;border:1px solid rgba(102,217,238,.14);border-radius:13px;color:#8fb6c1;background:rgba(19,64,83,.18);font-size:7px}
.article-detail-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:13px;padding:0 8px 28px}.article-content-card{padding:28px}.article-content-head{display:flex;justify-content:space-between;gap:12px;color:#647f91;font-size:8px}.article-content-card h2{margin:24px 0 7px;font-size:25px;font-weight:520}.article-summary{margin:0 0 25px;color:#86a1b0;font-size:11px;line-height:1.6}.article-body{padding-top:22px;border-top:1px solid rgba(147,189,224,.07);color:#a9bdc6;font-size:11px;line-height:1.8}.article-body p{margin:0 0 16px}
.knowledge-search-stage{margin:0 8px 18px;padding:24px;border:1px solid var(--lb-line);border-radius:18px;background:radial-gradient(circle at 30% 0,rgba(34,121,151,.1),transparent 40%),rgba(6,15,26,.62)}.knowledge-search-stage form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}.knowledge-search-stage input{min-height:52px;padding:0 15px;border:1px solid rgba(135,190,216,.14);border-radius:12px;color:var(--lb-text);background:#06111d;font-size:12px;outline:0}.knowledge-results{display:grid;gap:9px;padding:0 8px 28px}.knowledge-result-row{display:grid;grid-template-columns:66px minmax(0,1fr) 42px;gap:15px;align-items:center;min-height:112px;padding:17px;border:1px solid var(--lb-line);border-radius:16px;background:linear-gradient(145deg,rgba(13,28,45,.61),rgba(6,15,26,.54))}.result-kind{padding:7px;border:1px solid rgba(102,217,238,.11);border-radius:10px;color:#7996a7;font-size:7px;text-align:center;text-transform:uppercase}.knowledge-result-row h2{margin:0 0 5px;font-size:15px;font-weight:520}.knowledge-result-row p{margin:0;color:var(--lb-muted);font-size:9px;line-height:1.5}.knowledge-result-row small{display:block;margin-top:5px;color:#577286;font-size:7px}.result-score{color:#537184;font-size:8px;text-align:right}
@media(max-width:1100px){.term-grid,.knowledge-article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.knowledge-hero-grid,.term-detail-grid,.article-detail-grid{grid-template-columns:1fr}}@media(max-width:700px){.glossary-row{grid-template-columns:48px minmax(0,1fr)}.alias-stack{grid-column:2;justify-content:flex-start}.definition-field{flex-direction:column;align-items:flex-start;padding:30px}.knowledge-quick-search,.knowledge-search-stage form{grid-template-columns:1fr}}@media(max-width:640px){.term-grid,.knowledge-article-grid{grid-template-columns:1fr;padding-inline:4px}.glossary-list,.knowledge-hero-grid,.term-detail-grid,.article-detail-grid,.knowledge-results{padding-inline:4px}.knowledge-search-stage{margin-inline:4px}.knowledge-result-row{grid-template-columns:54px minmax(0,1fr)}.result-score{display:none}}
.context-help-link{color:#87b6c2!important}.context-help-stage{display:grid;grid-template-columns:minmax(260px,.65fr) minmax(0,1fr);gap:30px;align-items:center;margin:0 8px 18px;padding:25px;border:1px solid var(--lb-line);border-radius:19px;background:radial-gradient(circle at 18% 50%,rgba(35,130,161,.12),transparent 30%),rgba(6,15,26,.62)}.context-help-axis{display:grid;grid-template-columns:54px 1fr 72px 1fr 54px;gap:7px;align-items:center}.context-help-axis span,.context-help-axis strong{min-height:54px;display:grid;place-items:center;border:1px solid rgba(102,217,238,.14);border-radius:13px;color:#8faebc;background:rgba(16,52,70,.22);font-size:7px}.context-help-axis strong{border-radius:50%;color:#b6d8df;font-weight:520}.context-help-axis i{height:1px;background:linear-gradient(90deg,transparent,rgba(102,217,238,.37),transparent)}.context-help-stage h2{margin:7px 0 6px;font-size:19px;font-weight:520}.context-help-stage p{margin:0;color:var(--lb-muted);font-size:9px;line-height:1.6}.context-help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;padding:0 8px 28px}.context-help-card{position:relative;min-height:220px;padding:21px;border:1px solid var(--lb-line);border-radius:18px;background:linear-gradient(145deg,rgba(13,28,45,.66),rgba(6,15,26,.58))}.context-help-card h3{margin:17px 0 7px;font-size:16px;font-weight:520}.context-help-card p{margin:0;color:var(--lb-muted);font-size:9px;line-height:1.6}.context-help-card>small{position:absolute;left:21px;bottom:16px;color:#5f7b8d;font-size:7px}@media(max-width:950px){.context-help-stage{grid-template-columns:1fr}.context-help-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.context-help-stage{margin-inline:4px}.context-help-grid{grid-template-columns:1fr;padding-inline:4px}.context-help-axis{grid-template-columns:1fr}.context-help-axis i{width:1px;height:16px;justify-self:center}}

/* C12 WebGIS integration */
.webgis-trust-stage{display:grid;grid-template-columns:minmax(210px,.7fr) minmax(180px,1fr) minmax(210px,.7fr);gap:18px;align-items:center;margin:0 8px 13px;padding:35px;border:1px solid var(--lb-line);border-radius:20px;background:radial-gradient(circle at 50% 50%,rgba(34,126,156,.11),transparent 34%),rgba(5,14,24,.65)}.webgis-system{min-height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(102,217,238,.13);border-radius:24px;background:linear-gradient(145deg,rgba(19,62,83,.25),rgba(4,18,30,.6))}.webgis-system>span{width:62px;height:62px;display:grid;place-items:center;margin-bottom:14px;border:1px solid rgba(102,217,238,.18);border-radius:50%;color:#9ec6d0;font-size:9px}.webgis-system strong{font-size:15px;font-weight:520}.webgis-system small{margin-top:5px;color:#637f91;font-size:8px}.webgis-trust-axis{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;color:#678696;font-size:7px;letter-spacing:.08em;text-align:center}.webgis-trust-axis i{height:1px;background:linear-gradient(90deg,transparent,rgba(102,217,238,.4),transparent)}
.webgis-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;padding:0 8px 13px}.webgis-history-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid rgba(147,189,224,.06)}.webgis-history-row strong,.webgis-history-row small{display:block}.webgis-history-row strong{font-size:9px;font-weight:520}.webgis-history-row small{margin-top:2px;color:#607c8e;font-size:7px}.webgis-history-row>span:not(.ops-status){color:#84b4bf;font-size:8px}
.webgis-launch-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:13px;padding:0 8px 28px}.four-field-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.webgis-launch-principle{padding:26px}.handoff-contract-visual{display:grid;grid-template-columns:58px 1fr 82px 1fr 58px;gap:7px;align-items:center;margin:50px 0 35px}.handoff-contract-visual span,.handoff-contract-visual strong{min-height:58px;display:grid;place-items:center;border:1px solid rgba(102,217,238,.14);border-radius:14px;color:#8daebb;background:rgba(16,53,71,.22);font-size:7px}.handoff-contract-visual strong{border-radius:50%;color:#b4d7de}.handoff-contract-visual i{height:1px;background:linear-gradient(90deg,transparent,rgba(102,217,238,.38),transparent)}
.webgis-return-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:13px;padding:0 8px 28px}.webgis-return-focus{padding:22px}.webgis-return-map{position:relative;min-height:330px;margin-top:20px;border:1px solid rgba(111,202,225,.09);border-radius:16px;overflow:hidden;background:radial-gradient(ellipse at 45% 45%,rgba(28,101,127,.16),transparent 24%),radial-gradient(ellipse at 65% 68%,rgba(28,84,111,.12),transparent 19%),linear-gradient(145deg,#06131f,#030a12)}.webgis-return-map:before,.webgis-return-map:after{content:"";position:absolute;border:1px solid rgba(83,164,190,.09);border-radius:50%;transform:rotate(-17deg)}.webgis-return-map:before{width:70%;height:42%;left:15%;top:29%}.webgis-return-map:after{width:46%;height:70%;left:27%;top:15%}.map-crosshair{position:absolute;left:50%;top:50%;width:18px;height:18px;border:1px solid rgba(130,217,229,.28);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px rgba(93,194,211,.15)}.return-layer{position:absolute;min-width:42px;padding:6px;border:1px solid rgba(102,217,238,.12);border-radius:8px;background:rgba(7,26,39,.78);color:#7493a3;font-size:7px;text-align:center}.return-layer.l1{left:20%;top:25%}.return-layer.l2{right:18%;top:29%}.return-layer.l3{left:29%;bottom:20%}.return-layer.l4{right:25%;bottom:24%}
@media(max-width:1000px){.webgis-trust-stage,.webgis-launch-grid,.webgis-return-grid{grid-template-columns:1fr}.webgis-trust-axis{grid-template-columns:1fr}.webgis-trust-axis i{width:1px;height:18px;justify-self:center}.webgis-stat-grid{grid-template-columns:1fr}}@media(max-width:700px){.four-field-row{grid-template-columns:repeat(2,minmax(0,1fr))}.handoff-contract-visual{grid-template-columns:1fr}.handoff-contract-visual i{width:1px;height:16px;justify-self:center}}