/* ============================================================
   Lønnsinnstillinger – side-spesifikk CSS
   ============================================================ */

.li-section{margin-top:14px}
.li-grid-3{grid-template-columns:repeat(3,minmax(180px,1fr))}
.li-grid-2{grid-template-columns:repeat(2,minmax(260px,1fr))}
.li-save-actions{margin-top:16px}

.li-lonnart-head{
  gap:14px;
  flex-wrap:wrap;
}
.li-lonnart-actions{
  display:flex;
  gap:8px;
  align-items:center;
}
#la_sok{min-width:240px}

.la-form{
  margin-bottom:16px;
  padding:14px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#f8fafc;
}
.la-form[hidden]{display:none!important}
.la-grid-main{
  grid-template-columns:110px 1.5fr 1.2fr 120px;
  gap:12px;
  align-items:end;
}
.la-grid-flags{
  grid-template-columns:2fr repeat(4,140px);
  gap:12px;
  margin-top:12px;
}
.la-table-wrap{overflow-x:auto}
.la-table-wrap table{min-width:1180px}
.la-table-wrap td:nth-child(5){min-width:250px}
.la-row-actions{white-space:nowrap}

@media(max-width:1000px){
  .li-grid-3,.li-grid-2,.la-grid-main,.la-grid-flags{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
  .li-grid-3,.li-grid-2,.la-grid-main,.la-grid-flags{grid-template-columns:1fr}
  .li-lonnart-actions{width:100%;flex-direction:column;align-items:stretch}
  #la_sok{min-width:0}
}