/* =========================================================
   PATCH 2026-08-13 08:05 | ZAR STATUS DYNAMIC TAXONOMY
   Compacts the public console shell and restores established UI typography.
========================================================= */
.zar-status-console {
  --zsc-ink: #101d33;
  --zsc-muted: #5c6f8d;
  --zsc-line: #c5d2e3;
  --zsc-paper: #f8fbfe;
  --zsc-soft: #eef4fa;
  --zsc-accent: #16836f;
  color: var(--zsc-ink);
  background: var(--zsc-paper);
  border: 1px solid var(--zsc-line);
  border-radius: 8px;
  overflow: hidden;
  font-family: inherit;
}
.zar-status-console__header { padding: 11px 13px 12px; border-bottom: 1px solid var(--zsc-line); background: #122036; color: #f4f8ff; }
.zar-status-console__eyebrow { margin: 0 0 4px; color: #8fd4bd; font-size: 9px; font-weight: 800; letter-spacing: .1em; }
/* =========================================================
   PATCH 2026-08-13 10:59 | STATUS HEADER COUNT LAYOUT

   Lets the aggregate taxonomy count move naturally below the
   console title instead of compressing the title at narrow widths.
========================================================= */

.zar-status-console__title-row {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 7px;
}
.zar-status-console__title-row h3 { margin: 0; font-size: 16px; line-height: 1.2; }
.zar-status-console__header > p:last-child { margin: 5px 0 0; color: #c5d2e5; font-size: 11px; line-height: 1.4; }
.zar-status-console__count {
    width: 100%;
    box-sizing: border-box;

    padding: 5px 7px;

    border: 1px solid #50627d;
    border-radius: 4px;

    color: #d9e4f4;

    font-family: "Roboto Mono", Consolas, monospace;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.4;

    text-transform: uppercase;
    white-space: normal;
}