@import url("../lawn-care-profit-calculator/profit.css");

.section-help{font-size:12px;color:var(--muted);margin:-7px 0 16px}
.mini-note{border:1px solid var(--border);border-radius:8px;background:var(--raised);padding:10px 12px;color:var(--muted);font-size:12px;margin-top:16px}
.mini-note strong{color:var(--green)}
.extra-card{background:var(--raised);border:1px solid var(--border);border-radius:10px;padding:14px 15px;margin-bottom:11px}
.extra-card-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}
.extra-card-head strong{font:600 13px "Space Grotesk",sans-serif}
.extra-card .remove-button{padding:4px 8px}
.extra-profit{margin-top:11px}
.extra-card .fields{gap:10px}
.extra-card .fields.three{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,.8fr)}
.amount-mode select{width:95px}
.advanced-body{padding:3px 17px 17px;display:grid;gap:13px}
.advanced-body .field{max-width:100%}
.advanced-body>.field{max-width:400px}
.toggle{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:600;cursor:pointer}
.toggle input{accent-color:var(--green);width:17px;height:17px;flex:none}
.small-note{font-size:11px;color:var(--muted);line-height:1.6;margin:11px 0 0}
.profit-band.loss{background:linear-gradient(135deg,#713329,#49261f)}
.results-wrap{position:static}
.results-detail{margin-top:16px}
.metric-grid strong{font-size:16px}
.cost-row{align-items:baseline}
.cost-row strong{text-align:right;flex:none;white-space:nowrap;overflow-wrap:normal}
.comparison{margin-top:14px;border-top:1px solid var(--border);padding-top:9px}
.comparison h4{font-size:12px;margin-bottom:8px;color:var(--green)}
.comparison .cost-row{gap:8px}
.comparison .cost-row strong{font-size:11px}
.year-section{margin-bottom:10px}
.table-scroll{overflow-x:auto}
table{border-collapse:collapse;min-width:350px;width:100%;font-size:11px;font-variant-numeric:tabular-nums}
th,td{padding:7px 3px;border-bottom:1px solid var(--border);text-align:right}
th:first-child{text-align:left}
thead{color:var(--muted)}
tfoot{color:var(--green);font-weight:700}
#copy-status{overflow-wrap:anywhere}
@media(max-width:600px){
  .extra-card .fields.three{grid-template-columns:1fr 1fr}
  .extra-card .fields.three .field:first-child{grid-column:1/-1}
  .metric-grid strong{font-size:15px}
  .comparison .cost-row{display:grid;grid-template-columns:auto 1fr}
  .comparison .cost-row strong{grid-column:2;text-align:right}
}
@media(max-width:360px){.extra-card .fields.three{grid-template-columns:1fr}.extra-card .fields.three .field:first-child{grid-column:auto}}