/* ============================================================
   SIDE-SPESIFIKK CSS for "MVA-melding" (mva-melding.html).
   Kun regler som utelukkende brukes på denne siden.
   ============================================================ */

/* MVA-melding – oppsett inspirert av Skatteetatens visning */
.mva-report-wrap{overflow-x:auto}

.mva-report{width:100%;border-collapse:collapse;font-size:14px}

.mva-report th,.mva-report td{padding:13px 10px;border-bottom:1px solid var(--border,#e5e7eb);vertical-align:middle}

.mva-report thead th{font-weight:600;background:#fff}

.mva-report .mva-group td{font-size:16px;font-weight:700;padding-top:22px;padding-bottom:12px;background:#fff}

.mva-report .mva-code{color:#075fd8;text-decoration:underline;font-weight:500;text-align:center}

.mva-report .mva-col{background:#eaf2ff}

.mva-report .mva-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}

.mva-report .mva-sum td{font-size:16px;font-weight:700;background:#f6f8fb;border-bottom:0}

.mva-report .mva-sum .mva-col{background:#f6f8fb}

.mva-report .mva-zero{color:#7a8494}

.mva-report-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:22px}

.mva-details{display:none;margin-top:18px}

.mva-details.open{display:block}

.mva-payment-card{
  margin-top:18px;
  border:1px solid var(--border,#e5e7eb);
  border-radius:14px;
  background:#fff;
  overflow:hidden;
}

.mva-payment-head{
  padding:16px 18px;
  background:#f7f9fc;
  border-bottom:1px solid var(--border,#e5e7eb);
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
}

.mva-payment-head h3{margin:0;font-size:18px}

.mva-payment-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(220px,1fr));
  gap:0;
}

.mva-payment-item{
  padding:14px 18px;
  border-bottom:1px solid var(--border,#e5e7eb);
}

.mva-payment-item:nth-child(odd){border-right:1px solid var(--border,#e5e7eb)}

.mva-payment-label{
  font-size:12px;
  color:#6b7280;
  margin-bottom:4px;
}

.mva-payment-value{
  font-size:16px;
  font-weight:700;
  word-break:break-word;
}

.mva-payment-actions{
  padding:14px 18px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

/* ---------- Betalingsstatus og PDF-utskrift ---------- */
.mva-payment-ok{
  padding:12px 14px;
  border-radius:10px;
  background:#dcfce7;
  color:#166534;
  font-weight:700;
}

.mva-payment-warn{
  padding:12px 14px;
  border-radius:10px;
  background:#fef3c7;
  color:#92400e;
  font-weight:700;
}

@media(max-width:760px){
  .mva-payment-grid{grid-template-columns:1fr}
  .mva-payment-item:nth-child(odd){border-right:0}
}

#mva_pdfKvittering{display:none}

@media print{
  body *{visibility:hidden!important}
  #mva_pdfKvittering,#mva_pdfKvittering *{visibility:visible!important}
  #mva_pdfKvittering{
    display:block!important;position:absolute;left:0;top:0;width:100%;
    background:#fff;color:#111;padding:28px;font-family:Arial,sans-serif
  }
  .mva-pdf-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid #111;padding-bottom:14px;margin-bottom:22px}
  .mva-pdf-title{font-size:24px;font-weight:700}
  .mva-pdf-sub{font-size:12px;margin-top:5px}
  .mva-pdf-grid{width:100%;border-collapse:collapse;margin-top:16px}
  .mva-pdf-grid td{border:1px solid #bbb;padding:12px;vertical-align:top}
  .mva-pdf-label{font-size:11px;margin-bottom:5px}
  .mva-pdf-value{font-size:16px;font-weight:700}
  .mva-pdf-note{margin-top:24px;font-size:11px;line-height:1.5}
  @page{size:A4;margin:14mm}
}