/* Native Indico customization: account entry and signup on small screens. */
@media (max-width: 700px) {
  body:has(.login-page) { min-width: 0; }
  .layout-wrapper.login-page { min-width: 0; width: 100%; }
  .login-page .middle .centered-column-wrapper,
  .login-page .middle .centered-column-wrapper .centered-column,
  .login-page .login-container { width: 100%; max-width: 100%; min-width: 0; box-sizing: border-box; }
  .login-page .centered-column { padding: 0 16px; }
  .login-page .header-logo { max-width: 100%; height: auto; }
  .fixed-width-standalone-page {
    width: calc(100% - 32px); min-width: 0; margin-left: auto; margin-right: auto;
  }
  .fixed-width-standalone-page header .title .text { min-width: 0; }
  .fixed-width-standalone-page .title-with-actions { flex-wrap: wrap; }
  .fixed-width-standalone-page .i-form, .fixed-width-standalone-page .form-group,
  .fixed-width-standalone-page .form-field {
    width: 100% !important; min-width: 0; max-width: 100%; box-sizing: border-box;
  }
  .fixed-width-standalone-page .i-form.horizontal .form-label {
    display: block; float: none; width: 100%; text-align: left; margin: 0 0 6px;
  }
  .fixed-width-standalone-page .i-form.horizontal .form-field { display: block; margin-left: 0; }
  .fixed-width-standalone-page input:not([type=checkbox]):not([type=radio]):not([type=submit]),
  .fixed-width-standalone-page select { width: 100%; max-width: 100%; box-sizing: border-box; }
  .fixed-width-standalone-page .form-group-footer .form-field { display: flex; flex-wrap: wrap; gap: 8px; }
  .page-header { flex-wrap: wrap; }
  .page-header > .flexrow { flex-wrap: wrap; gap: 12px; }
  .page-header > .flexrow > .flexcol { flex: 1 1 100%; min-width: 0; }
  .page-header > .flexcol { min-width: 0; max-width: 100%; flex: 1 1 100%; }
  .page-header #session-bar { width: 100%; min-width: 0; margin: 0; padding: 8px; box-sizing: border-box; }
  .page-header #session-bar .toolbar, .page-header #session-bar .group { width: 100%; min-width: 0; }
  .page-header #session-bar .group { display: flex; flex-wrap: wrap; justify-content: flex-end; }
  .footer > .flexrow { flex-direction: column; align-items: flex-start; gap: 16px; }
  .footer nav { position: static; transform: none; margin-left: 0; }
}