/* Load Redmine's mobile behavior, then override its light-only header colors. */
@import url("/assets/responsive-b138584c.css");

@media screen and (max-width: 899px) {
  #header { background: #111923; border-bottom: 1px solid #3c4e65; padding: 0; }
  #header a.mobile-toggle-button { color: #e8edf5; border-color: #3c4e65; }
  #project-jump .drdn-trigger { color: #e8edf5; font-size: 17px; background: transparent; border: 0; }
  #project-jump .drdn-content { background: #192431; border-color: #4b5e76; }
  #main.nosidebar #content, div#content { padding: 20px 14px; }
  #query_form_with_buttons { padding: 12px; }
  div.issue, div.journal, .box { padding: 15px; }
  div.issue .subject h3 { font-size: 20px; }
  #login-form { max-width: 360px; margin: 24px auto; padding: 22px; box-sizing: border-box; }
  #content > .contextual { margin-bottom: 12px; }
  table.issues { min-inline-size: 980px; }
  table.list td { padding-block: 8px; }
  input[type=submit], button[type=submit] { min-height: 40px; }
  .flyout-menu { background: #111923; color: #eef1f5; }
  .flyout-menu h3 { background: #1d2938; color: #c0ccda; border-color: #35465c; }
  .flyout-menu a, .flyout-menu a:link, .flyout-menu a:visited { color: #d9e2ec; }
  .flyout-menu input[type=text] { background: #1b293a; color: #eef1f5; }
  .flyout-menu__search input[type=text] { padding-inline-start: 35px !important; }
  .flyout-menu__avatar { background: #1b293a; }
}