/* ============================================================
   PR376 — TRai Compliance Co-Pilot styles

   Brand colors (locked): #FF6B00 orange primary action,
   #1A1A2E dark for nav/headers. No emoji anywhere. All
   confirmations use the inline two-tap confirm pattern.
   ============================================================ */

:root {
  --trai-compliance-orange: #FF6B00;
  --trai-compliance-dark: #1A1A2E;
}

/* Module shell + headers use the dark wordmark color. */
.trai-compliance,
.trai-compliance-header {
  color: #1A1A2E;
}
.trai-compliance-header {
  background: #1A1A2E;
  color: #ffffff;
  padding: 14px 18px;
  font-weight: 600;
}

/* Primary actions (approve, review, generate) use brand orange. */
.trai-compliance-action,
.trai-compliance-approve-btn {
  background: #FF6B00;
  color: #ffffff;
  border: none;
  border-radius: 6px;
  padding: 9px 16px;
  font-weight: 600;
  cursor: pointer;
}
.trai-compliance-action:disabled,
.trai-compliance-approve-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Hard-hold red banner — full width, high visibility, top of the
   certified payroll submission screen. */
.trai-compliance-hold-banner {
  display: block;
  width: 100%;
  background: #b00020;
  color: #ffffff;
  padding: 12px 18px;
  font-weight: 700;
  text-align: center;
  border-bottom: 3px solid #1A1A2E;
}
.trai-compliance-hold-banner[hidden] { display: none; }

/* Priority1 My Day card accent. */
.trai-compliance-myday-card {
  border-left: 5px solid #b00020;
  background: #ffffff;
  padding: 12px 14px;
  border-radius: 6px;
}
.trai-compliance-myday-card .trai-compliance-priority {
  color: #b00020;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

/* Inline two-tap confirm (no bare confirm/alert/prompt). Tap 1 arms
   the action; tap 2 confirms. A required reason field appears for
   payroll overrides. */
.trai-compliance-confirm {
  border: 1px solid #1A1A2E;
  border-radius: 6px;
  padding: 12px;
  background: #fafafa;
}
.trai-compliance-confirm .trai-compliance-confirm-step2 { display: none; }
.trai-compliance-confirm.is-armed .trai-compliance-confirm-step1 { display: none; }
.trai-compliance-confirm.is-armed .trai-compliance-confirm-step2 { display: block; }
.trai-compliance-confirm textarea {
  width: 100%;
  min-height: 64px;
  border: 1px solid #cccccc;
  border-radius: 4px;
  padding: 8px;
}
.trai-compliance-confirm .trai-compliance-confirm-yes {
  background: #FF6B00;
  color: #ffffff;
  border: none;
  border-radius: 6px;
  padding: 8px 14px;
  font-weight: 600;
  cursor: pointer;
}

/* Manually-adjusted rate flag — text only, no emoji. */
.trai-compliance-adjusted-flag {
  display: inline-block;
  font-size: 12px;
  color: #1A1A2E;
  background: #ffe6d2;
  border: 1px solid #FF6B00;
  border-radius: 4px;
  padding: 2px 6px;
}

/* Discrepancy / Priority1 alert chip. */
.trai-compliance-alert-priority1 {
  background: #b00020;
  color: #ffffff;
  border-radius: 4px;
  padding: 2px 8px;
  font-weight: 700;
}

/* DIR calendar tab + dashboard widget (next 3 deadlines). */
.trai-compliance-dir-tab {
  border-bottom: 2px solid #FF6B00;
}
.trai-compliance-dir-widget {
  border: 1px solid #e0e0e0;
  border-top: 4px solid #FF6B00;
  border-radius: 6px;
  padding: 12px;
}
.trai-compliance-dir-widget .trai-compliance-deadline-row {
  padding: 6px 0;
  border-bottom: 1px solid #f0f0f0;
}

/* Severity labels — text-only badges, no emoji. */
.trai-compliance-sev-low { color: #2e7d32; }
.trai-compliance-sev-medium { color: #b26a00; }
.trai-compliance-sev-high { color: #b00020; }

/* Advisory disclaimer footer. */
.trai-compliance-advisory-note {
  color: #555555;
  font-size: 12px;
  font-style: italic;
}