/* Analysis "Other Income" — the scope chips, the breakdown rows, the MFJ
   caution strip, and the typed source list that replaced the four spouse
   inputs on the Analysis tab.

   Contract: /Users/hojo/dev/ANALYSIS_OTHER_INCOME_SPEC.md (Jason approved the
   direction 2026-08-02). iOS ground truth: crewcalc-ios eba17d6
   (NextAnalysisView scope chips / breakdown / otherIncomePanel).

   Extracted from static/index.html rather than added to it: the extraction
   ratchet (crewcalc-web/CLAUDE.md, KNOWN_FAILURES.md "index.html extraction
   ratchet") is already over its line budget, and static/panel-reading.css is
   the established precedent for a feature's own cache-busted stylesheet. The
   markup these rules dress is built by static/analysis-other-income.js and
   static/tab-analysis.js. */

/* Analysis "Other Income" (ANALYSIS_OTHER_INCOME_SPEC.md, iOS eba17d6):
   the scope chips, the breakdown rows, the MFJ caution strip, and the typed
   source list that replaced the four spouse inputs. */
.analysis-scope-chip{
  display:inline-block;
  margin-left:0.55rem;
  padding:0.12rem 0.42rem;
  border:1px solid rgba(255,255,255,0.22);
  border-radius:3px;
  color:var(--text-dim);
  font-family:var(--font-ui);
  font-size:0.56rem;
  font-weight:700;
  letter-spacing:0.12em;
  text-transform:uppercase;
  vertical-align:middle;
}
.analysis-scope-chip.household{
  border-color:rgba(0,229,255,0.45);
  color:var(--cyan);
}
.analysis-breakdown{
  margin-top:0.75rem;
  border-top:1px solid rgba(255,255,255,0.08);
  padding-top:0.5rem;
}
.analysis-breakdown-row{
  display:flex;
  justify-content:space-between;
  gap:0.75rem;
  padding:0.22rem 0;
  font-size:0.8rem;
}
.analysis-breakdown-row .ab-label{color:var(--text-dim)}
.analysis-breakdown-row .ab-value{
  color:var(--text-bright);
  font-family:var(--font-data);
}
.analysis-breakdown-row.accent .ab-value{color:var(--cyan)}
.analysis-mfj-nudge{
  margin-bottom:0.75rem;
  padding:0.55rem 0.7rem;
  border:1px solid rgba(255,183,0,0.35);
  border-left-width:3px;
  border-radius:4px;
  background:rgba(255,183,0,0.07);
  color:var(--text-bright);
  font-size:0.8rem;
  line-height:1.5;
}
.analysis-other-income-intro{
  margin:0.35rem 0 0.75rem;
  color:var(--text-dim);
  font-size:0.78rem;
  line-height:1.5;
}
.analysis-other-income-empty{
  margin:0.35rem 0 0.5rem;
  color:var(--text-dim);
  font-size:0.78rem;
  line-height:1.5;
}
.analysis-other-income-row{
  margin-bottom:0.75rem;
  padding:0.6rem 0.7rem;
  border:1px solid rgba(255,255,255,0.08);
  border-radius:5px;
  background:rgba(255,255,255,0.02);
}
.analysis-other-income-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:0.75rem;
}
.analysis-other-income-type{
  min-height:2.1rem;
  border:1px solid rgba(255,255,255,0.12);
  border-radius:4px;
  background:rgba(255,255,255,0.04);
  color:var(--text-bright);
  font-family:var(--font-ui);
  font-size:0.8rem;
  padding:0.3rem 0.5rem;
}
.analysis-other-income-remove{
  border:1px solid rgba(255,255,255,0.14);
  border-radius:4px;
  background:transparent;
  color:var(--red);
  cursor:pointer;
  font-size:1rem;
  line-height:1;
  padding:0.28rem 0.6rem;
}
.analysis-other-income-note{
  margin-top:0.4rem;
  color:var(--text-dim);
  font-size:0.72rem;
  line-height:1.45;
}
.analysis-other-income-add{
  border:1px solid rgba(0,229,255,0.35);
  border-radius:4px;
  background:transparent;
  color:var(--cyan);
  cursor:pointer;
  font-family:var(--font-ui);
  font-size:0.62rem;
  font-weight:700;
  letter-spacing:0.08em;
  padding:0.4rem 0.75rem;
  text-transform:uppercase;
}