/* CloudInfra Secure brand palette (#00A4EF) */
:root {
  --md-primary-fg-color:        #00A4EF;
  --md-primary-fg-color--light: #33b7f2;
  --md-primary-fg-color--dark:  #0083bf;
  --md-accent-fg-color:         #0083bf;
  --md-typeset-a-color:         #0083bf;
}

/* Dark scheme keeps the brand accent readable */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color:  #00A4EF;
  --md-accent-fg-color:   #33b7f2;
  --md-typeset-a-color:   #33b7f2;
}

/* Force the brand colour on the header, tabs and primary buttons regardless of
   the default palette (Material defaults to indigo when no primary is set). */
.md-header,
.md-tabs {
  background-color: #00A4EF;
}
.md-button--primary {
  background-color: #00A4EF;
  border-color: #00A4EF;
}
.md-button--primary:hover {
  background-color: #0083bf;
  border-color: #0083bf;
}

/* Home page banner */
.cis-banner img {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
  border: 1px solid var(--md-default-fg-color--lightest);
}

/* Status pills reused from the product report */
.pill-pass { color:#fff; background:#1a7f37; padding:1px 8px; border-radius:10px; font-size:.8em; }
.pill-fail { color:#fff; background:#b91c1c; padding:1px 8px; border-radius:10px; font-size:.8em; }

/* Compliance-coverage "browse controls by standard" filter */
.cmpl-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .6rem;
  margin: 1rem 0;
}
.cmpl-toolbar select {
  padding: .35rem .5rem;
  border: 1px solid var(--md-default-fg-color--lighter);
  border-radius: 6px;
  background: var(--md-default-bg-color);
  color: var(--md-default-fg-color);
  font-size: .85rem;
  max-width: 100%;
}
.cmpl-count {
  font-size: .8rem;
  color: var(--md-default-fg-color--light);
  background: rgba(0,164,239,.10);
  padding: .2rem .6rem;
  border-radius: 10px;
}
/* Self-contained table styling so the raw-HTML table reads as a proper table
   (Material only auto-styles tables it generates from Markdown). */
.cmpl-tablewrap {
  overflow-x: auto;
  margin: 0 0 1.2rem;
  border: 1px solid var(--md-default-fg-color--lighter);
  border-radius: 6px;
}
.cmpl-table {
  width: 100%;
  border-collapse: collapse;
  font-size: .8rem;
}
.cmpl-table th,
.cmpl-table td {
  padding: .45rem .7rem;
  border-bottom: 1px solid var(--md-default-fg-color--lightest);
  text-align: left;
  vertical-align: top;
}
.cmpl-table thead th {
  background: var(--md-default-fg-color--lightest);
  border-bottom: 2px solid var(--md-primary-fg-color);
  font-weight: 700;
  white-space: nowrap;
}
.cmpl-table tbody tr:nth-child(even) { background: rgba(0,164,239,.035); }
.cmpl-table tbody tr:hover { background: rgba(0,164,239,.10); }
.cmpl-table tbody tr:last-child td { border-bottom: 0; }
/* ID column: never wrap the control id across lines */
.cmpl-table td:nth-child(2) { white-space: nowrap; font-weight: 600; }
.cmpl-table th.cmpl-num,
.cmpl-table td.cmpl-num {
  width: 2.4rem;
  text-align: right;
  color: var(--md-default-fg-color--light);
  font-variant-numeric: tabular-nums;
}

/* Delivery badges (GPO-backed vs direct) */
.gpo-badge {
  display: inline-block;
  background: #eaf5ec;
  color: #1a7f37;
  border: 1px solid #b7dfc0;
  border-radius: 9px;
  padding: 1px 7px;
  font-size: .72rem;
  font-weight: 600;
  white-space: nowrap;
}
[data-md-color-scheme="slate"] .gpo-badge {
  background: rgba(26,127,55,.18);
  color: #7ee2a0;
  border-color: rgba(126,226,160,.4);
}
.muted-badge { color: var(--md-default-fg-color--light); font-size: .72rem; }