.salary-intro{
  background:radial-gradient(circle at 82% 18%,rgba(11,117,109,.11),transparent 28%),linear-gradient(180deg,#fff,#f8fbfb)
}
.salary-year-chip{
  display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:var(--accent-faint);color:var(--accent-dark);font-size:11px;font-weight:850
}
.salary-primary{background:linear-gradient(145deg,#0b756d,#075b55)}
.salary-composition{margin-top:18px;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.salary-composition-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:13px}
.salary-composition-head strong{font-size:14px}.salary-composition-head span{font-size:11px;color:var(--muted)}
.salary-stack{display:flex;width:100%;height:22px;overflow:hidden;border-radius:999px;background:var(--soft)}
.salary-stack span{display:block;min-width:0;transition:width .25s ease}
.salary-stack .net{background:#0b756d}.salary-stack .tax{background:#f2b544}.salary-stack .social{background:#58a7d5}
.salary-stack-legend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
.salary-stack-legend span{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px}
.salary-stack-legend i{width:9px;height:9px;border-radius:50%;display:inline-block}.salary-stack-legend .net-dot{background:#0b756d}.salary-stack-legend .tax-dot{background:#f2b544}.salary-stack-legend .social-dot{background:#58a7d5}
.salary-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.salary-detail-card{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-soft)}
.salary-detail-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:17px 19px;border-bottom:1px solid var(--line)}
.salary-detail-head h3{margin:0}.salary-detail-head strong{font-size:20px}.salary-detail-head.tax-head{background:#fff8e8}.salary-detail-head.social-head{background:#eef8fd}
.salary-detail-list{padding:6px 19px 12px}.salary-detail-row{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid var(--line)}.salary-detail-row:last-child{border-bottom:0}.salary-detail-row span{color:var(--muted);font-size:13px}.salary-detail-row strong{font-size:13px}
.salary-annual-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.salary-annual-card{padding:17px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.salary-annual-card span,.salary-annual-card strong,.salary-annual-card small{display:block}.salary-annual-card span{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.salary-annual-card strong{margin-top:3px;font-size:21px}.salary-annual-card small{margin-top:3px;color:var(--muted)}
.salary-assumptions{margin-top:18px;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.salary-assumptions h3{margin-bottom:10px}.salary-assumption-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.salary-assumption-grid>div{padding:11px;border-radius:11px;background:var(--bg)}.salary-assumption-grid span,.salary-assumption-grid strong{display:block}.salary-assumption-grid span{font-size:10px;color:var(--muted);text-transform:uppercase;font-weight:800}.salary-assumption-grid strong{margin-top:2px;font-size:13px}
.scope-box{margin-top:18px;padding:16px 17px;border:1px solid #ead6a3;border-radius:14px;background:#fff8e7;color:#6d5316;font-size:12px}.scope-box strong{color:#57400d}
html[data-theme="dark"] .salary-detail-head.tax-head{background:#2b2518!important}html[data-theme="dark"] .salary-detail-head.social-head{background:#142830!important}html[data-theme="dark"] .salary-composition,html[data-theme="dark"] .salary-detail-card,html[data-theme="dark"] .salary-annual-card,html[data-theme="dark"] .salary-assumptions{background:var(--surface)!important;border-color:var(--line)!important}html[data-theme="dark"] .scope-box{background:#2b2518;border-color:#5b4921;color:#e8cf8d}html[data-theme="dark"] .scope-box strong{color:#f1d68c}
@media(max-width:760px){.salary-detail-grid,.salary-annual-grid,.salary-assumption-grid{grid-template-columns:1fr}.salary-stack-legend{grid-template-columns:1fr}.salary-composition-head{align-items:flex-start;flex-direction:column}}

.salary-check{display:flex;align-items:flex-start;gap:11px;min-height:52px;padding:12px 13px;border:1px solid var(--line);border-radius:12px;background:var(--bg);cursor:pointer}.salary-check input{width:18px;height:18px;margin-top:2px;accent-color:var(--accent)}.salary-check span{min-width:0}.salary-check b,.salary-check small{display:block}.salary-check b{font-size:13px}.salary-check small{margin-top:2px;color:var(--muted);font-size:11px}.status-box{margin-top:14px;padding:13px 14px;border-radius:12px;font-size:12px}.status-box.status-warning{color:#7a5200;background:#fff4cc;border:1px solid #ead69b}html[data-theme="dark"] .salary-check{background:#101b21;border-color:var(--line)}html[data-theme="dark"] .status-box.status-warning{background:#2b2518;color:#efd891;border-color:#5b4921}


/* Version 0.13 - Firmenwagen, VL und Krankenkassenauswahl */
.salary-special-box{margin-top:12px}
.salary-special-toggle{margin-bottom:18px}
.salary-car-grid{margin-top:18px}
.salary-car-preview{
  min-height:94px;
  display:flex;
  flex-direction:column;
  justify-content:center
}
.salary-car-preview strong{font-size:22px}
.salary-special-results{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:14px 0
}
.salary-special-results>div{
  padding:14px 15px;
  border:1px solid var(--line);
  border-radius:13px;
  background:var(--bg)
}
.salary-special-results span,
.salary-special-results strong{display:block}
.salary-special-results span{color:var(--muted);font-size:11px;font-weight:750}
.salary-special-results strong{margin-top:3px;font-size:16px}
html[data-theme="dark"] .salary-special-results>div{background:#101b21;border-color:var(--line)}
@media(max-width:720px){.salary-special-results{grid-template-columns:1fr}}