.risk-inbox__meta { color: var(--wa-color-text-quiet); }

.risk-inbox__toolbar { display: flex; gap: var(--wa-space-s); margin-block: var(--wa-space-m); }

.risk-inbox__score {
  display: inline-block; min-width: 2.25rem; text-align: center;
  padding: 0.125rem 0.5rem; border-radius: var(--wa-border-radius-m);
  background: var(--wa-color-neutral-fill-quiet); font-weight: 600;
}

.risk-inbox__kind {
  display: inline-block; padding: 0.125rem 0.5rem;
  border-radius: var(--wa-border-radius-m); font-size: var(--wa-font-size-s);
  background: var(--wa-color-neutral-fill-quiet);
}
.risk-inbox__kind--blind_cut_alert { background: var(--wa-color-warning-fill-normal); }
.risk-inbox__kind--attrition_risk  { background: var(--wa-color-danger-fill-normal); }
.risk-inbox__kind--overflow_alert  { background: var(--wa-color-warning-fill-normal); }
.risk-inbox__kind--smart_inventory_hold { background: var(--wa-color-success-fill-normal); }
.risk-inbox__kind--booking_cancellation_risk { background: var(--wa-color-brand-fill-normal); }

.risk-inbox__freshness { color: var(--wa-color-text-quiet); font-size: var(--wa-font-size-s); white-space: nowrap; }

.risk-inbox__shadow { margin-block-start: var(--wa-space-xl); }
.risk-inbox__shadow h2 { font-size: var(--wa-font-size-l); }
.risk-inbox__shadow .risk-inbox__score { background: var(--wa-color-brand-fill-quiet); }

.risk-inbox__actions { display: flex; gap: var(--wa-space-s); flex-wrap: wrap; }

.risk-inbox__empty { color: var(--wa-color-text-quiet); }

/* HMS-1328 — the notifications list pagination takes the same series-nav
   treatment every other admin table gets: spaced button-like links, the
   current page highlighted, disabled arrows dimmed. */
.risk-inbox__pages {
  display: flex;
  gap: var(--wa-space-2xs);
  align-items: center;
  margin-block-start: var(--wa-space-m);
}

.risk-inbox__pages .series-nav {
  display: flex;
  gap: var(--wa-space-2xs);
  align-items: center;
}

.risk-inbox__pages .series-nav a {
  min-width: 2rem;
  text-align: center;
  padding: var(--wa-space-2xs) var(--wa-space-xs);
  border-radius: var(--wa-border-radius-m);
  color: var(--wa-color-text-normal);
  text-decoration: none;
  font-size: var(--wa-font-size-s);
}

.risk-inbox__pages .series-nav a[href]:hover {
  background: var(--wa-color-surface-lowered);
}

.risk-inbox__pages .series-nav a[aria-current="page"] {
  background: var(--wa-color-brand-fill-loud);
  color: var(--wa-color-brand-on-loud);
}

.risk-inbox__pages .series-nav a[aria-disabled]:not([aria-current="page"]) {
  opacity: 0.4;
  cursor: default;
}

.risk-inbox .admin-table-wrap table { min-width: 0; }

/* HMS-819 — collapse the two risk tables into compact cards on smaller
   laptops (<=1100px). Table is preserved above the breakpoint. Each <td>
   carries data-label so the card can print a label per line. */
@media (max-width: 1100px) {
  .risk-inbox .admin-table-wrap { overflow: visible; }
  .risk-inbox .admin-table-wrap table,
  .risk-inbox .admin-table-wrap tbody,
  .risk-inbox .admin-table-wrap tr,
  .risk-inbox .admin-table-wrap td { display: block; width: 100%; }
  .risk-inbox .admin-table-wrap thead { display: none; }
  .risk-inbox .admin-table-wrap tr {
    border: 1px solid var(--wa-color-neutral-border-quiet);
    border-radius: var(--wa-border-radius-m);
    padding: var(--wa-space-s) var(--wa-space-m);
    margin-bottom: var(--wa-space-m);
  }
  .risk-inbox .admin-table-wrap td { padding: var(--wa-space-2xs) 0; border: 0; }
  .risk-inbox .admin-table-wrap td::before {
    content: attr(data-label);
    display: block;
    font-size: var(--wa-font-size-2xs);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--wa-color-text-quiet);
    margin-bottom: 2px;
  }
  /* Score + risk type read as a compact top row, not labelled lines. */
  .risk-inbox .admin-table-wrap td[data-label="Score"],
  .risk-inbox .admin-table-wrap td[data-label="Kind"] { display: inline-block; width: auto; }
  .risk-inbox .admin-table-wrap td[data-label="Score"]::before,
  .risk-inbox .admin-table-wrap td[data-label="Kind"]::before { content: none; }
  /* Detector + freshness read as secondary info (smaller, quiet). */
  .risk-inbox .admin-table-wrap td[data-label="Detector"],
  .risk-inbox .admin-table-wrap td[data-label="Model"],
  .risk-inbox .admin-table-wrap td[data-label="Freshness"] {
    font-size: var(--wa-font-size-s); color: var(--wa-color-text-quiet);
  }
  /* Smaller, consistently-sized buttons that wrap without overlapping. */
  .risk-inbox .admin-table-wrap .risk-inbox__actions { gap: var(--wa-space-xs); }
  .risk-inbox .admin-table-wrap .risk-inbox__actions a,
  .risk-inbox .admin-table-wrap .risk-inbox__actions .button_to button {
    font-size: var(--wa-font-size-s);
    padding: var(--wa-space-2xs) var(--wa-space-s);
    border: 1px solid var(--wa-color-neutral-border-quiet);
    border-radius: var(--wa-border-radius-s);
    background: var(--wa-color-neutral-fill-quiet);
    color: var(--wa-color-text-normal);
    text-decoration: none;
    cursor: pointer;
  }
  .risk-inbox .admin-table-wrap .risk-inbox__actions .button_to { display: inline; margin: 0; }
}