.central-login { max-width: 440px; margin: 0 auto 32px; }
.central-login h1 { font-size: 32px; }
.central-apps, .central-grants { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 16px; }
.central-app { border: 1px solid #bcc9ce; border-radius: 6px; overflow: hidden; display: block; padding: 16px; }
.central-app img { width: 100%; height: 144px; object-fit: contain; }
.central-account-fields { display: grid; gap: 12px; margin-bottom: 24px; }
.central-grants { margin-bottom: 24px; }
.central-grants fieldset { min-width: 0; border: 1px solid #bcc9ce; padding: 16px; }
.central-grants input[type=checkbox] { width: auto; }
.central-grants label { overflow-wrap: anywhere; }
.central-site .central-field { margin-bottom: 16px; }
.central-site .central-flag { display: flex; align-items: flex-start; gap: 10px; flex-wrap: wrap; }
.central-site .central-flag input[type=checkbox] { width: auto; display: inline-block; margin: 4px 0 0; flex: 0 0 auto; }
.central-site .central-flag label { margin: 0; flex: 1; }
.central-site .header-inner { justify-content: space-between; }
.central-site .header-inner nav { display: flex; flex-wrap: wrap; gap: 4px 12px; min-width: 0; }
.central-site .site-header a { color: #fff; }
.central-site .site-header nav a { padding: 8px 0; text-decoration: underline; text-underline-offset: 4px; }
.central-site .site-header a:hover { color: #d3f5e6; }
.central-site .site-header a:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
.central-site .errorlist { color: #a02135; }
.central-site * { letter-spacing: 0; }
.central-users { width: 100%; table-layout: fixed; }
.central-users .central-edit { width: 140px; }
.central-users td, .central-users th { overflow-wrap: anywhere; }
.central-users small { display: block; margin-top: 4px; }
.central-users .central-access span { display: block; margin-bottom: 4px; }
@media (max-width: 600px) {
  .central-site .header-inner { align-items: flex-start; gap: 8px; }
  .central-site .header-inner nav { width: 100%; }
  .central-users thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .central-users tr { display: grid; grid-template-columns: minmax(0, 1fr); border-bottom: 1px solid #bcc9ce; padding: 12px 0; }
  .central-users td { display: block; border: 0; padding: 6px 0; }
  .central-users .central-edit { width: auto; }
}
