/* contractor-income-converter.css */

/* Calculator inputs */
.calc-card { background:var(--bg-card); border:1px solid var(--border); padding:var(--space-xl); max-width:640px; margin-top:var(--space-lg); }
.calc-fields { display:grid; grid-template-columns:1fr; gap:var(--space-md); }
@media (min-width:600px) { .calc-fields { grid-template-columns:repeat(3,1fr); } }
.calc-field label { display:block; font-family:var(--font-mono); font-size:0.75rem; text-transform:uppercase; letter-spacing:0.06em; color:var(--teal); margin-bottom:0.375rem; }
.calc-field input,
.calc-field select { width:100%; padding:0.625rem var(--space-md); background:var(--bg-dark); border:1px solid var(--border); color:var(--text-white); font-family:var(--font-mono); font-size:1rem; appearance:none; box-sizing:border-box; }
.calc-field input:focus,
.calc-field select:focus { outline:none; border-color:var(--teal); }

/* Results output */
.calc-results { margin-top:var(--space-lg); background:var(--bg-dark); border:1px solid var(--border); border-top:2px solid var(--teal); padding:var(--space-lg); }
.calc-annual { margin-bottom:var(--space-md); padding-bottom:var(--space-md); border-bottom:1px solid var(--border); }
.calc-annual .ca-label { font-family:var(--font-mono); font-size:0.75rem; text-transform:uppercase; letter-spacing:0.06em; color:var(--text-muted); }
.calc-annual .ca-value { font-family:var(--font-headline); font-size:2rem; font-weight:700; color:var(--text-white); margin-top:0.25rem; }
.calc-multiples { display:flex; flex-direction:column; gap:0.5rem; }
.calc-row { display:flex; justify-content:space-between; align-items:center; padding:0.5rem 0; font-family:var(--font-mono); font-size:0.9375rem; }
.calc-row .cr-label { color:var(--text-muted); }
.calc-row .cr-value { font-weight:600; color:var(--text-white); }
.calc-row.highlight { background:rgba(0,212,170,0.07); border-left:2px solid var(--teal); padding-left:var(--space-sm); margin-left:-0.5rem; }
.calc-row.highlight .cr-label { color:var(--teal); }
.calc-row.highlight .cr-label::after { content:" ★ most common"; font-size:0.7rem; opacity:0.7; margin-left:0.5rem; }
.calc-row.highlight .cr-value { color:var(--teal); font-size:1.0625rem; }
.calc-disclaimer { margin-top:var(--space-md); font-size:0.8125rem; color:var(--text-muted); font-style:italic; }

/* Reference table */
.ref-table-wrap { overflow-x:auto; margin-top:var(--space-lg); }
.ref-table { width:100%; border-collapse:collapse; font-size:0.875rem; }
.ref-table th { text-align:left; padding:0.625rem var(--space-md); font-family:var(--font-mono); font-size:0.7rem; text-transform:uppercase; letter-spacing:0.06em; color:var(--teal); border-bottom:1px solid var(--border); white-space:nowrap; }
.ref-table th.col-45 { color:var(--teal); font-weight:700; }
.ref-table td { padding:0.625rem var(--space-md); border-bottom:1px solid var(--border); font-family:var(--font-mono); color:var(--text-muted); white-space:nowrap; }
.ref-table td:first-child { font-weight:600; color:var(--text-white); }
.ref-table td.col-45 { color:var(--teal); font-weight:600; }
.ref-table tbody tr:last-child td { border-bottom:none; }
.ref-table tbody tr:hover td { background:rgba(255,255,255,0.02); }
.ref-note { font-size:0.8125rem; color:var(--text-muted); margin-bottom:var(--space-sm); font-style:italic; }