/* ============================================================
   TradeRail / Villa Field Portal — TRai Financial Forecaster
   Styles (PR380)
   Build marker: PR380 TRai Financial Forecaster 2026-06-21

   Brand colors: Primary Orange #FF6B00, Dark #1A1A2E.
   No emoji anywhere. Color is always supplemented by text labels
   (never color alone) per spec 7.6 / 7.8.
   ============================================================ */

.pr380-finance-group {
  margin: 16px 0;
  padding: 0;
}

.pr380-group-header {
  color: #1A1A2E;
  font-weight: 700;
  font-size: 16px;
  padding: 10px 14px;
  border-left: 4px solid #FF6B00;
  background: #f7f7fa;
  margin-bottom: 12px;
}

.pr380-card {
  border: 1px solid #e3e3ea;
  border-radius: 6px;
  background: #ffffff;
  padding: 14px 16px;
  margin-bottom: 12px;
}

.pr380-card-title {
  color: #1A1A2E;
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 8px;
}

/* Jobs above threshold flagged with an orange left border. */
.pr380-card .pr380-row-flagged {
  border-left: 4px solid #FF6B00;
  background: #fff6ef;
  padding-left: 10px;
}

/* Tax disclaimer — orange-bordered box, persistent. */
.pr380-disclaimer-banner {
  border: 1px solid #FF6B00;
  border-left: 4px solid #FF6B00;
  background: #fff6ef;
  color: #1A1A2E;
  padding: 10px 12px;
  font-size: 12px;
  border-radius: 4px;
  margin-bottom: 10px;
}

/* Payroll projection — locked label styling. */
.pr380-payroll-label {
  color: #555;
  font-size: 12px;
  font-style: italic;
  margin-top: 6px;
  padding-top: 6px;
  border-top: 1px dashed #e3e3ea;
}

/* Cash Runway. */
.pr380-runway-trend {
  font-size: 13px;
  color: #1A1A2E;
  margin: 6px 0;
}

.pr380-runway-alert {
  border-left: 4px solid #FF6B00;
  background: #fff6ef;
  color: #1A1A2E;
  padding: 8px 10px;
  font-size: 12px;
  border-radius: 4px;
}

.pr380-whatif-panel {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #eee;
}

.pr380-whatif-label {
  font-size: 12px;
  color: #555;
  margin-bottom: 6px;
}

/* Job profitability — below-target highlight (text-supplemented). */
.pr380-card-profitability .pr380-below-target {
  background: #fff6ef;
  border-left: 4px solid #FF6B00;
}

.pr380-rank-only-note {
  font-size: 12px;
  color: #555;
  margin-top: 6px;
}

/* Payroll coverage status — color supplemented by text label. */
.pr380-status-sufficient { color: #1b7f3b; }
.pr380-status-tight { color: #FF6B00; }
.pr380-status-shortfall { color: #c0392b; }

/* Buttons + two-tap confirm. */
.pr380-btn {
  background: #FF6B00;
  color: #ffffff;
  border: none;
  border-radius: 4px;
  padding: 8px 14px;
  font-size: 13px;
  cursor: pointer;
}

.pr380-btn[data-confirm-state="armed"] {
  background: #1A1A2E;
}