.gfl-lagerstatus{ font-size:16px; }

/* Overskrift – samme stil som de andre moduler */
.gfl-ls-title{
  margin:0 0 10px;
  font-size:22px;
  font-weight:800;
  text-align:left;
}

/* ====== Stepper (trin) ====== */
.gfl-steps{
  position:relative;
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin:6px 0 10px;
  padding-bottom:6px;
  list-style:none;
  padding-left:0;
}
.gfl-steps::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  background:#e5e7eb;
}
.gfl-steps li{
  appearance:none;
  border:1px solid #e5e7eb;
  background:#f6f8fb;
  color:#0f172a;
  padding:7px 14px;
  border-radius:10px 10px 0 0;
  font-weight:400;
  line-height:1;
  position:relative;
  top:1px;
  text-decoration:none;
  display:inline-block;
  transition:background .15s ease, border-color .15s ease, color .15s ease;
}
.gfl-steps li:hover{
  background:#eef2f7;
}
.gfl-steps li.active{
  background:#fff;
  color:#0f172a;
  border-color:#d8dee6;
  border-bottom-color:#fff;
  z-index:1;
  box-shadow:none;
  font-weight:800;
}
/* Gennemførte trin (ikke det aktuelle) – grøn baggrund */
.gfl-steps li.is-completed:not(.active){
  background:#16a34a;
  border-color:#16a34a;
  color:#fff;
  font-weight:800;
}

/* ====== Afdelingsfaner (NB98/GB29/...) ====== */
.gfl-ls-dept-field{ margin:4px 0 12px; }
.gfl-ls-dept-label{
  display:block;
  font-size:13px;
  font-weight:600;
  margin:0 0 4px;
}
.gfl-ls-dept-label .gfl-required,
.gfl-required{ color:#dc2626; }

.gfl-ls-dept-tabs{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin:0 0 4px;
}
.gfl-ls-dept-tab{
  appearance:none;
  border:1px solid #e5e7eb;
  background:#f6f8fb;
  color:#0f172a;
  padding:7px 14px;
  border-radius:10px 10px 0 0;
  font-weight:400;
  line-height:1;
  cursor:pointer;
  position:relative;
  top:1px;
  text-decoration:none;
  display:inline-block;
  transition:background .15s ease, border-color .15s ease;
}
.gfl-ls-dept-tab:hover{
  background:#eef2f7;
}
.gfl-ls-dept-tab.is-active{
  background:#fff;
  color:#0f172a;
  border-color:#d8dee6;
  border-bottom-color:#fff;
  z-index:1;
  box-shadow:none;
  font-weight:800;
}

/* ====== Steps som “kort” ligesom personaleforbrug ====== */
.gfl-step{ display:none; }

.gfl-lagerstatus .gfl-step{
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:12px;
  padding:16px;
  margin:14px 0;
  position:relative;
}

.gfl-step h3{
  margin:0 0 12px;
  font-size:16px;
  font-weight:700;
}

/* ====== Form layout ====== */
.gfl-grid-2{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px 24px;
  align-items:start;
}
.gfl-field{ display:flex; flex-direction:column; }

/* Felter uden label ovenover (navn + dato) */
.gfl-field--nolabel label{ display:none; }

.gfl-actions{ margin-top:14px; display:flex; gap:10px; }

/* ====== Vare-grid (steps 2-5) ====== */
.gfl-grid-2-items{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px 20px;
}
.gfl-item{
  display:flex;
  align-items:center;
  gap:10px;
  padding:6px 8px;
  border-radius:8px;
  border:1px solid #e5e7eb;
  background:#fff;
}
.gfl-item.done{
  border-color:#86efac;
  background:#f0fdf4;
}
.gfl-item.done label{ color:#166534; }
.gfl-item label{ flex:1; margin:0; }
.gfl-item input[type="number"]{ width:160px; }

/* ====== Feedback ====== */
.gfl-success{
  margin-top:14px;
  background:#ecfeff;
  border:1px solid #a5f3fc;
  padding:10px;
  border-radius:6px;
}
.gfl-error{
  margin-top:14px;
  background:#fee2e2;
  border:1px solid #fecaca;
  padding:10px;
  border-radius:6px;
}

/* ====== Knapper – samme højde som i personaleforbrug ====== */
.gfl-actions .button,
.gfl-submit.button{
  display:inline-block;
  height:40px;
  line-height:40px;
  padding:0 16px;
  border-radius:10px;
  font-size:14px;
  text-transform:uppercase;
  letter-spacing:.03em;
  font-weight:700;
  cursor:pointer;
  border:1px solid #000;
  background:#000;
  color:#fff;
  transition:
    background-color .15s ease,
    color .15s ease,
    border-color .15s ease,
    transform .12s ease,
    box-shadow .12s ease;
}

/* Næste = sort */
.gfl-actions .gfl-next.button{
  background:#000;
  border-color:#000;
  color:#fff;
}

/* Tilbage = rød */
.gfl-actions .gfl-prev.button{
  background:#dc2626;
  border-color:#dc2626;
  color:#fff;
}

/* Send lageroptælling = grøn */
.gfl-submit.button{
  background:#16a34a;
  border-color:#16a34a;
  color:#fff;
}

/* Hover/focus: hvid bg, sort tekst & kant for ALLE knapper */
.gfl-actions .button:hover,
.gfl-actions .button:focus-visible,
.gfl-submit.button:hover,
.gfl-submit.button:focus-visible{
  background:#fff;
  color:#000;
  border-color:#000;
  transform:scale(1.03);
  box-shadow:0 2px 6px rgba(0,0,0,.15);
}

/* ====== Mobil ====== */
@media (max-width: 820px){
  .gfl-grid-2{ grid-template-columns:1fr; }
  .gfl-grid-2-items{ grid-template-columns:1fr; }
  .gfl-item input[type="number"]{ width:100%; }
}