/* The mobile header is already reserved by the absolute main inset.
   Do not also apply the library's 150px top padding to document pages. */
@media (max-width: 900px) {
  html body #root .app-shell.webpage-mode .app-webpage-main {
    inset: 142px 0 0 !important;
    padding: 0 !important;
    height: auto !important;
  }
  html body #root .app-shell.webpage-mode .app-webpage-scroll {
    padding: 12px 8px !important;
    scroll-padding-top: 12px !important;
  }
  html body #root .app-shell .reading-goal-controls {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
  }
  html body #root .app-shell .goal-date-control {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  html body #root .app-shell .goal-date-control input {
    min-width: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
}
.app-shell[data-theme="dark"] .library-check-page .scan-panel-actions .primary-action,
.app-shell[data-theme="dark"] .library-check-page .scan-panel-actions .primary-action span {
  color: #ffe4ac !important;
}
.app-shell[data-theme="light"] :is(.library-sidebar, .library-topbar, .settings-stack-clean, .library-check-page) svg {
  color: #75451f !important;
}
.app-shell[data-theme="dark"] .library-empty-overlay .empty-state {
  background: #211309 !important;
  color: #ffe4ac !important;
  border-color: #937344 !important;
}
.app-shell[data-theme="dark"] .reading-goal-actions .secondary-action {
  color: #ffe4ac !important;
}
.app-shell[data-theme="dark"] .library-check-page :is(input, textarea, select) {
  color: #ffe4ac !important;
  -webkit-text-fill-color: #ffe4ac !important;
  caret-color: #ffe4ac !important;
}