/* ============================================================
   PR378 — TRai Field Ops + HR Assistant styles.
   Brand: #FF6B00 (orange), #1A1A2E (dark). Text-only labels,
   SVG icons only — no emoji.
   ============================================================ */

.trai-fo-section {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  color: #1A1A2E;
}

.trai-fo-section-header {
  background: #1A1A2E;
  color: #FFFFFF;
  font-weight: 700;
  font-size: 14px;
  padding: 10px 14px;
  border-radius: 6px 6px 0 0;
}

.trai-fo-card {
  background: #FFFFFF;
  border: 1px solid #E2E2EC;
  border-radius: 6px;
  margin: 10px 0;
  overflow: hidden;
}

/* Advisory / alert cards (My Day) — orange accent border. */
.trai-fo-alert-card {
  border-left: 4px solid #FF6B00;
  padding: 12px 14px;
}

.trai-fo-alert-card .trai-fo-alert-title {
  font-weight: 700;
  color: #1A1A2E;
}

.trai-fo-action-btn {
  background: #FF6B00;
  color: #FFFFFF;
  border: none;
  border-radius: 4px;
  padding: 8px 14px;
  font-weight: 600;
  cursor: pointer;
}

.trai-fo-action-btn:hover { background: #E55F00; }

.trai-fo-action-btn[disabled] {
  background: #D9D9E0;
  color: #8A8A98;
  cursor: default;
}

/* Two-tap confirm for EOD submission — second tap state. */
.trai-fo-confirm-arm {
  background: #1A1A2E;
}

.trai-fo-draft-label {
  display: inline-block;
  background: #FFF3E0;
  color: #B25000;
  font-size: 12px;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: 3px;
}

/* Crew skill matrix table. */
.trai-fo-matrix { width: 100%; border-collapse: collapse; }
.trai-fo-matrix th {
  background: #1A1A2E;
  color: #FFFFFF;
  text-align: left;
  padding: 8px 10px;
  font-size: 13px;
}
.trai-fo-matrix td {
  padding: 8px 10px;
  border-bottom: 1px solid #ECECF2;
  font-size: 13px;
}

/* Certification expiry status — color-coded. */
.trai-fo-cert-valid   { color: #1E8E3E; font-weight: 600; }
.trai-fo-cert-warning { color: #C98A00; font-weight: 600; }
.trai-fo-cert-expired { color: #C5221F; font-weight: 700; }

/* Active status indicator dot. */
.trai-fo-status-active {
  display: inline-block;
  width: 8px; height: 8px;
  border-radius: 50%;
  background: #FF6B00;
}

/* Onboarding checklist. */
.trai-fo-checklist { list-style: none; margin: 0; padding: 0; }
.trai-fo-checklist li {
  display: flex;
  align-items: center;
  padding: 8px 12px;
  border-bottom: 1px solid #ECECF2;
}
.trai-fo-checklist li .trai-fo-upload-link {
  margin-left: auto;
  color: #FF6B00;
  font-weight: 600;
  text-decoration: none;
}

/* Non-punitive safety pattern card — neutral, constructive tone. */
.trai-fo-safety-card {
  border-left: 4px solid #1A1A2E;
  background: #F7F7FB;
  padding: 12px 14px;
}