/* Shared customer chrome. Theme roles and Rockwell come from styles.ammo.tools. */

html:has(#ammo-host.host-signed-in) {
  scrollbar-gutter: stable;
}

#ammo-host.host-signed-in {
  --font-display: Rockwell, Georgia, serif;
  --font-sans: var(--pico-font-family);
  --font-mono: ui-monospace, SFMono-Regular, Consolas, monospace;
  --acc: var(--primary-fill);
  --acc-soft: var(--info-bg);
  --acc-ink: var(--info-ink);
  --accent: var(--blue);
  --accent-hover: var(--blue-hover);
  --link: var(--blue);
  --host-action-fill: color-mix(in srgb, var(--primary-fill) 70%, var(--ink));
  font: 15px/1.55 var(--pico-font-family);
}

/* Compact white labels need more contrast than the shared accent fill provides.
   Mixing the existing tokens preserves its blue hue in both appearances. */
html[data-theme="dark"] #ammo-host.host-signed-in {
  --host-action-fill: color-mix(in srgb, var(--primary-fill) 75%, var(--canvas));
}

html #ammo-host.host-signed-in :is(h1, h2, h3, .page-title, .host-app-state) {
  font-family: var(--font-display);
  font-weight: 700;
  letter-spacing: 0;
  overflow-wrap: anywhere;
}

html #ammo-host.host-signed-in :is(h1, .page-title, #apps-hero-title) {
  max-width: none;
  font-size: 32px;
  line-height: 1.15;
  white-space: normal;
}

#ammo-host.host-signed-in .host-main {
  max-width: 1300px;
  margin-inline: 0;
}

#ammo-host.host-signed-in .host-main :is(.section, .section-first) > p {
  max-width: 72ch;
}

#ammo-host.host-signed-in .keys-layout > .panel {
  min-width: 0;
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: var(--panel-radius);
  background: var(--surface);
}

#ammo-host.host-signed-in .keys-layout .panel h2 {
  margin-bottom: 16px;
}

#ammo-host.host-signed-in .keys-layout .panel .host-form {
  margin: 0;
}

#ammo-host.host-signed-in .empty.host-hero {
  max-width: 680px;
  padding: 0;
}

#ammo-host.host-signed-in .empty-lead {
  margin-top: 12px;
  max-width: 58ch;
}

#ammo-host.host-signed-in .prompt-panel {
  margin-top: 24px;
  margin-bottom: 0;
  padding: 24px;
}

#ammo-host.host-signed-in .prompt-panel .prompt-note {
  margin-top: 16px;
}

#ammo-host.host-signed-in .prompt-panel .form-stack {
  margin: 0;
}

#ammo-host.host-signed-in .host-manual {
  margin-top: 24px;
}

#ammo-host.host-signed-in .host-band::before,
#ammo-host.host-signed-in .host-band::after {
  content: "";
  position: absolute;
  inset-block: 0;
  width: 33.333333%;
}

#ammo-host.host-signed-in .host-band::before {
  left: 33.333333%;
  background: var(--purple-fill);
}

#ammo-host.host-signed-in .host-band::after {
  right: 0;
  background: var(--red);
}

#ammo-host .host-header,
#ammo-host .host-nav,
#ammo-host .host-nav a,
#ammo-host .host-session,
#ammo-host .host-session p,
#ammo-host .breadcrumb,
#ammo-host .breadcrumb a,
#ammo-host .host-header .btn {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: 0;
}

#ammo-host.host-signed-in ::selection {
  background: var(--selection);
  color: var(--selection-ink);
}

#ammo-host.host-signed-in .host-header {
  min-height: 52px;
  padding: 0 16px 0 14px;
  gap: 16px;
  background: var(--header-bg);
}

#ammo-host.host-signed-in .host-band {
  position: relative;
  height: 3px;
  flex: none;
  background: var(--primary-fill);
}

#ammo-host.host-signed-in .host-rule {
  display: none;
}

#ammo-host.host-signed-in .host-wordmark {
  gap: 10px;
  padding: 0;
  color: var(--ink);
}

#ammo-host .host-wordmark .t3-mark {
  width: 28px;
  height: 28px;
  flex: none;
  object-fit: contain;
  filter: none;
}

#ammo-host .host-wordmark .t3-mark--dark {
  display: none;
}

html[data-theme="dark"] #ammo-host .host-wordmark .t3-mark--light {
  display: none;
}

html[data-theme="dark"] #ammo-host .host-wordmark .t3-mark--dark {
  display: block;
}

#ammo-host .host-header .host-wordmark span {
  font-family: Rockwell, Georgia, serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.01em;
  color: var(--ink);
}

#ammo-host .breadcrumb {
  display: flex;
  align-items: center;
  flex: 1;
  gap: 8px;
  min-width: 0;
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
  color: var(--muted);
}

#ammo-host .breadcrumb a {
  color: var(--ink);
  text-decoration: none;
}

#ammo-host .breadcrumb a:hover {
  color: var(--ink);
  text-decoration: none;
}

#ammo-host .breadcrumb .sep {
  color: var(--muted);
}

#ammo-host .breadcrumb [aria-current="page"] {
  min-width: 0;
  overflow: hidden;
  color: var(--ink);
  text-overflow: ellipsis;
  white-space: nowrap;
}

#ammo-host.host-signed-in .host-sidebar {
  position: relative;
  z-index: 2;
  background: var(--sidebar-bg);
  border-right: 1px solid var(--line);
  padding: 18px 12px 12px;
}

#ammo-host.host-signed-in .host-content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 100%;
}

#ammo-host.host-signed-in .host-nav a {
  border-radius: var(--control-radius);
}

#ammo-host.host-signed-in .host-nav a:hover {
  background: var(--sidebar-hover);
  color: var(--sidebar-ink);
}

#ammo-host.host-signed-in .host-nav a[aria-current="page"] {
  background: var(--acc-soft);
  color: var(--acc-ink);
  font-weight: 650;
  box-shadow: none;
}

#ammo-host.host-signed-in .host-nav a[aria-current="page"]:hover {
  background: var(--acc-soft);
  color: var(--acc-ink);
}

#ammo-host.host-signed-in .theme-picker .theme-option[aria-pressed="true"] {
  background: var(--acc-soft);
  color: var(--acc-ink);
}

#ammo-host.host-signed-in :is(
  .mono,
  .host-mono,
  code,
  pre,
  .host-address,
  .host-app-address,
  .host-user-code code
) {
  font-family: var(--font-mono);
}

#ammo-host.host-signed-in :is(button, a).btn-primary,
#ammo-host.host-signed-in :is(button, a).host-primary,
html[data-theme="dark"] #ammo-host.host-signed-in :is(button, a).btn-primary,
html[data-theme="dark"] #ammo-host.host-signed-in :is(button, a).host-primary {
  background: var(--host-action-fill);
  border-color: var(--host-action-fill);
  color: var(--primary-ink);
}

#ammo-host.host-signed-in :is(button, a).btn-primary:hover,
#ammo-host.host-signed-in :is(button, a).host-primary:hover,
html[data-theme="dark"] #ammo-host.host-signed-in :is(button, a).btn-primary:hover,
html[data-theme="dark"] #ammo-host.host-signed-in :is(button, a).host-primary:hover {
  background: var(--host-action-fill);
  border-color: var(--blue);
  color: var(--primary-ink);
}

html[data-theme="dark"] #ammo-host.host-signed-in :is(button, a).host-primary:focus-visible,
html[data-theme="dark"] #ammo-host.host-signed-in :is(button, a).btn-primary:focus-visible {
  background: var(--host-action-fill);
  border-color: var(--host-action-fill);
  color: var(--primary-ink);
}

#ammo-host.host-signed-in .plan-card--featured :is(button, a).btn-primary,
#ammo-host.host-signed-in .plan-card--featured :is(button, a).btn-primary:hover,
html[data-theme="dark"] #ammo-host.host-signed-in .plan-card--featured :is(button, a).btn-primary,
html[data-theme="dark"] #ammo-host.host-signed-in .plan-card--featured :is(button, a).btn-primary:hover,
html[data-theme="dark"] #ammo-host.host-signed-in .plan-card--featured :is(button, a).btn-primary:focus-visible {
  background: var(--surface);
  border-color: var(--line);
  color: var(--ink);
}

#ammo-host.host-signed-in .plan-card--featured {
  background: var(--host-action-fill);
  border-color: var(--host-action-fill);
}

#ammo-host.host-signed-in .plan-card--featured,
#ammo-host.host-signed-in .plan-card--featured :is(
  .plan-card-price,
  .plan-card-desc,
  .plan-card-features,
  .plan-card-period,
  .plan-card-features li,
  .checkout-consent
) {
  color: var(--primary-ink);
}

#ammo-host.host-signed-in .plan-card--featured .plan-card-badge {
  background: var(--line);
  color: var(--ink);
}

#ammo-host.host-signed-in .plan-card--featured .plan-card-divider {
  background: color-mix(in srgb, var(--primary-ink) 35%, transparent);
}

#ammo-host.host-signed-in .host-plan-choice > article.host-plan-is-current,
#ammo-host.host-signed-in .plan-card--current {
  border-color: var(--acc);
}

#ammo-host.host-signed-in .plan-card--current {
  opacity: 1;
}

@media (max-width: 700px) {
  #ammo-host.host-signed-in .host-header {
    padding-inline: 12px;
    gap: 8px;
  }

  #ammo-host.host-signed-in .host-sidebar {
    padding: 8px 12px;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  #ammo-host.host-signed-in .host-nav a[aria-current="page"] {
    box-shadow: none;
  }

  #ammo-host .breadcrumb {
    font-size: 12px;
    gap: 6px;
  }
}

@media (max-width: 700px) {
  html #ammo-host.host-signed-in :is(h1, .page-title, #apps-hero-title) {
    font-size: 28px;
  }

  #ammo-host.host-signed-in .prompt-panel,
  #ammo-host.host-signed-in .keys-layout > .panel {
    padding: 16px;
  }

  #ammo-host.host-signed-in .key-table :is(th, td) {
    padding: 12px 4px;
  }

  #ammo-host.host-signed-in .key-table .key-name {
    overflow-wrap: anywhere;
  }
}

#ammo-host.host-signed-in :is(button, .btn, label, .label) {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

#ammo-host.host-signed-in {
  --font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --pico-font-family: var(--font-sans);
  --page-gutter: 48px;
}
#ammo-host.host-signed-in .host-header { min-height: 53px; padding-inline: 24px; }
#ammo-host.host-signed-in .host-sidebar { display: flex; flex-direction: column; align-self: stretch; }
#ammo-host.host-signed-in .host-session { margin-top: auto; padding-top: 16px; }
#ammo-host.host-signed-in .host-main { padding-top: 32px; }
#ammo-host.host-signed-in .host-main h2 { font-size: 20px; }
#ammo-host.host-signed-in .host-main h3 { font-size: 16px; }
#ammo-host.host-signed-in .host-main .page-head { margin-bottom: 24px; }
#ammo-host.host-signed-in .host-main .btn { border-radius: 12px; }
#ammo-host.host-signed-in .status { border-radius: 999px; padding: 2px 10px; font-size: 12px; line-height: 1.5; white-space: nowrap; }
#ammo-host.host-signed-in .status::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; flex: none; }
#ammo-host.host-signed-in .fleet-strip { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 0 0 20px; }
#ammo-host.host-signed-in .fleet-stat { padding: 12px 16px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-2, var(--sidebar-bg)); }
#ammo-host.host-signed-in .fleet-stat dt { color: var(--muted); font-size: 12px; }
#ammo-host.host-signed-in .fleet-stat dd { margin: 4px 0 0; font-size: 24px; font-variant-numeric: tabular-nums; line-height: 1.2; }
#ammo-host.host-signed-in .fleet-stat--online dd { color: var(--success); }
#ammo-host.host-signed-in .fleet-stat--building dd { color: var(--blue); }
#ammo-host.host-signed-in .fleet-stat--failed dd { color: var(--danger); }
#ammo-host.host-signed-in .fleet-stat--trial dd { color: var(--warning); }
#ammo-host.host-signed-in .host-live-limit { margin: 0 0 16px; padding: 14px 16px; border-radius: 8px; background: var(--warning-bg); color: var(--warning); font-size: 13px; }
#ammo-host.host-signed-in .app-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; list-style: none; margin: 0; padding: 0; }
#ammo-host.host-signed-in .app-cards > li { min-width: 0; }
#ammo-host.host-signed-in .app-card { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; height: 100%; min-width: 0; padding: 16px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); color: var(--ink); text-decoration: none; }
#ammo-host.host-signed-in .app-card:hover { border-color: var(--blue); color: var(--ink); }
#ammo-host.host-signed-in .app-card-head { display: flex; justify-content: space-between; gap: 8px; width: 100%; align-items: flex-start; }
#ammo-host.host-signed-in .app-card-name { font-size: 18px; overflow-wrap: anywhere; }
#ammo-host.host-signed-in .app-card-url { font-size: 13px; color: var(--muted); margin-block: 4px; overflow-wrap: anywhere; }
#ammo-host.host-signed-in .app-card-meta { font-size: 12px; color: var(--muted); margin-top: auto; }
#ammo-host.host-signed-in .app-detail .section,
#ammo-host.host-signed-in .app-detail .danger-zone { margin-top: 16px; padding: 20px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); }
#ammo-host.host-signed-in .app-detail .two-col { gap: 16px; }
#ammo-host.host-signed-in .app-detail .section-head { margin-bottom: 12px; }
#ammo-host.host-signed-in .app-detail .app-panels { display: flex; flex-direction: column; gap: 16px; }
#ammo-host.host-signed-in .app-detail .trial-panel { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; padding: 16px; border: 0; border-radius: 8px; background: var(--info-bg); color: var(--info-ink); }
#ammo-host.host-signed-in .trial-panel :is(h2, p) { font-size: 13px; color: inherit; }
#ammo-host.host-signed-in .trial-copy { flex: 1 1 320px; }
#ammo-host.host-signed-in .trial-copy h2 { display: inline; margin-right: 4px; }
#ammo-host.host-signed-in .trial-copy p { margin: 0; }
#ammo-host.host-signed-in .status-hero { padding: 20px; border: 1px solid var(--line); border-radius: 12px; background: var(--info-bg); }
#ammo-host.host-signed-in .status-hero.is-online { background: var(--success-bg); border-color: var(--line); }
#ammo-host.host-signed-in .status-hero.is-failed { background: var(--danger-bg); border-color: var(--danger-border); }
#ammo-host.host-signed-in .hero-error { margin-top: 12px; color: var(--danger); }
#ammo-host.host-signed-in .status-hero .app-address { margin-top: 12px; }
#ammo-host.host-signed-in .status-hero .host-app-address { font-size: 13px; overflow-wrap: anywhere; }
#ammo-host.host-signed-in .app-usage-link { margin-block: 16px; }
#ammo-host.host-signed-in .app-detail .log-panel { margin-top: 12px; min-height: 200px; max-height: 360px; background: var(--surface-2, var(--canvas)); border: 1px solid var(--line); border-radius: 8px; }
#ammo-host.host-signed-in .delete-control { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; margin-top: 12px; }
#ammo-host.host-signed-in .arm-switch { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; font-size: 13px; cursor: pointer; }
#ammo-host.host-signed-in input[type="checkbox"][role="switch"] { appearance: none; width: 36px; height: 20px; padding: 2px; border: 1px solid var(--muted); border-radius: 999px; background: var(--muted); flex: none; cursor: pointer; }
#ammo-host.host-signed-in input[type="checkbox"][role="switch"]::before { content: ""; display: block; width: 14px; height: 14px; border-radius: 50%; background: var(--canvas); transition: transform 120ms ease-out; }
#ammo-host.host-signed-in input[type="checkbox"][role="switch"]:checked { background: var(--blue); border-color: var(--blue); }
#ammo-host.host-signed-in input[type="checkbox"][role="switch"]:checked::before { transform: translateX(16px); }
#ammo-host.host-signed-in .onboard-steps { counter-reset: onboarding; display: grid; gap: 10px; list-style: none; padding: 0; margin: 24px 0 16px; max-width: 560px; }
#ammo-host.host-signed-in .onboard-steps li { counter-increment: onboarding; display: flex; align-items: flex-start; gap: 12px; border: 1px solid var(--line); border-radius: 8px; padding: 12px 16px; font-size: 13px; }
#ammo-host.host-signed-in .onboard-steps li::before { content: counter(onboarding); display: grid; place-items: center; width: 28px; height: 28px; flex: none; border-radius: 50%; background: var(--info-bg); color: var(--info-ink); font-weight: 650; }
#ammo-host.host-signed-in .onboard-steps p { color: var(--muted); }
#ammo-host.host-signed-in .plan-hero { background: var(--surface-2, var(--sidebar-bg)); border: 1px solid var(--line); border-radius: 12px; padding: 24px; }
#ammo-host.host-signed-in .plan-hero-heading { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
#ammo-host.host-signed-in .plan-hero-heading .status { margin-left: auto; }
#ammo-host.host-signed-in .plan-hero .plan-summary { margin-bottom: 0; padding: 20px 0 0; border: 0; background: transparent; }
#ammo-host.host-signed-in .plan-card--featured,
html[data-theme="dark"] #ammo-host.host-signed-in .plan-card--featured { background: var(--surface); border-color: var(--blue); color: var(--ink); }
#ammo-host.host-signed-in .plan-card--featured :is(.plan-card-price, .plan-card-desc, .plan-card-features, .plan-card-period, .plan-card-features li, .checkout-consent) { color: var(--ink); }
#ammo-host.host-signed-in .plan-card--featured :is(button, a).btn-primary,
html[data-theme="dark"] #ammo-host.host-signed-in .plan-card--featured :is(button, a).btn-primary { background: var(--host-action-fill); border-color: var(--host-action-fill); color: var(--primary-ink); }
#ammo-host.host-signed-in .plan-cards { gap: 16px; }
#ammo-host.host-signed-in .plan-card { padding: 24px; }
#ammo-host.host-signed-in .welcome-panel { border: 1px solid color-mix(in srgb, var(--success) 30%, var(--line)); border-radius: 8px; background: var(--success-bg); color: var(--success); }
#ammo-host.host-signed-in .welcome-panel :is(h2, p) { color: inherit; }
#ammo-host.host-signed-in .withdrawal-row { padding: 16px; border-radius: 8px; background: var(--warning-bg); color: var(--warning); }
#ammo-host.host-signed-in .withdrawal-row .small { color: inherit; }
@media (max-width: 1100px) {
  #ammo-host.host-signed-in .app-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #ammo-host.host-signed-in { --page-gutter: 32px; }
}
@media (max-width: 850px) {
  #ammo-host.host-signed-in { --page-gutter: 16px; }
  #ammo-host.host-signed-in .host-shell { display: flex; flex-direction: column; }
  #ammo-host.host-signed-in .host-sidebar { position: static; padding: 8px 16px; border-right: 0; border-bottom: 1px solid var(--line); }
  #ammo-host.host-signed-in .host-nav { display: flex; flex-direction: row; flex-wrap: wrap; gap: 4px; }
  #ammo-host.host-signed-in .host-nav a { flex: 0 1 auto; min-height: 44px; padding: 8px 12px; }
  #ammo-host.host-signed-in .host-session { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 16px; border-top: 0; padding-top: 8px; }
  #ammo-host.host-signed-in .host-content { flex: 1; align-self: stretch; }
  #ammo-host.host-signed-in .host-main { padding: 24px 16px 32px; }
  #ammo-host.host-signed-in .host-main :is(.btn, button, select) { min-height: 44px; }
  #ammo-host.host-signed-in .fleet-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #ammo-host.host-signed-in .app-detail .two-col { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  #ammo-host.host-signed-in .app-cards { grid-template-columns: 1fr; }
  #ammo-host.host-signed-in .host-main .page-head { gap: 16px; }
  #ammo-host.host-signed-in .app-detail .section,
  #ammo-host.host-signed-in .app-detail .danger-zone { padding: 16px; }
  #ammo-host.host-signed-in .host-header { padding-inline: 16px; flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) {
  #ammo-host.host-signed-in input[type="checkbox"][role="switch"]::before { transition: none; }
}

#ammo-host.host-signed-in {
  --sidebar-w: 242px;
  --surface: var(--control-bg);
  --surface-2: color-mix(in srgb, var(--canvas) 60%, var(--line));
  --header-bg: var(--control-bg);
  --primary-fill: var(--nav-active);
  --host-hairline-red: #ef3340;
}
html[data-theme="dark"] #ammo-host.host-signed-in { --sidebar-bg: var(--control-bg); }
#ammo-host.host-signed-in .host-band::after { background: var(--host-hairline-red); }
#ammo-host.host-signed-in p.notice.host-live-limit { max-width: none; }
#ammo-host.host-signed-in .delete-control { display: inline-flex; width: auto; border: 0; border-radius: 0; overflow: visible; background: transparent; }
#ammo-host.host-signed-in .delete-control > button.btn { border: 1px solid var(--danger-border); border-radius: 12px; }
#ammo-host.host-signed-in .delete-control > label { padding: 0; border: 0; }
#ammo-host.host-signed-in .delete-control input[role="switch"]::before { position: static; margin: 0; }
#ammo-host.host-signed-in .trial-copy h2 { font-family: var(--font-sans); font-size: 13px; font-weight: 650; }
#ammo-host.host-signed-in .status-hero.is-online { border-color: var(--line); }
#ammo-host.host-signed-in .app-detail .section h2 { font-size: 16px; }
#ammo-host.host-signed-in .app-detail .danger-zone h2 { font-size: 16px; color: var(--danger); }
#ammo-host.host-signed-in .app-detail .log-tools { margin-bottom: 8px; }
#ammo-host.host-signed-in .app-detail .section .log-tabs { margin-top: 12px; }
#ammo-host.host-signed-in .key-revoke { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; min-width: 112px; }
#ammo-host.host-signed-in .key-revoke .arm-switch { font-size: 12px; }
#ammo-host.host-signed-in .plan-hero-heading h2 { font: 650 18px/1.35 var(--font-sans); }
#ammo-host.host-signed-in .plan-section > .section-head:empty { display: none; }
#ammo-host.host-signed-in .plan-section > .section-head:has(.plan-change) { justify-content: flex-end; }
#ammo-host.host-signed-in .plan-summary { grid-template-columns: repeat(4, minmax(0, 1fr)); }
#ammo-host.host-signed-in .empty.host-hero { max-width: 680px; }
#ammo-host.host-signed-in .empty.host-hero:not(:has([data-agent-prompt])) .prompt-panel { max-width: 560px; margin-top: 16px; padding: 16px; }
@media (max-width: 850px) {
  #ammo-host.host-signed-in .plan-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
#ammo-host.host-signed-in .keys-layout > section { min-width: 0; }
#ammo-host.host-signed-in .keys-layout .host-table-wrap { max-width: 100%; overflow-x: auto; }
#ammo-host.host-signed-in .billing-page .billing-module { padding: 20px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); margin-top: 24px; }
#ammo-host.host-signed-in .billing-module .section-head { margin-bottom: 8px; }
#ammo-host.host-signed-in .billing-module h2 { font: 650 15px/1.55 var(--font-sans); }
#ammo-host.host-signed-in .billing-module .card-row { padding: 0; border: 0; }
#ammo-host.host-signed-in .billing-module:has(#billing-portal-title) { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px 24px; }
#ammo-host.host-signed-in .billing-module:has(#billing-portal-title) .section-head { margin: 0; }
#ammo-host.host-signed-in .billing-module:has(#billing-portal-title) > p { grid-column: 1; }
#ammo-host.host-signed-in .billing-module:has(#billing-portal-title) form { grid-column: 2; grid-row: 1 / span 2; align-self: center; margin: 0; }
@media (max-width: 560px) {
  #ammo-host.host-signed-in .billing-module:has(#billing-portal-title) { display: flex; flex-direction: column; align-items: flex-start; }
  #ammo-host.host-signed-in .billing-module:has(#billing-portal-title) form { align-self: flex-start; }
}
#ammo-host.host-signed-in .keys-layout .host-table-wrap { position: relative; }

#ammo-host .abuse-console > h2 { margin-top: 32px; margin-bottom: 16px; }
.abuse-console .host-table { min-width: 760px; }
.abuse-console .host-table td { vertical-align: top; }