/* ============================================================
   PR375 — TRai Risk Engine styles
   Brand colors only:
     #FF6B00 primary action   #1A1A2E nav / header
   Risk badge color coding: Low green / Medium amber / High red.
   Text-only badges; no icon fonts, no emoji.
   ============================================================ */

.trai-risk-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid transparent;
  font: 600 12px/1.2 system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  letter-spacing: 0.02em;
  cursor: pointer;
  color: #1A1A2E;
  background: #f1f1f4;
}

.trai-risk-badge:focus-visible {
  outline: 2px solid #FF6B00;
  outline-offset: 2px;
}

.trai-risk-badge-tag {
  text-transform: uppercase;
  font-size: 10px;
  opacity: 0.75;
}

.trai-risk-badge-level {
  font-weight: 700;
}

/* Low — green */
.trai-badge-low {
  background: #e7f6ec;
  border-color: #1f8b4c;
  color: #14532d;
}

/* Medium — amber */
.trai-badge-medium {
  background: #fff4e0;
  border-color: #d98a00;
  color: #7a4a00;
}

/* High — red */
.trai-badge-high {
  background: #fdecec;
  border-color: #c62828;
  color: #7a1414;
}

/* Risk breakdown side panel */
.trai-risk-panel {
  border: 1px solid #e2e2e8;
  border-radius: 10px;
  background: #ffffff;
  overflow: hidden;
}

.trai-risk-panel-header {
  background: #1A1A2E;
  color: #ffffff;
  padding: 10px 14px;
  font: 700 14px/1.2 system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}

.trai-risk-panel-body {
  padding: 14px;
  color: #1A1A2E;
  font: 400 13px/1.5 system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}

/* Primary advisory action */
.trai-action-primary {
  background: #FF6B00;
  color: #ffffff;
  border: none;
  border-radius: 8px;
  padding: 8px 14px;
  font: 600 13px/1 system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  cursor: pointer;
}

/* Two-tap confirm armed state */
.trai-action-primary[data-armed="true"],
.trai-dismiss[data-armed="true"] {
  background: #c62828;
  color: #ffffff;
}

.trai-dismiss {
  background: transparent;
  border: 1px solid #c9c9d1;
  border-radius: 8px;
  padding: 6px 12px;
  color: #1A1A2E;
  font: 600 12px/1 system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  cursor: pointer;
}

/* Crew overload blocking advisory banner */
.trai-overload-banner {
  border-left: 4px solid #FF6B00;
  background: #fff4e0;
  color: #1A1A2E;
  padding: 10px 14px;
  border-radius: 6px;
  font: 500 13px/1.4 system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}