/* Browser-local LCARS command mode. Layout and route behavior remain owned by the standard shell. */
html[data-interface="lcars"] {
  color-scheme: dark;
  --lcars-black: #050608;
  --lcars-panel: #101014;
  --lcars-orange: #f6a94a;
  --lcars-peach: #f8c58c;
  --lcars-gold: #f3d36a;
  --lcars-purple: #b69ad9;
  --lcars-blue: #8ca8e8;
  --lcars-ink: #fff2d2;
  background: var(--lcars-black);
}

html[data-interface="lcars"] body {
  background: var(--lcars-black);
  color: var(--lcars-ink);
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: .015em;
}

html[data-interface="lcars"] * { border-color: #4b3d31; }
html[data-interface="lcars"] ::selection { background: var(--lcars-orange); color: #000; }
html[data-interface="lcars"] .app-shell { background: var(--lcars-black); }

html[data-interface="lcars"] .sidebar {
  width: 17rem;
  border: 0;
  border-right: .75rem solid var(--lcars-black);
  background: var(--lcars-black);
  padding: 1.25rem .75rem 1.25rem 0;
}

html[data-interface="lcars"] .sidebar::after {
  content: "47-ALPHA";
  display: flex;
  min-height: 5rem;
  align-items: flex-end;
  justify-content: flex-end;
  margin-top: .6rem;
  border-radius: 0 0 0 3.5rem;
  background: var(--lcars-purple);
  padding: .6rem .9rem;
  color: #111;
  font-size: .65rem;
  font-weight: 800;
  letter-spacing: .12em;
}

html[data-interface="lcars"] .sidebar-brand-row {
  min-height: 6rem;
  border-radius: 0 4rem 0 0;
  background: var(--lcars-orange);
  padding: 1.25rem 1rem .75rem;
  color: #100b08;
}

.brand-standard { display: flex; align-items: center; gap: .75rem; }
.brand-lcars,
.mobile-brand-lcars,
.timeline-title-lcars,
.tactical-operations { display: none; }

html[data-interface="lcars"] .brand { color: #100b08; text-transform: uppercase; }
html[data-interface="lcars"] .brand-standard { display: none; }
html[data-interface="lcars"] .brand-lcars { display: flex; align-items: center; gap: .65rem; }
html[data-interface="lcars"] .lcars-brand-code {
  display: grid;
  grid-template-columns: 1.35rem 2.25rem;
  grid-template-rows: 1.15rem 1.15rem;
  width: 3.6rem;
  overflow: hidden;
  border: .2rem solid #111;
  border-radius: 1.5rem 0 0 1.5rem;
  background: #111;
  color: #111;
  font-size: .48rem;
  line-height: 1;
}
html[data-interface="lcars"] .lcars-brand-code i { grid-row: 1 / 3; display: flex; align-items: flex-end; justify-content: flex-end; background: var(--lcars-purple); padding: .25rem .2rem; font-style: normal; }
html[data-interface="lcars"] .lcars-brand-code b { grid-row: 2; background: var(--lcars-gold); padding: .35rem .2rem; text-align: right; }
html[data-interface="lcars"] .lcars-brand-code::after { content: ""; grid-column: 2; grid-row: 1; background: var(--lcars-blue); }
html[data-interface="lcars"] .lcars-brand-copy { display: flex; flex-direction: column; line-height: 1; }
html[data-interface="lcars"] .lcars-brand-copy strong { font-size: 1.15rem; font-weight: 900; letter-spacing: .16em; }
html[data-interface="lcars"] .lcars-brand-copy small { margin-top: .3rem; font-size: .48rem; font-weight: 800; letter-spacing: .08em; }
html[data-interface="lcars"] .notification-bell { color: #100b08; }
html[data-interface="lcars"] .notification-bell:hover { background: rgba(0,0,0,.16); color: #000; }

html[data-interface="lcars"] .nav {
  margin-top: .6rem;
  gap: .35rem;
  border-left: 3.4rem solid var(--lcars-orange);
  padding: .25rem 0 .25rem .45rem;
}

html[data-interface="lcars"] .nav-link,
html[data-interface="lcars"] .nav-sub-link {
  border-radius: 0 999px 999px 0;
  background: #29212d;
  padding: .65rem 1rem;
  color: var(--lcars-peach);
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-align: right;
  text-transform: uppercase;
}

html[data-interface="lcars"] .nav-link:nth-child(2) { background: #332844; color: #d9c7ee; }
html[data-interface="lcars"] .nav-link:hover,
html[data-interface="lcars"] .nav-sub-link:hover { background: var(--lcars-peach); color: #111; }
html[data-interface="lcars"] .nav-link-active,
html[data-interface="lcars"] .nav-sub-link-active { background: var(--lcars-gold); color: #111; }
html[data-interface="lcars"] .nav-submenu { margin: 0; border: 0; padding: 0 0 0 1rem; }

html[data-interface="lcars"] .sidebar-foot {
  margin-top: .6rem;
  border: 0;
  border-left: 3.4rem solid var(--lcars-purple);
  background: #171014;
  padding: .7rem;
}
html[data-interface="lcars"] .avatar { background: var(--lcars-blue); color: #111; }

html[data-interface="lcars"] .main-frame::before {
  content: "PIPELINE OPERATIONS  •  LIVE SYSTEM MONITOR";
  display: block;
  height: 2.4rem;
  margin: 1rem 1rem 0 0;
  border-radius: 0 2rem 2rem 0;
  background: linear-gradient(90deg, var(--lcars-purple) 0 18%, transparent 18% 19%, var(--lcars-orange) 19% 74%, transparent 74% 75%, var(--lcars-gold) 75%);
  padding: .72rem 1.25rem 0;
  color: #100b08;
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .12em;
  text-align: right;
}

html[data-interface="lcars"] .content { max-width: 1600px; padding-top: 1.5rem; }
html[data-interface="lcars"] .content.narrow { max-width: 900px; }
html[data-interface="lcars"] .page-heading {
  position: relative;
  margin-bottom: .6rem;
  padding: 0 0 1.15rem 1rem;
  border-left: .45rem solid var(--lcars-blue);
}
html[data-interface="lcars"] .page-heading::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: .28rem;
  background: linear-gradient(90deg, var(--lcars-blue) 0 26%, transparent 26% 27%, var(--lcars-purple) 27% 63%, transparent 63% 64%, var(--lcars-orange) 64%);
}
html[data-interface="lcars"] h1,
html[data-interface="lcars"] h2,
html[data-interface="lcars"] h3 { color: var(--lcars-peach); font-weight: 500; letter-spacing: .045em; }
html[data-interface="lcars"] h1 { text-transform: uppercase; }
html[data-interface="lcars"] .eyebrow,
html[data-interface="lcars"] .kicker { color: var(--lcars-orange); }
html[data-interface="lcars"] .muted,
html[data-interface="lcars"] .project-path,
html[data-interface="lcars"] .pipeline-meta { color: #c7bcae; }

html[data-interface="lcars"] .panel,
html[data-interface="lcars"] .pipeline-panel,
html[data-interface="lcars"] .timeline-panel,
html[data-interface="lcars"] .filter-bar,
html[data-interface="lcars"] .stat,
html[data-interface="lcars"] .pipeline-watch,
html[data-interface="lcars"] .variable-project-bar,
html[data-interface="lcars"] .bulk-variable-editor,
html[data-interface="lcars"] .variable-editor {
  border: 1px solid #5d4c3e;
  border-left: .45rem solid var(--lcars-orange);
  border-radius: 0 1.6rem 1.6rem 0;
  background: var(--lcars-panel);
  box-shadow: none;
}

html[data-interface="lcars"] .panel { padding: 1.4rem; }
html[data-interface="lcars"] .content > .panel:nth-of-type(3n+2) { border-left-color: var(--lcars-purple); }
html[data-interface="lcars"] .content > .panel:nth-of-type(3n+3) { border-left-color: var(--lcars-blue); }
html[data-interface="lcars"] .panel-title,
html[data-interface="lcars"] .timeline-toolbar,
html[data-interface="lcars"] .variable-editor-toolbar,
html[data-interface="lcars"] .bulk-variable-head {
  border-bottom: .25rem solid var(--lcars-purple);
}
html[data-interface="lcars"] .stat-total { background: var(--lcars-orange); color: #111; }
html[data-interface="lcars"] .stat-total span,
html[data-interface="lcars"] .stat-total small { color: #3a2413; }
html[data-interface="lcars"] .stat-danger strong { color: #ff718a; }

html[data-interface="lcars"] input,
html[data-interface="lcars"] select,
html[data-interface="lcars"] textarea {
  min-height: 2.8rem;
  border: 1px solid #6c5948;
  border-left: .65rem solid var(--lcars-orange);
  border-radius: 0 1.5rem 1.5rem 0;
  background-color: #19171a;
  color: var(--lcars-ink);
  font-family: "IBM Plex Mono", ui-monospace, monospace;
  letter-spacing: .025em;
}
html[data-interface="lcars"] select {
  appearance: none;
  padding-right: 3rem;
  background-image: linear-gradient(45deg, transparent 50%, var(--lcars-gold) 50%), linear-gradient(135deg, var(--lcars-gold) 50%, transparent 50%), linear-gradient(to left, var(--lcars-purple) 0 2.35rem, transparent 2.35rem);
  background-position: calc(100% - 1.15rem) 1.15rem, calc(100% - .8rem) 1.15rem, 100% 0;
  background-repeat: no-repeat;
  background-size: .4rem .4rem, .4rem .4rem, 2.35rem 100%;
}
html[data-interface="lcars"] textarea { min-height: 7rem; border-radius: 0 1rem 1rem 0; }
html[data-interface="lcars"] input:focus,
html[data-interface="lcars"] select:focus,
html[data-interface="lcars"] textarea:focus { border-color: var(--lcars-gold); border-left-color: var(--lcars-gold); box-shadow: 0 0 0 2px rgba(243,211,106,.24), inset 3px 0 0 #111; }
html[data-interface="lcars"] label,
html[data-interface="lcars"] legend {
  color: var(--lcars-peach);
  font-family: "IBM Plex Mono", ui-monospace, monospace;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .11em;
  text-transform: uppercase;
}
html[data-interface="lcars"] input[type="checkbox"],
html[data-interface="lcars"] input[type="radio"] {
  appearance: none;
  width: 1.25rem;
  min-height: 1.25rem;
  height: 1.25rem;
  flex: 0 0 1.25rem;
  border: .18rem solid var(--lcars-purple);
  border-radius: 0 .5rem .5rem 0;
  background: #0b0b0e;
  padding: 0;
  box-shadow: -.32rem 0 0 var(--lcars-purple);
}
html[data-interface="lcars"] input[type="radio"] { border-radius: 50%; box-shadow: none; }
html[data-interface="lcars"] input[type="checkbox"]:checked,
html[data-interface="lcars"] input[type="radio"]:checked {
  border-color: #111;
  background: var(--lcars-gold);
  box-shadow: inset 0 0 0 .2rem #111, -.32rem 0 0 var(--lcars-orange);
}
html[data-interface="lcars"] input[type="radio"]:checked { box-shadow: inset 0 0 0 .2rem #111; }
html[data-interface="lcars"] fieldset {
  border-left: .35rem solid var(--lcars-blue);
  border-radius: 0 1rem 1rem 0;
  background: #161419;
  padding: .9rem 1rem;
}
html[data-interface="lcars"] fieldset label,
html[data-interface="lcars"] .check-row,
html[data-interface="lcars"] .variable-flags label { color: #d7cec2; font-family: Arial, Helvetica, sans-serif; font-size: .78rem; letter-spacing: .02em; text-transform: none; }

html[data-interface="lcars"] .button,
html[data-interface="lcars"] .icon-button,
html[data-interface="lcars"] .row-link {
  border: 0;
  border-radius: 999px;
  background: var(--lcars-purple);
  color: #111;
  font-weight: 800;
  letter-spacing: .045em;
  text-transform: uppercase;
}
html[data-interface="lcars"] .button-primary { background: var(--lcars-orange); color: #111; }
html[data-interface="lcars"] .button::before,
html[data-interface="lcars"] .icon-button::before { content: ""; width: .32rem; height: .32rem; margin-right: .45rem; border-radius: 50%; background: currentColor; opacity: .7; }
html[data-interface="lcars"] .notification-bell::before,
html[data-interface="lcars"] .row-link::before { display: none; }
html[data-interface="lcars"] .button:hover,
html[data-interface="lcars"] .icon-button:hover,
html[data-interface="lcars"] .row-link:hover { background: var(--lcars-gold); color: #111; }

html[data-interface="lcars"] .status,
html[data-interface="lcars"] .count-badge,
html[data-interface="lcars"] .live-indicator { border-radius: 999px; border: 0; }
html[data-interface="lcars"] .status-success { background: #335a49; color: #aaf0ca; }
html[data-interface="lcars"] .status-failed { background: #672a37; color: #ffbac4; }
html[data-interface="lcars"] .status-running { background: #273e6d; color: #b9ceff; }
html[data-interface="lcars"] .status-pending { background: #694d23; color: #ffe0a0; }
html[data-interface="lcars"] .status-neutral,
html[data-interface="lcars"] .count-badge { background: #3e3445; color: #ddd0e8; }

html[data-interface="lcars"] .timeline-toolbar,
html[data-interface="lcars"] .timeline-axis,
html[data-interface="lcars"] .timeline-track,
html[data-interface="lcars"] .pipeline-watch-steps,
html[data-interface="lcars"] .pipeline-watch-sidebar,
html[data-interface="lcars"] .compact-empty,
html[data-interface="lcars"] .proxy-note,
html[data-interface="lcars"] .callback,
html[data-interface="lcars"] .tracked-item:hover { background-color: #17151a; }
html[data-interface="lcars"] .tracked-item,
html[data-interface="lcars"] .pipeline-row,
html[data-interface="lcars"] .host-admin,
html[data-interface="lcars"] .user-row,
html[data-interface="lcars"] .variable-row { border-color: #493e36; }
html[data-interface="lcars"] .tracked-item:nth-child(even),
html[data-interface="lcars"] .pipeline-row:nth-child(even),
html[data-interface="lcars"] .variable-row:nth-child(even) { background: rgba(182,154,217,.035); }
html[data-interface="lcars"] .bulk-variable-options,
html[data-interface="lcars"] .variable-editor-actions,
html[data-interface="lcars"] .variable-table-head,
html[data-interface="lcars"] .bulk-variable-actions,
html[data-interface="lcars"] .bulk-project-head {
  border-color: #493e36;
  background: #17151a;
  color: #b9aaca;
}
html[data-interface="lcars"] .bulk-variable-options label,
html[data-interface="lcars"] .bulk-project-list label,
html[data-interface="lcars"] .variable-editor-toolbar .check-row { color: #d7cec2; }
html[data-interface="lcars"] .bulk-project-list label:hover { background: #231d28; }
html[data-interface="lcars"] .variable-row:focus-within { background: rgba(182,154,217,.1); }
html[data-interface="lcars"] .variable-row.is-locked,
html[data-interface="lcars"] .variable-row.is-locked input:disabled,
html[data-interface="lcars"] .variable-row.is-locked select:disabled { background: #201d22; color: #968ba0; }
html[data-interface="lcars"] .timeline-grid { opacity: .25; }
html[data-interface="lcars"] .timeline-window-options { background: #19171a; }
html[data-interface="lcars"] .timeline-window-option.is-active { background: var(--lcars-gold); color: #111; }
html[data-interface="lcars"] #pipeline-region .timeline-scroll { display: none; }
html[data-interface="lcars"] .timeline-title-standard { display: none; }
html[data-interface="lcars"] .timeline-title-lcars { display: inline; }
html[data-interface="lcars"] .tactical-operations {
  display: block;
  border-top: 1px solid #493e36;
  background: #07080a;
}
html[data-interface="lcars"] .tactical-readout {
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  gap: .35rem;
  align-items: stretch;
  padding: .7rem 1rem;
  color: #111;
  font-family: "IBM Plex Mono", ui-monospace, monospace;
  font-size: .65rem;
  font-weight: 900;
  letter-spacing: .1em;
}
html[data-interface="lcars"] .tactical-readout > * { display: flex; align-items: center; min-height: 1.75rem; padding: .3rem .7rem; }
html[data-interface="lcars"] .tactical-readout span:first-child { border-radius: 999px 0 0 999px; background: var(--lcars-purple); }
html[data-interface="lcars"] .tactical-readout strong { justify-content: flex-end; background: var(--lcars-orange); }
html[data-interface="lcars"] .tactical-readout span:last-child { border-radius: 0 999px 999px 0; background: var(--lcars-gold); }
html[data-interface="lcars"] .tactical-sector-console {
  display: grid;
  grid-template-columns: auto minmax(12rem,1fr) auto;
  gap: .35rem;
  align-items: stretch;
  margin: 0 1rem .65rem;
  font-family: "IBM Plex Mono", ui-monospace, monospace;
}
html[data-interface="lcars"] .tactical-sector-console[hidden] { display: none; }
html[data-interface="lcars"] .tactical-sector-console > button {
  min-width: 8.5rem;
  border: 0;
  border-radius: 999px 0 0 999px;
  background: var(--lcars-purple);
  padding: .55rem 1rem;
  color: #111;
  font-size: .62rem;
  font-weight: 900;
  letter-spacing: .1em;
}
html[data-interface="lcars"] .tactical-sector-console > button:last-child { border-radius: 0 999px 999px 0; background: var(--lcars-orange); }
html[data-interface="lcars"] .tactical-sector-console > button:hover:not(:disabled),
html[data-interface="lcars"] .tactical-sector-console > button:focus-visible { filter: brightness(1.16); }
html[data-interface="lcars"] .tactical-sector-console > button:disabled { cursor: default; opacity: .28; }
html[data-interface="lcars"] .tactical-sector-console > div {
  display: grid;
  grid-template-columns: auto minmax(2rem,1fr) auto;
  gap: .75rem;
  align-items: center;
  background: #17141a;
  padding: .45rem .8rem;
  color: var(--lcars-peach);
  font-size: .58rem;
  font-weight: 900;
  letter-spacing: .1em;
}
html[data-interface="lcars"] [data-tactical-sector-markers] { display: flex; justify-content: center; gap: .4rem; }
html[data-interface="lcars"] [data-tactical-sector-marker] { width: 1.4rem; height: .3rem; border: 0; border-radius: 999px; background: #4d4059; }
html[data-interface="lcars"] [data-tactical-sector-marker].is-discontinuous { margin-left: .55rem; }
html[data-interface="lcars"] [data-tactical-sector-marker].is-active { background: var(--lcars-gold); box-shadow: 0 0 8px rgba(243,211,106,.65); }
html[data-interface="lcars"] [data-tactical-sector-marker]:focus-visible { outline: 2px solid var(--lcars-blue); outline-offset: 3px; }
html[data-interface="lcars"] [data-tactical-sector-range] { color: var(--lcars-gold); }
html[data-interface="lcars"] .tactical-viewport {
  position: relative;
  margin: 0 1rem 1rem;
  overflow: hidden;
  border: 1px solid #5d4c3e;
  border-left: .45rem solid var(--lcars-purple);
  border-radius: 0 2rem 2rem 0;
  background: radial-gradient(ellipse at 50% 8%, rgba(140,168,232,.14), transparent 38%), #090a0d;
}
html[data-interface="lcars"] .tactical-horizon,
html[data-interface="lcars"] .tactical-now-rail {
  position: absolute;
  right: 0;
  left: 0;
  z-index: 8;
  display: grid;
  grid-template-columns: auto minmax(2rem,1fr) auto;
  align-items: center;
  gap: .45rem;
  padding: .55rem .8rem;
  color: #111;
  font-family: "IBM Plex Mono", ui-monospace, monospace;
  font-size: .58rem;
  font-weight: 900;
  letter-spacing: .1em;
}
html[data-interface="lcars"] .tactical-horizon { top: 0; background: linear-gradient(90deg, var(--lcars-blue) 0 22%, transparent 22% 23%, var(--lcars-purple) 23% 78%, transparent 78% 79%, var(--lcars-orange) 79%); }
html[data-interface="lcars"] .tactical-now-rail { bottom: 0; background: linear-gradient(90deg, var(--lcars-gold) 0 16%, transparent 16% 17%, var(--lcars-orange) 17% 73%, transparent 73% 74%, var(--lcars-purple) 74%); }
html[data-interface="lcars"] .tactical-horizon i,
html[data-interface="lcars"] .tactical-now-rail i { min-width: 1rem; }
html[data-interface="lcars"] .tactical-horizon strong,
html[data-interface="lcars"] .tactical-now-rail strong { text-align: right; }
html[data-interface="lcars"] .tactical-plot-scroll { overflow-x: auto; }
html[data-interface="lcars"] .tactical-plane {
  --tactical-lane-count: 1;
  position: relative;
  min-width: max(100%,calc(6.5rem + (var(--tactical-lane-count) * 8rem)));
  height: 640px;
  padding: 3rem 1.5rem 4.25rem 5rem;
}
html[data-interface="lcars"] .tactical-grid {
  position: absolute;
  top: 1.8rem;
  right: 1.2rem;
  bottom: 3.2rem;
  left: 4rem;
  overflow: hidden;
  clip-path: polygon(18% 0,82% 0,100% 100%,0 100%);
  background-image: repeating-linear-gradient(to bottom, rgba(182,154,217,.23) 0 1px, transparent 1px 11.111%), repeating-linear-gradient(to right, rgba(140,168,232,.16) 0 1px, transparent 1px 10%);
  transform: perspective(720px) rotateX(12deg);
  transform-origin: bottom;
}
html[data-interface="lcars"] .tactical-grid::before,
html[data-interface="lcars"] .tactical-grid::after {
  content: "";
  position: absolute;
  inset: 0;
  border-right: 1px solid rgba(246,169,74,.45);
  border-left: 1px solid rgba(246,169,74,.45);
}
html[data-interface="lcars"] .tactical-grid::after { inset: 0 20%; border-color: rgba(243,211,106,.3); }
html[data-interface="lcars"] .tactical-grid > i { position: absolute; top: -15%; bottom: -5%; width: 1px; background: rgba(182,154,217,.22); transform-origin: bottom; }
html[data-interface="lcars"] .tactical-grid > i:nth-child(1) { left: 18%; transform: rotate(-11deg); }
html[data-interface="lcars"] .tactical-grid > i:nth-child(2) { left: 36%; transform: rotate(-4deg); }
html[data-interface="lcars"] .tactical-grid > i:nth-child(3) { right: 36%; transform: rotate(4deg); }
html[data-interface="lcars"] .tactical-grid > i:nth-child(4) { right: 18%; transform: rotate(11deg); }
html[data-interface="lcars"] .tactical-sweep {
  position: absolute;
  right: 0;
  left: 0;
  height: 18%;
  border-bottom: 2px solid rgba(243,211,106,.75);
  background: linear-gradient(to bottom, transparent, rgba(243,211,106,.11));
  animation: tactical-scan 5s linear infinite;
}
html[data-interface="lcars"] .tactical-time-axis {
  position: absolute;
  top: 3rem;
  bottom: 4.5rem;
  left: .75rem;
  z-index: 4;
  display: flex;
  width: 3.2rem;
  flex-direction: column;
  justify-content: space-between;
  border-right: .25rem solid var(--lcars-blue);
  padding: .25rem .55rem .25rem 0;
  color: var(--lcars-blue);
  font-family: "IBM Plex Mono", ui-monospace, monospace;
  font-size: .55rem;
  font-style: normal;
  font-weight: 800;
  text-align: right;
}
html[data-interface="lcars"] .tactical-time-axis i { font-style: normal; opacity: .7; }
html[data-interface="lcars"] .tactical-time-axis strong { color: var(--lcars-gold); }
html[data-interface="lcars"] .tactical-lanes {
  position: relative;
  z-index: 3;
  display: grid;
  height: 100%;
  grid-auto-columns: minmax(7rem,1fr);
  grid-auto-flow: column;
  gap: 1rem;
}
html[data-interface="lcars"] .tactical-contact {
  position: relative;
  display: grid;
  min-width: 0;
  grid-template-rows: minmax(0,1fr) 3.55rem;
}
html[data-interface="lcars"] .tactical-contact::before {
  content: "";
  position: absolute;
  top: 1.5rem;
  right: -.5rem;
  bottom: 3.8rem;
  border-right: 1px dashed rgba(140,168,232,.16);
}
html[data-interface="lcars"] .tactical-contact[hidden] { display: none; }
html[data-interface="lcars"] .tactical-track {
  --tactical-trajectory-skew: 0deg;
  position: relative;
  margin: 0 auto;
  width: min(94px,86%);
}
html[data-interface="lcars"] .tactical-trajectory {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 2px;
  background: linear-gradient(to bottom, transparent, rgba(140,168,232,.35) 14%, rgba(182,154,217,.8));
  transform: translateX(-50%) skewX(var(--tactical-trajectory-skew));
  transform-origin: center bottom;
}
html[data-interface="lcars"] .tactical-trajectory::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 1px solid rgba(140,168,232,.45);
  border-radius: 50%;
  transform: translate(-50%,-50%);
}
html[data-interface="lcars"] .tactical-job {
  position: absolute;
  top: var(--tactical-job-top,50%);
  left: calc(50% + var(--tactical-job-x,0px));
  z-index: 2;
  width: 5.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  overflow: hidden;
  border: 0;
  border-radius: .3rem;
  background: #19c38c;
  box-shadow: 0 0 12px rgba(25,195,140,.45), inset 3px 0 rgba(255,255,255,.35);
  color: #05110d;
  cursor: pointer;
  transform: translate(-50%,-50%);
}
html[data-interface="lcars"] .tactical-job span { display: block; overflow: hidden; padding: .18rem .25rem; font-size: .52rem; font-weight: 900; line-height: 1; text-overflow: ellipsis; white-space: nowrap; }
html[data-interface="lcars"] .tactical-job:hover,
html[data-interface="lcars"] .tactical-job:focus-visible { z-index: 6; width: 10rem; outline: 2px solid var(--lcars-gold); outline-offset: 2px; }
html[data-interface="lcars"] .tactical-job-running,
html[data-interface="lcars"] .tactical-job-preparing { background: #4f82e8; box-shadow: 0 0 15px rgba(79,130,232,.75), inset 3px 0 rgba(255,255,255,.4); color: #07152f; animation: tactical-contact-pulse 1.5s ease-in-out infinite; }
html[data-interface="lcars"] .tactical-job-pending,
html[data-interface="lcars"] .tactical-job-waiting-for-resource,
html[data-interface="lcars"] .tactical-job-waiting-for-callback { border: 1px dashed var(--lcars-gold); background: #5f4a20; box-shadow: 0 0 10px rgba(243,211,106,.35); color: #fff0b0; }
html[data-interface="lcars"] .tactical-job-failed { background: #f33b61; box-shadow: 0 0 16px rgba(243,59,97,.75), inset 3px 0 rgba(255,255,255,.4); color: #24040b; }
html[data-interface="lcars"] .tactical-job-canceled,
html[data-interface="lcars"] .tactical-job-cancelled,
html[data-interface="lcars"] .tactical-job-canceling { background: #73677c; box-shadow: none; color: #160f1b; }
html[data-interface="lcars"] .tactical-contact-node {
  position: absolute;
  bottom: -.45rem;
  left: 50%;
  width: .8rem;
  height: .8rem;
  border: 2px solid #111;
  border-radius: 50%;
  background: #19c38c;
  box-shadow: 0 0 0 2px #19c38c, 0 0 15px rgba(25,195,140,.8);
  transform: translateX(-50%);
}
html[data-interface="lcars"] .tactical-contact-running .tactical-contact-node { background: #4f82e8; box-shadow: 0 0 0 2px #4f82e8, 0 0 16px rgba(79,130,232,.9); }
html[data-interface="lcars"] .tactical-contact-pending .tactical-contact-node { background: var(--lcars-gold); box-shadow: 0 0 0 2px var(--lcars-gold); }
html[data-interface="lcars"] .tactical-contact-failed .tactical-contact-node { background: #f33b61; box-shadow: 0 0 0 2px #f33b61, 0 0 16px rgba(243,59,97,.9); }
html[data-interface="lcars"] .tactical-contact-label {
  display: grid;
  min-width: 0;
  grid-template-columns: 1.5rem minmax(0,1fr);
  grid-template-rows: auto auto;
  align-self: end;
  border-top: .2rem solid var(--lcars-purple);
  padding: .45rem .2rem 0;
  color: var(--lcars-peach);
  font-family: "IBM Plex Mono", ui-monospace, monospace;
  text-decoration: none;
}
html[data-interface="lcars"] .tactical-contact-label > span { grid-row: 1 / 3; color: var(--lcars-orange); font-size: .58rem; font-weight: 900; }
html[data-interface="lcars"] .tactical-contact-label strong,
html[data-interface="lcars"] .tactical-contact-label small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html[data-interface="lcars"] .tactical-contact-label strong { font-size: .6rem; letter-spacing: .05em; text-transform: uppercase; }
html[data-interface="lcars"] .tactical-contact-label small { color: #8d8494; font-size: .5rem; }
html[data-interface="lcars"] .tactical-contact-label:hover strong { color: var(--lcars-gold); }
html[data-interface="lcars"] .tactical-legend { display: flex; flex-wrap: wrap; align-items: center; gap: .55rem; padding: 0 1rem 1rem; }
html[data-interface="lcars"] .tactical-legend span { display: inline-flex; align-items: center; gap: .35rem; color: #c7bcae; font-size: .65rem; font-weight: 700; text-transform: uppercase; }
html[data-interface="lcars"] .tactical-legend span::before { content: ""; width: .55rem; height: .55rem; border-radius: 50%; background: #19c38c; box-shadow: 0 0 8px rgba(25,195,140,.6); }
html[data-interface="lcars"] .tactical-legend .is-running::before { background: #4f82e8; }
html[data-interface="lcars"] .tactical-legend .is-pending::before { background: var(--lcars-gold); }
html[data-interface="lcars"] .tactical-legend .is-failed::before { background: #f33b61; }
html[data-interface="lcars"] .tactical-legend small { margin-left: auto; color: #8d8494; font-family: "IBM Plex Mono", ui-monospace, monospace; font-size: .58rem; }
html[data-interface="lcars"] #project-overview-region .timeline-scroll { overflow: visible; }
html[data-interface="lcars"] #project-overview-region .project-overview-canvas {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(auto-fit,minmax(25rem,1fr));
  gap: 1rem;
  padding: 1rem;
  background: radial-gradient(circle at 50% 0,rgba(140,168,232,.08),transparent 38%), #090a0d;
}
html[data-interface="lcars"] #project-overview-region .timeline-axis { display: none; }
html[data-interface="lcars"] #project-overview-region .project-system-card {
  position: relative;
  display: grid;
  overflow: hidden;
  min-width: 0;
  grid-template-columns: minmax(0,1fr) auto;
  grid-template-rows: auto minmax(9rem,1fr);
  border: 1px solid #4b3f35;
  border-left: .65rem solid var(--lcars-purple);
  border-radius: 0 1.6rem 1.6rem 0;
  background: #101014;
  box-shadow: inset 0 0 0 1px rgba(182,154,217,.04);
}
html[data-interface="lcars"] #project-overview-region .project-system-card::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: .35rem;
  background: linear-gradient(90deg,var(--lcars-purple) 0 22%,transparent 22% 24%,var(--lcars-orange) 24% 76%,transparent 76% 78%,var(--lcars-gold) 78%);
}
html[data-interface="lcars"] #project-overview-region .project-system-card > .timeline-label {
  grid-column: 1;
  grid-row: 1;
  border: 0;
  background: #19151c;
  padding: .85rem 1rem;
}
html[data-interface="lcars"] #project-overview-region .project-system-card .pipeline-project { align-items: center; }
html[data-interface="lcars"] #project-overview-region .project-system-card .project-name {
  color: var(--lcars-peach);
  font-family: "IBM Plex Mono", ui-monospace, monospace;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .07em;
  text-transform: uppercase;
}
html[data-interface="lcars"] #project-overview-region .project-system-card .project-path { color: #8d8494; font-size: .58rem; }
html[data-interface="lcars"] #project-overview-region .project-overview-count {
  position: relative;
  grid-column: 2;
  grid-row: 1;
  min-width: 6.8rem;
  flex-direction: row;
  align-items: center;
  gap: .5rem;
  border: 0;
  border-radius: 0 1.5rem 0 0;
  background: var(--lcars-orange);
  padding: .65rem .9rem;
  color: #111;
}
html[data-interface="lcars"] #project-overview-region .project-overview-count::before {
  content: "";
  width: .75rem;
  height: .75rem;
  flex: 0 0 auto;
  border: 2px solid #111;
  border-radius: 50%;
  background: #19c38c;
  box-shadow: 0 0 0 2px rgba(25,195,140,.5),0 0 12px rgba(25,195,140,.8);
}
html[data-interface="lcars"] #project-overview-region .project-overview-count strong { font-family: "IBM Plex Mono", ui-monospace, monospace; font-size: .62rem; letter-spacing: .06em; text-transform: uppercase; }
html[data-interface="lcars"] #project-overview-region .project-overview-count span,
html[data-interface="lcars"] #project-overview-region .project-overview-count time { display: none; }
html[data-interface="lcars"] #project-overview-region .project-system-status-running .project-overview-count::before,
html[data-interface="lcars"] #project-overview-region .project-system-status-preparing .project-overview-count::before { background: #4f82e8; box-shadow: 0 0 0 2px rgba(79,130,232,.5),0 0 14px rgba(79,130,232,.9); animation: tactical-contact-pulse 1.5s ease-in-out infinite; }
html[data-interface="lcars"] #project-overview-region .project-system-status-failed { border-left-color: #f33b61; }
html[data-interface="lcars"] #project-overview-region .project-system-status-failed .project-overview-count::before { background: #f33b61; box-shadow: 0 0 0 2px rgba(243,59,97,.5),0 0 14px rgba(243,59,97,.9); }
html[data-interface="lcars"] #project-overview-region .project-system-status-pending .project-overview-count::before { background: var(--lcars-gold); box-shadow: 0 0 0 2px rgba(243,211,106,.5); }
html[data-interface="lcars"] #project-overview-region .project-system-status-idle .project-overview-count::before { background: #655b6b; box-shadow: 0 0 0 2px rgba(101,91,107,.4); }
html[data-interface="lcars"] #project-overview-region .project-overview-track {
  position: relative;
  grid-column: 1 / -1;
  grid-row: 2;
  display: grid;
  overflow: hidden;
  min-height: 9rem;
  grid-template-columns: repeat(auto-fill,minmax(7.25rem,1fr));
  align-content: start;
  gap: .55rem;
  border: 0;
  background: repeating-linear-gradient(90deg,transparent 0 4.5rem,rgba(140,168,232,.06) 4.5rem calc(4.5rem + 1px));
  padding: 2.25rem 1rem 1.35rem;
}
html[data-interface="lcars"] #project-overview-region .project-overview-track::before {
  content: "ISOLINEAR RUN BANK";
  position: absolute;
  top: .65rem;
  left: 1rem;
  color: var(--lcars-blue);
  font-family: "IBM Plex Mono", ui-monospace, monospace;
  font-size: .52rem;
  font-weight: 900;
  letter-spacing: .13em;
}
html[data-interface="lcars"] #project-overview-region .project-overview-track::after {
  content: "";
  position: absolute;
  top: 2rem;
  bottom: .5rem;
  left: -12%;
  width: 10%;
  pointer-events: none;
  background: linear-gradient(90deg,transparent,rgba(243,211,106,.12),transparent);
  animation: project-system-scan 7s linear infinite;
}
html[data-interface="lcars"] #project-overview-region .project-overview-track .timeline-grid { display: none; }
html[data-interface="lcars"] #project-overview-region .project-overview-track.timeline-lanes-1 .project-overview-pipeline,
html[data-interface="lcars"] #project-overview-region .project-overview-pipeline {
  position: relative;
  top: auto;
  left: auto;
  z-index: 1;
  display: flex;
  width: auto;
  max-width: none;
  min-height: 2.8rem;
  align-items: center;
  border: 0;
  border-radius: .2rem 1rem 1rem .2rem;
  background: #19c38c;
  padding: .45rem .65rem;
  color: #07130f;
  box-shadow: inset .35rem 0 rgba(255,255,255,.28),0 0 10px rgba(25,195,140,.22);
  opacity: 1;
  transform: none;
}
html[data-interface="lcars"] #project-overview-region .project-overview-pipeline span { overflow: hidden; font-size: .58rem; font-weight: 900; text-overflow: ellipsis; white-space: nowrap; }
html[data-interface="lcars"] #project-overview-region .project-overview-pipeline[data-project-latest="true"] { outline: 2px solid var(--lcars-gold); outline-offset: 2px; }
html[data-interface="lcars"] #project-overview-region .project-overview-pipeline:hover,
html[data-interface="lcars"] #project-overview-region .project-overview-pipeline:focus-visible { z-index: 3; filter: brightness(1.18); outline: 2px solid var(--lcars-blue); outline-offset: 2px; }
html[data-interface="lcars"] #project-overview-region .project-overview-pipeline.timeline-job-running,
html[data-interface="lcars"] #project-overview-region .project-overview-pipeline.timeline-job-preparing { background: #4f82e8; color: #07152f; }
html[data-interface="lcars"] #project-overview-region .project-overview-pipeline.timeline-job-failed { background: #f33b61; color: #24040b; }
html[data-interface="lcars"] #project-overview-region .project-overview-pipeline.timeline-job-pending,
html[data-interface="lcars"] #project-overview-region .project-overview-pipeline.timeline-job-waiting-for-resource,
html[data-interface="lcars"] #project-overview-region .project-overview-pipeline.timeline-job-waiting-for-callback { border: 1px dashed var(--lcars-gold); background: #5f4a20; color: #fff0b0; }
html[data-interface="lcars"] #project-overview-region .project-overview-empty { position: relative; padding: .75rem; color: #8d8494; }
html[data-interface="lcars"] .pipeline-row:hover,
html[data-interface="lcars"] .timeline-row > summary:hover { background: #1d1920; }
html[data-interface="lcars"] .project-name { color: var(--lcars-ink); }
html[data-interface="lcars"] .project-provider-icon-github img { filter: invert(1); }
html[data-interface="lcars"] .project-provider-icon { border-radius: 0 1rem 1rem 0; background: #201a23; }
html[data-interface="lcars"] details > summary {
  border-left: .4rem solid var(--lcars-purple);
  border-radius: 0 999px 999px 0;
  background: #201a23;
  padding: .7rem 1rem;
  color: var(--lcars-peach);
  font-family: "IBM Plex Mono", ui-monospace, monospace;
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
html[data-interface="lcars"] details[open] > summary { border-left-color: var(--lcars-gold); background: #30283a; }
html[data-interface="lcars"] .modal-backdrop { background: rgba(0,0,0,.88); }
html[data-interface="lcars"] [role="dialog"] { border: .25rem solid var(--lcars-purple); border-left-width: 1rem; border-radius: 0 2rem 2rem 0; background: #0b0b0e; }
html[data-interface="lcars"] .log-output,
html[data-interface="lcars"] .pipeline-watch-log { background: #08090a; color: #c7f3d7; }
html[data-interface="lcars"] code { color: var(--lcars-gold); }
html[data-interface="lcars"] ::-webkit-scrollbar { width: .8rem; height: .8rem; }
html[data-interface="lcars"] ::-webkit-scrollbar-track { background: #151318; }
html[data-interface="lcars"] ::-webkit-scrollbar-thumb { border: .18rem solid #151318; border-radius: 999px; background: var(--lcars-purple); }

html[data-interface="lcars"] .alert-success { border-color: #4f8b70; background: #162a22; color: #b8efd2; }
html[data-interface="lcars"] .alert-error { border-color: #a94d5c; background: #35151c; color: #ffc2ca; }
html[data-interface="lcars"] .navigation-progress span { background: var(--lcars-orange); }
html[data-interface="lcars"] .version-update,
html[data-interface="lcars"] .server-status { border-color: var(--lcars-orange); border-radius: 999px; background: #171014; }

.lcars-preferences { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 1.25rem; align-items: center; }
.lcars-preferences[hidden] { display: none; }
.lcars-preferences-display { display: grid; grid-template-columns: 2.5rem 4.5rem; grid-template-rows: 2rem 2rem; overflow: hidden; border-radius: 1.5rem 0 0 1.5rem; color: #111; font-family: Arial, sans-serif; font-size: .65rem; font-weight: 900; letter-spacing: .08em; text-align: right; }
.lcars-preferences-display span { grid-row: 1 / 3; display: flex; align-items: flex-end; justify-content: flex-end; background: #b69ad9; padding: .45rem; }
.lcars-preferences-display i { background: #f6a94a; }
.lcars-preferences-display strong { background: #f3d36a; padding: .65rem .4rem; }
.lcars-preferences-copy p:last-child { margin-top: .35rem; font-size: .875rem; }
.lcars-preferences-actions { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: .65rem; }
.lcars-preferences-actions .status { margin-right: auto; }

html[data-interface="lcars"] .lcars-preferences { border-left-color: var(--lcars-purple); }

@media (max-width: 767px) {
  html[data-interface="lcars"] .sidebar { width: min(18rem, 88vw); }
  html[data-interface="lcars"] .sidebar-brand-row .notification-bell { display: none; }
  html[data-interface="lcars"] .sidebar-brand-row .brand { min-width: 0; }
  html[data-interface="lcars"] .mobile-header { border-color: var(--lcars-orange); background: #09090b; }
  html[data-interface="lcars"] .mobile-brand-standard { display: none; }
  html[data-interface="lcars"] .mobile-brand-lcars { display: inline-flex; align-items: center; gap: .4rem; margin: 0 auto; color: var(--lcars-peach); font-size: .8rem; font-weight: 900; letter-spacing: .16em; }
  html[data-interface="lcars"] .mobile-brand-lcars small { border-radius: 999px; background: var(--lcars-gold); padding: .2rem .4rem; color: #111; font-size: .5rem; }
  html[data-interface="lcars"] .mobile-header .notification-bell { color: var(--lcars-orange); }
  html[data-interface="lcars"] .main-frame::before { height: 1.4rem; margin-top: .5rem; padding: .35rem .75rem 0; font-size: .5rem; }
  html[data-interface="lcars"] .content { padding: 1rem; }
  html[data-interface="lcars"] .panel { padding: 1rem; }
  html[data-interface="lcars"] .tactical-readout { grid-template-columns: auto 1fr; }
  html[data-interface="lcars"] .tactical-readout strong { justify-content: center; }
  html[data-interface="lcars"] .tactical-readout span:last-child { grid-column: 1 / -1; justify-content: flex-end; border-radius: 0 999px 999px 0; }
  html[data-interface="lcars"] .tactical-sector-console { grid-template-columns: 1fr 1fr; margin-right: .5rem; margin-left: .5rem; }
  html[data-interface="lcars"] .tactical-sector-console > button { min-width: 0; }
  html[data-interface="lcars"] .tactical-sector-console > div { grid-column: 1 / -1; grid-row: 1; }
  html[data-interface="lcars"] .tactical-viewport { margin-right: .5rem; margin-left: .5rem; }
  html[data-interface="lcars"] .tactical-plane { min-width: max(100%,calc(5.5rem + (var(--tactical-lane-count) * 7.5rem))); height: 560px; }
  html[data-interface="lcars"] .tactical-lanes { grid-auto-columns: minmax(6.5rem,1fr); gap: 1rem; }
  html[data-interface="lcars"] .tactical-legend small { width: 100%; margin-left: 0; }
  html[data-interface="lcars"] #project-overview-region .project-overview-canvas { grid-template-columns: 1fr; padding: .5rem; }
  html[data-interface="lcars"] #project-overview-region .project-system-card { grid-template-columns: minmax(0,1fr) auto; }
  html[data-interface="lcars"] #project-overview-region .project-overview-count { min-width: 4.7rem; padding: .5rem .65rem; }
  html[data-interface="lcars"] #project-overview-region .project-overview-count::before { width: .6rem; height: .6rem; }
  html[data-interface="lcars"] #project-overview-region .project-overview-track { grid-template-columns: repeat(2,minmax(0,1fr)); padding-right: .65rem; padding-left: .65rem; }
  .lcars-preferences { grid-template-columns: 1fr; }
  .lcars-preferences-display { width: 7rem; }
  .lcars-preferences-actions { grid-column: 1; align-items: stretch; flex-direction: column; }
  .lcars-preferences-actions .status { margin-right: 0; align-self: flex-start; }
}

@media (prefers-reduced-motion: reduce) {
  html[data-interface="lcars"] * { scroll-behavior: auto !important; }
  html[data-interface="lcars"] .tactical-sweep,
  html[data-interface="lcars"] .tactical-job-running,
  html[data-interface="lcars"] .tactical-job-preparing { animation: none; }
  html[data-interface="lcars"] #project-overview-region .project-overview-track::after,
  html[data-interface="lcars"] #project-overview-region .project-system-status-running .project-overview-count::before,
  html[data-interface="lcars"] #project-overview-region .project-system-status-preparing .project-overview-count::before { animation: none; }
}

@keyframes tactical-scan {
  from { transform: translateY(-100%); }
  to { transform: translateY(560%); }
}

@keyframes tactical-contact-pulse {
  0%, 100% { filter: brightness(.78); }
  50% { filter: brightness(1.25); }
}

@keyframes project-system-scan {
  from { transform: translateX(0); }
  to { transform: translateX(1200%); }
}