/* Iliryan salary results — compact, structured presentation only.
   Does not change any payroll/tax calculation or numeric value. */
#salaryResult:empty{margin:0}
#salaryResult{margin-top:22px}
#salaryResult .result{
  margin:0;
  padding:0;
  overflow:hidden;
  border:1px solid #2d3947;
  border-radius:20px;
  background:linear-gradient(180deg,#111a24 0%,#0d151e 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
  font-size:15px;
  font-weight:500;
}
#salaryResult .result::before{
  content:'REZULTATI';
  display:block;
  padding:15px 17px 12px;
  border-bottom:1px solid #27323e;
  color:#d8b665;
  font-size:11px;
  line-height:1;
  font-weight:850;
  letter-spacing:.16em;
}
#salaryResult .result .listing{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:16px;
  min-height:58px;
  padding:14px 17px;
  border-top:1px solid rgba(44,56,69,.8);
}
#salaryResult .result .listing:first-of-type{border-top:0}
#salaryResult .result .listing>div{min-width:0}
#salaryResult .result .listing>div:first-child{
  color:#aeb7c3;
  font-size:14px;
  line-height:1.35;
}
#salaryResult .result .listing>div:last-child{
  color:#f4f2ed;
  font-size:15px;
  line-height:1.25;
  text-align:right;
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
}
#salaryResult .result .listing strong{
  color:inherit;
  font:inherit;
  font-weight:650;
}
#salaryResult .result .listing.is-gross{
  background:rgba(255,255,255,.012);
}
#salaryResult .result .listing.is-gross>div:first-child{color:#d4dae1;font-weight:750}
#salaryResult .result .listing.is-gross>div:last-child{font-size:17px;font-weight:800}
#salaryResult .result .listing.is-net{
  margin:10px;
  min-height:84px;
  padding:17px 16px;
  border:1px solid rgba(218,177,85,.48);
  border-radius:15px;
  background:linear-gradient(135deg,rgba(224,183,92,.13),rgba(224,183,92,.035));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
#salaryResult .result .listing.is-net>div:first-child h2{
  margin:0;
  color:#dcb961;
  font-size:12px;
  line-height:1;
  font-weight:900;
  letter-spacing:.15em;
  text-transform:uppercase;
}
#salaryResult .result .listing.is-net>div:last-child h2{
  margin:0;
  color:#fff8e7;
  font-size:28px;
  line-height:1.05;
  font-weight:900;
  letter-spacing:-.025em;
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
}
#salaryResult .result .listing.is-employer{
  margin-top:7px;
  border-top:1px solid rgba(218,177,85,.22);
  background:rgba(218,177,85,.025);
}
#salaryResult .result .listing.is-employer>div:first-child{color:#c6ccd4}
#salaryResult .result>p.muted{
  margin:0!important;
  padding:13px 17px 16px;
  border-top:1px solid #27323e;
  color:#8e99a7!important;
  font-size:12.5px!important;
  line-height:1.55!important;
  font-weight:500!important;
}

@media(max-width:600px){
  #salaryResult{margin-top:19px}
  #salaryResult .result{border-radius:18px}
  #salaryResult .result::before{padding:14px 14px 11px;font-size:10px}
  #salaryResult .result .listing{
    gap:12px;
    min-height:54px;
    padding:13px 14px;
  }
  #salaryResult .result .listing>div:first-child{font-size:13.5px}
  #salaryResult .result .listing>div:last-child{font-size:14px}
  #salaryResult .result .listing.is-gross>div:last-child{font-size:16px}
  #salaryResult .result .listing.is-net{
    margin:9px;
    min-height:78px;
    padding:15px 13px;
  }
  #salaryResult .result .listing.is-net>div:last-child h2{font-size:24px}
  #salaryResult .result>p.muted{padding:12px 14px 14px;font-size:12px!important}
}

@media(max-width:390px){
  #salaryResult .result .listing{grid-template-columns:minmax(0,1fr) minmax(105px,auto);gap:9px;padding-left:12px;padding-right:12px}
  #salaryResult .result .listing>div:first-child{font-size:13px}
  #salaryResult .result .listing>div:last-child{font-size:13.5px}
  #salaryResult .result .listing.is-net>div:last-child h2{font-size:22px}
}