:root {
  --sebs-landing-chrome-h: 4rem;
}

body[data-sebs-chrome-layout="immersive"] {
  --sebs-landing-chrome-h: 0px;
}

body[data-sebs-chrome-layout="immersive"] > header:not(.simulation-header),
body[data-sebs-chrome-layout="immersive"] > footer {
  display: none !important;
}

body.landing-site-body[data-sebs-chrome-layout="immersive"] {
  padding-top: 0 !important;
  background-color: #0c0f14 !important;
  background-image:
    linear-gradient(180deg, rgba(15, 23, 42, 0.35) 0%, transparent 38%),
    radial-gradient(ellipse 100% 65% at 50% 0%, rgba(30, 41, 59, 0.55) 0%, transparent 52%),
    url('https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=1920&q=40') center/cover no-repeat !important;
  color: #e2e8f0 !important;
}

body.landing-site-body[data-sebs-chrome-layout="immersive"]::before {
  content: none !important;
  display: none !important;
}

body[data-sebs-chrome-layout="immersive"] .simulation-header.sebs-sim-header-fixed {
  top: 0 !important;
  left: 0;
  right: 0;
  z-index: 1000 !important;
}

body[data-sebs-chrome-layout="immersive"] .main-container {
  padding-top: var(--sebs-sim-pad, 52px) !important;
  height: calc(100vh - var(--sebs-sim-pad, 52px)) !important;
  min-height: 0;
  box-sizing: border-box;
}

body.landing-site-body[data-sebs-chrome-layout="immersive"] .main-container section {
  color: #e2e8f0 !important;
}

body.landing-site-body[data-sebs-chrome-layout="immersive"] .main-container .window-frame h1,
body.landing-site-body[data-sebs-chrome-layout="immersive"] .main-container .window-frame h2,
body.landing-site-body[data-sebs-chrome-layout="immersive"] .main-container .window-frame h3,
body.landing-site-body[data-sebs-chrome-layout="immersive"] .main-container .window-frame h4 {
  color: #f1f5f9 !important;
}

body.landing-site-body[data-sebs-chrome-layout="immersive"] .main-container .window-frame .event-title {
  color: #f8fafc !important;
}

body.landing-site-body[data-sebs-chrome-layout="immersive"] .main-container .window-frame .event-content h4 {
  color: #94a3b8 !important;
}

body.landing-site-body[data-sebs-chrome-layout="immersive"] .main-container .window-frame .panel-timeline h3,
body.landing-site-body[data-sebs-chrome-layout="immersive"] .main-container .window-frame .panel-decision h3 {
  color: #cbd5e1 !important;
}

body.landing-site-body[data-sebs-chrome-layout="immersive"] .main-container .window-frame .question-label {
  color: #f1f5f9 !important;
  font-weight: 600;
}

body.landing-site-body[data-sebs-chrome-layout="immersive"] .main-container .window-frame p {
  color: #cbd5e1 !important;
}

body.landing-site-body[data-sebs-chrome-layout="immersive"] .main-container .window-frame .message-item .msg-body {
  color: inherit !important;
}

body.landing-site-body[data-sebs-chrome-layout="immersive"] .main-container .timeline-item .title {
  color: #f1f5f9 !important;
}

body.landing-site-body[data-sebs-chrome-layout="immersive"] .main-container .window-frame strong {
  color: inherit !important;
}

body[data-sebs-chrome-layout="immersive"] .desktop.show {
  display: flex !important;
  position: fixed !important;
  inset: 0 !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  z-index: 40 !important;
  box-sizing: border-box !important;
  padding: 0 !important;
}

body[data-sebs-chrome-layout="immersive"] .desktop-bar,
body[data-sebs-chrome-layout="immersive"] .desktop-content,
body[data-sebs-chrome-layout="immersive"] .taskbar {
  max-width: none !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body[data-sebs-chrome-layout="immersive"] .desktop-bar {
  border-radius: 0 !important;
}

body[data-sebs-chrome-layout="immersive"] .taskbar {
  border-radius: 0 !important;
  margin-bottom: 0 !important;
}

body.landing-site-body[data-sebs-chrome-layout="immersive"].sebs-linux-forensic-sim .task-cards-panel {
  top: 0 !important;
  height: 100vh !important;
}

body.landing-site-body[data-sebs-chrome-layout="immersive"].sebs-linux-forensic-sim .screen-frame {
  max-height: min(900px, calc(100vh - 2.5rem));
}

body.landing-site-body[data-sebs-chrome-layout="immersive"].sebs-linux-forensic-sim {
  background-color: #050608 !important;
  background-image: none !important;
}

body[data-sebs-chrome-layout="stack"] .simulation-header.sebs-sim-header-fixed {
  top: var(--sebs-landing-chrome-h) !important;
  left: 0;
  right: 0;
  z-index: 40 !important;
}

body[data-sebs-chrome-layout="stack"] .main-container {
  padding-top: calc(var(--sebs-landing-chrome-h) + var(--sebs-sim-pad, 72px)) !important;
  height: calc(100vh - var(--sebs-landing-chrome-h) - var(--sebs-sim-pad, 72px)) !important;
  min-height: 0;
  box-sizing: border-box;
}

body[data-sebs-chrome-layout="flow"] .simulation-header {
  margin-top: var(--sebs-landing-chrome-h);
}

body[data-sebs-chrome-layout="flow"] .main-container {
  height: calc(
    100vh - var(--sebs-landing-chrome-h) - var(--sebs-sim-flow-below, 88px)
  ) !important;
  min-height: 0;
  box-sizing: border-box;
}

body[data-sebs-chrome-layout="desktop"] .desktop.show {
  display: flex !important;
  position: fixed !important;
  inset: unset !important;
  top: var(--sebs-landing-chrome-h) !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  z-index: 40 !important;
  box-sizing: border-box !important;
  padding: 0.5rem 0 0 !important;
}

body[data-sebs-chrome-layout="desktop"] .desktop-bar,
body[data-sebs-chrome-layout="desktop"] .desktop-content,
body[data-sebs-chrome-layout="desktop"] .taskbar {
  max-width: 72rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

body[data-sebs-chrome-layout="desktop"] .desktop-bar {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  border-radius: 10px 10px 0 0;
}

body[data-sebs-chrome-layout="desktop"] .desktop-content {
  padding: 12px 1rem 16px !important;
  flex: 1;
  min-height: 0;
}

body[data-sebs-chrome-layout="desktop"] .taskbar {
  border-radius: 0 0 12px 12px;
  margin-bottom: max(0.5rem, env(safe-area-inset-bottom, 0px));
}

body[data-sebs-chrome-layout="terminal"] .terminal-container {
  margin-top: var(--sebs-landing-chrome-h);
  height: calc(100vh - var(--sebs-landing-chrome-h)) !important;
  box-sizing: border-box;
}

body[data-sebs-chrome-layout="linux"] .task-cards-panel {
  top: var(--sebs-landing-chrome-h) !important;
  height: calc(100vh - var(--sebs-landing-chrome-h)) !important;
}

body[data-sebs-chrome-layout="linux"] .hud {
  top: calc(1.25rem + var(--sebs-landing-chrome-h)) !important;
}

body[data-sebs-chrome-layout="linux"] .screen-frame {
  max-height: min(900px, calc(100vh - var(--sebs-landing-chrome-h) - 2.5rem));
}

body[data-sebs-chrome-layout="linux"] .intro-overlay {
  top: var(--sebs-landing-chrome-h) !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  align-items: flex-start !important;
  overflow-y: auto !important;
  padding-top: 1.25rem !important;
  padding-bottom: 1.25rem !important;
}

body[data-sebs-chrome-layout="coming"] .coming-soon-container {
  padding-top: calc(var(--sebs-landing-chrome-h) + 2rem);
  padding-bottom: 3rem;
  min-height: min(70vh, calc(100vh - var(--sebs-landing-chrome-h) - 6rem));
  box-sizing: border-box;
}