/* ============================================================
   Ny lønnutbetaling – side-spesifikk CSS
   ============================================================ */

.nl-legacy-compat{display:none!important}

.nl-period-card{margin-bottom:14px}
.nl-period-grid{
  grid-template-columns:repeat(3,minmax(180px,1fr));
  max-width:820px;
}

.nl-payroll-card{margin-top:0}
.nl-table-wrap{overflow-x:auto}

#nla_ansattTabell{
  min-width:1080px;
  table-layout:fixed;
}

#nla_ansattTabell th:nth-child(1){width:180px}
#nla_ansattTabell th:nth-child(2){width:230px}
#nla_ansattTabell th:nth-child(3){width:95px}
#nla_ansattTabell th:nth-child(4){width:110px}
#nla_ansattTabell th:nth-child(5){width:125px}
#nla_ansattTabell th:nth-child(6){width:100px}
#nla_ansattTabell th:nth-child(7){width:125px}
#nla_ansattTabell th:nth-child(8){width:90px}

#nla_ansattTabell input,
#nla_ansattTabell select{
  width:100%;
  box-sizing:border-box;
}

#nla_ansattTabell .nla-belop{
  background:var(--soft, #f8fafc);
  font-weight:700;
}

#nla_ansattTabell .nla-check-cell{text-align:center}
#nla_ansattTabell .nla-check{
  width:20px;
  height:20px;
}

#nla_ansattTabell tr.nla-extra-row td{
  background:#fcfcff;
}

#nla_ansattTabell tr.nla-add-row td{
  padding:5px 8px 14px;
  border-bottom:2px solid var(--line);
  background:#fafafa;
}

.nla-add-btn{
  padding:6px 10px!important;
  font-size:13px!important;
}

.nla-remove-btn{
  margin-left:6px;
  padding:4px 8px!important;
}

.nl-summary{margin-top:14px}
.nl-actions{justify-content:flex-end;margin-top:16px}
.center{text-align:center}

@media(max-width:900px){
  .nl-period-grid{grid-template-columns:1fr}
}