/* CloudInfra Proxy Manager brand palette.
   #1e5eb8 is the console's own primary blue, so the documentation and the
   product it documents look like the same thing. Deliberately distinct from
   CloudInfra Secure's #00A4EF while staying in the same family. */
:root {
  --md-primary-fg-color:        #1e5eb8;
  --md-primary-fg-color--light: #3d7ad1;
  --md-primary-fg-color--dark:  #17498f;
  --md-accent-fg-color:         #17498f;
  --md-typeset-a-color:         #17498f;
}

/* Dark scheme keeps the brand accent readable against the slate background. */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color:  #1e5eb8;
  --md-accent-fg-color:   #6fa3e8;
  --md-typeset-a-color:   #6fa3e8;
}

/* Force the brand colour on the header, tabs and primary buttons regardless of
   the default palette (Material falls back to indigo when no primary is set). */
.md-header,
.md-tabs {
  background-color: #16294a;
}
.md-button--primary {
  background-color: #1e5eb8;
  border-color: #1e5eb8;
}
.md-button--primary:hover {
  background-color: #17498f;
  border-color: #17498f;
}

/* Home page banner */
.cis-banner img {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
}

/* Decision pills, matching the console's own allow/block colours so a
   screenshot and a table read the same way. */
.pill-allow {
  color: #fff; background: #1a7a4c;
  padding: 1px 8px; border-radius: 10px; font-size: .8em; white-space: nowrap;
}
.pill-block {
  color: #fff; background: #b3261e;
  padding: 1px 8px; border-radius: 10px; font-size: .8em; white-space: nowrap;
}
.pill-neutral {
  color: var(--md-default-fg-color--light);
  background: var(--md-default-fg-color--lightest);
  padding: 1px 8px; border-radius: 10px; font-size: .8em; white-space: nowrap;
}

/* Figure counts, used on the home page and the health reference. */
.stat-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: .7rem;
  margin: 1rem 0 1.4rem;
}
.stat-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: .9rem .6rem;
  border: 1px solid var(--md-default-fg-color--lighter);
  border-radius: 8px;
  background: rgba(30, 94, 184, .05);
}
.stat-num {
  font-size: 1.7rem;
  font-weight: 800;
  line-height: 1;
  color: var(--md-primary-fg-color);
  font-variant-numeric: tabular-nums;
}
.stat-label {
  margin-top: .35rem;
  font-size: .74rem;
  color: var(--md-default-fg-color--light);
}

/* Tables of settings and log fields get a lot of use here, and several are
   wide. Let them scroll rather than forcing the page to. */
.md-typeset table:not([class]) {
  font-size: .76rem;
}
.md-typeset__scrollwrap {
  margin: 0;
}

/* Field-name columns should never wrap mid-identifier. */
.md-typeset table:not([class]) td:first-child code {
  white-space: nowrap;
}