.logbook-context {
  --bs-offcanvas-width: min(440px, 100vw);
}
.logbook-context .offcanvas-body {
  background: #f7f8f9;
}
.logbook-context form {
  background: #fff;
  border: 1px solid var(--lx-border);
  border-radius: 0.75rem;
  padding: 1rem;
}
.logbook-context textarea[name='content'] {
  min-height: 180px;
}
@media (min-width: 992px) {
  body.logbook-fixed-open .app-shell {
    width: calc(100vw - 440px);
  }
  body.logbook-fixed-open .logbook-context {
    transform: none !important;
    visibility: visible !important;
    width: 440px;
    border-left: 1px solid var(--lx-border);
    box-shadow: -8px 0 24px #1112;
  }
  .app-shell {
    transition: width 0.2s ease;
  }
}
@media (max-width: 575.98px) {
  .logbook-context {
    --bs-offcanvas-width: 100vw;
  }
}