:root {
  --primary: #0f766e;
  --secondary: #17233c;
  --accent: #f1d34f;
  --header-color: #fff;
  --header-branding-color: #fff;
  --header-bg: #17233c;
  --header-link-color: #fff;
  --breadcrumbs-bg: #0f766e;
  --button-bg: #0f766e;
  --button-hover-bg: #0b5f59;
  --default-button-bg: #17233c;
  --default-button-hover-bg: #253556;
  --link-fg: #0b665f;
  --link-hover-color: #17233c;
  --selected-bg: #e8f3f1;
}

#header { min-height: 66px; }
#branding { display: flex; align-items: center; }
.scm-admin-brand { display: grid; gap: 2px; }
.scm-admin-brand > a { color: #fff; font-size: 1.35rem; font-weight: 800; text-decoration: none; }
.scm-admin-brand > span { color: #b9c4d8; font-size: .72rem; letter-spacing: .07em; text-transform: uppercase; }
.view-site-link { align-self: center; color: #fff !important; font-weight: 700; text-decoration: none; }
.access-pill,
.subscription-pill {
  background: #e8f3f1;
  border: 1px solid #bfddd9;
  border-radius: 999px;
  display: inline-block;
  font-size: .72rem;
  margin: 2px 4px 2px 0;
  padding: 3px 8px;
  white-space: nowrap;
}
.subscription-pill { background: #edf0f6; border-color: #cdd4e2; }
#changelist-form .results { overflow-x: auto; }
#changelist table { min-width: 980px; }
.inline-group { border-radius: 6px; overflow: hidden; }
.inline-group h2 { background: #17233c; color: #fff; }
.submit-row { position: sticky; bottom: 0; z-index: 5; }

@media (max-width: 767px) {
  #header { align-items: flex-start; min-height: 92px; }
  .view-site-link { display: none; }
  .scm-admin-brand > a { font-size: 1.05rem; }
}