/* Public, inert layout placeholders; never contain account or operational data. */
.session-boot {
  display: block;
  min-height: 100dvh;
  padding: 0;
  background: #eef3f8;
  text-align: left;
}
.boot-sidebar {
  position: absolute;
  inset: 0 auto 0 0;
  width: 240px;
  padding: 28px 22px;
  background: #fff;
  border-right: 1px solid #dce5ed;
}
.session-boot .boot-mark {
  width: 66px;
  margin: 0 auto 48px;
  animation: none;
}
.boot-line,
.boot-card {
  display: block;
  background: #e4ebf2;
  border-radius: 8px;
}
.boot-sidebar .boot-line {
  height: 28px;
  margin-bottom: 20px;
}
.boot-topbar {
  height: 76px;
  margin-left: 240px;
  background: #153d5c;
}
.boot-content {
  margin-left: 240px;
  padding: 40px;
}
.boot-content > .boot-line {
  width: min(320px, 70%);
  height: 32px;
  margin-bottom: 30px;
}
.boot-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.boot-card {
  height: 160px;
  border: 1px solid #dde6ef;
  background: #fff;
}
.boot-canvas {
  margin-top: 24px;
  height: 300px;
}
.boot-notice {
  margin: 0 40px 0 280px;
  padding-bottom: 24px;
}
.session-boot p.boot-status {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
}
.session-boot.has-error p.boot-status {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip-path: none;
  max-width: 600px;
}
@media (max-width: 960px) {
  .boot-sidebar {
    display: none;
  }
  .boot-topbar,
  .boot-content {
    margin-left: 0;
  }
  .boot-content {
    padding: 24px;
  }
  .boot-notice {
    margin: 0 24px;
  }
  .boot-cards {
    grid-template-columns: 1fr;
  }
  .boot-card:not(:first-child) {
    display: none;
  }
}