@import url("/assets/responsive-59a7702e.css");

@media screen and (min-width: 900px) and (max-width: 1199px) {
  :root { --sm-nav-width: 182px; }
  #main-menu.tabs { left: 12px; }
  body:has(#main-menu > ul > li) #main { margin-left: calc(var(--sm-nav-width) + 25px); }
  #content { padding: 20px; }
  #main { padding-right: 14px; gap: 12px; }
  #sidebar { width: 185px; padding-left: 8px; }
  #header h1 { font-size: 20px; max-width: 40%; }
  #quick-search input#q { width: 145px; }
  #project-jump .drdn-trigger { min-width: 145px; }
}
@media screen and (max-width: 899px) {
  body { font-size: 13px; }
  /* Native Redmine drawer sits 250px outside the wrapper until opened. */
  #wrapper { overflow-x: clip; }
  #header { height: 64px; min-height: 64px; padding: 0 16px; padding-bottom: 0 !important; background: #163770; border-bottom: 1px solid #102e64; }
  #header .mobile-toggle-button { color: white; height: 64px; }
  #header a, #header a:visited { color: white; }
  #quick-search { float: none; display: block; margin: 0; }
  #quick-search form, .sm-search-key { display: none; }
  #project-jump .drdn-trigger { background: transparent; color: white; border: 0; font-size: 14px; font-weight: 600; padding: 0 34px 0 6px; min-width: 0; }
  #project-jump .drdn-content { color: #24334b; }
  #project-jump .drdn-content a { color: #194391; }
  #main { margin-left: 0; padding: 80px 12px 0; gap: 0; }
  #content { border-radius: 9px; padding: 20px 18px; box-shadow: 0 2px 12px #142a4b05; }
  #content > h2, #content > .contextual + h2 { font-size: 22px; margin-bottom: 18px; }
  #sidebar { width: auto; }
  .sm-nav-heading { display: none; }
  .sm-nav-icon { width: 18px; height: 18px; flex-shrink: 0; }
  .flyout-menu { background: #101f3c; color: #dce6f9; }
  .flyout-menu a { color: #e2ebfc; }
  .flyout-menu h3 { color: #a9bfdf; background: #ffffff08; font-size: 10px; letter-spacing: 1px; text-transform: uppercase; padding: 12px 15px; }
  .flyout-menu ul li a { padding: 11px 16px; display: flex; align-items: center; gap: 10px; font-size: 13px; }
  .flyout-menu ul li a.selected { color: white; background: #2e518c; }
  .flyout-menu__search input { background: #1a3051; color: white; border-color: #6381ad; }
  .flyout-menu__search input::placeholder { color: #c1d2eb; }
  #footer { margin-left: 0; padding: 22px 22px; font-size: 9px; }
  .splitcontent { gap: 0; }
  .box { padding: 14px; }
  .autoscroll { max-width: 100%; }
  table.list td { padding: 10px 8px; }
  .contextual { line-height: 2.2; margin-bottom: 8px; }
  .contextual a { margin-left: 7px; }
  div.issue { padding: 16px; }
  div.issue .subject h3 { font-size: 19px; }
  .journal { padding: 14px; }
  input, select, textarea { font-size: 14px; }
  input[type="text"], input[type="password"], select { min-height: 38px; }
  input[type="submit"], input[type="button"], button:not([class*="jstb_"]):not(.tab-left):not(.tab-right) { min-height: 38px; }
  .tabular textarea, .tabular input[type="text"], .tabular input[type="email"] { max-width: 100%; }
  .tabular label { font-size: 12px; }
  #content .jstTabs.tabs { block-size: auto; overflow: visible; }
  #content .jstTabs.tabs ul { display: flex; flex-wrap: wrap; block-size: auto; white-space: normal; }
  #content .jstTabs.tabs li { block-size: auto; }
  #content .jstTabs.tabs li::before { display: none; }
  #content .jstTabs.tabs li.tab-elements { display: block; flex-basis: 100%; }
  #content .jstElements { display: flex; flex-wrap: wrap; gap: 3px; block-size: auto; padding: 7px; margin-top: 4px; }
  .wiki table { display: block; overflow-x: auto; }
  .controller-account.action-login #main { padding: 88px 16px 0; }
  .sm-auth-layout { margin: 18px auto 26px; min-height: 0; max-width: 670px; grid-template-columns: .9fr 1fr; }
  .sm-auth-brand { padding: 32px 28px; }
  .sm-auth-brand h2 { font-size: 29px; margin-top: 35px; }
  .sm-auth-brand p { font-size: 12px; }
  #login-form { padding: 34px 28px; }
  .sm-auth-caption { margin-top: 30px; }
}
@media screen and (max-width: 599px) {
  #main { padding: 76px 8px 0; }
  #content { padding: 18px 14px; }
  #content > h2, #content > .contextual + h2 { font-size: 21px; }
  .sm-auth-layout { display: block; margin-top: 5px; border-radius: 12px; }
  .sm-auth-brand { padding: 24px 26px; }
  .sm-auth-wordmark { font-size: 15px; }
  .sm-brand-symbol { width: 25px; height: 25px; }
  .sm-auth-brand h2 { font-size: 27px; letter-spacing: -.8px; margin: 22px 0 10px; max-width: 270px; }
  .sm-auth-brand p { font-size: 11px; line-height: 1.8; }
  .sm-auth-caption { display: none; }
  #login-form { padding: 26px; }
  .sm-auth-title { margin-bottom: 24px; }
  .sm-auth-title h1 { font-size: 22px; }
  .sm-auth-title p { font-size: 11px; }
  #login-form input#username, #login-form input#password { font-size: 16px; }
  #login-form label { font-size: 12px; }
  #login-form .lost_password { font-size: 10px; }
  .controller-account.action-login #main { padding: 82px 14px 0; }
  .controller-account.action-login #footer { padding-top: 12px; }
  .tabular label { max-width: 100%; }
  #issue_tree .contextual { float: none; }
  div.issue .attributes { font-size: 12px; }
}

@media screen and (max-width:899px){#content .jstTabs.tabs ul{position:static;inline-size:100%;min-inline-size:0;padding-inline-start:0}#content .jstTabs.tabs li.tab-elements{inline-size:100%;min-inline-size:0;white-space:normal;margin:0}#content .jstElements{inline-size:100%;white-space:normal;box-sizing:border-box}#content .jstElements button{flex:0 0 32px;inline-size:32px;block-size:32px;width:32px;height:32px}}

@media screen and (max-width: 899px) {
  /* The editor stylesheet is loaded after theme CSS, so override its fixed 42px tab row. */
  #content .jstTabs.tabs li { block-size: auto !important; }
  #content .jstTabs.tabs li::before { display: none !important; }
  #content .jstElements button { inline-size: 32px !important; block-size: 32px !important; }
}