/* Cross-page admin refinements found during the post-build review. */
body.admin-page .billing-admin.operations-page {
  width: min(1500px, calc(100% - 36px));
}

body.admin-page .communications-page .admin-page-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

body.admin-page .communications-page .admin-page-links a {
  border: 1px solid #2a516e;
  border-radius: 9px;
  color: #dce9f5;
  padding: 11px 16px;
  text-decoration: none;
}

body.admin-page .communications-page .admin-page-links a:hover,
body.admin-page .communications-page .admin-page-links a:focus-visible {
  background: rgba(24, 115, 211, .16);
  border-color: rgba(53, 167, 250, .78);
  color: #fff;
}

body.admin-page .backup-page {
  color: #f5f9ff;
  margin: 0 auto;
  padding: 70px 0 100px;
}

body.admin-page .billing-ops-actions button {
  background: #0b2231;
  border: 1px solid #2a516e;
  border-radius: 8px;
  color: #dce9f5;
  cursor: pointer;
  font-size: 11px;
  font-weight: 800;
  min-height: 32px;
  padding: 5px 9px;
}

body.admin-page .billing-ops-actions button:hover,
body.admin-page .billing-ops-actions button:focus-visible {
  background: #12324a;
  border-color: #35a7fa;
  color: #fff;
}

body.admin-page .billing-ops-actions button.danger {
  background: #3a1c25;
  border-color: #8e4051;
}

/* The general admin button skin must not make the account trigger look active
   while it is at rest. Hover, keyboard focus, and the open state stay visible. */
body.admin-page #fixedR .navbar-account > .btn:not(:hover):not(:focus-visible):not([aria-expanded="true"]) {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

body.admin-page #fixedR .navbar-account > .btn:hover,
body.admin-page #fixedR .navbar-account > .btn:focus-visible,
body.admin-page #fixedR .navbar-account > .btn[aria-expanded="true"] {
  background: rgba(24, 115, 211, .16) !important;
  border-color: rgba(24, 115, 211, .7) !important;
  box-shadow: 0 0 14px rgba(24, 115, 211, .12), 0 12px 20px -12px rgba(22, 145, 255, .48) !important;
}

@media (max-width: 900px) {
  body.admin-page .communications-page .admin-page-links {
    width: 100%;
  }
}

@media (max-width: 580px) {
  body.admin-page .backup-page {
    padding-top: 38px;
  }
}