body{font-family:Arial,sans-serif;background:#151819;color:#f3f4f6;margin:0;padding:20px;}
    .kort{background:#171a1b;max-width:500px;margin:40px auto;padding:22px;border-radius:12px;border:1px solid #2b3135;box-shadow:0 2px 10px rgba(0,0,0,.22);}
    label{display:block;margin-top:12px;font-weight:bold;}
    input{width:100%;box-sizing:border-box;padding:11px;margin-top:5px;border:1px solid #4b5563;border-radius:8px;background:#f8fafc;color:#111827;}
    button{padding:11px 14px;margin:12px 6px 0 0;border:0;border-radius:8px;background:#1f6feb;color:white;cursor:pointer;font-size:15px;}
    button.secondary{background:#555;}
    button:disabled{opacity:.6;cursor:not-allowed;}
    .melding{margin-top:12px;color:#fca5a5;font-weight:bold;white-space:pre-wrap;line-height:1.35;}
    .ok{color:#86efac;}
    .lite{color:#cbd5e1;font-size:13px;line-height:1.35;}
    a{color:#93c5fd;}
    .vet-login-demo,.vet-login-veiledning{display:block;text-align:center;margin-top:14px!important;}
    .vet-login-veiledning{margin-top:8px!important;}
  
/* RIL UI POLISH 2026-07-09: penere knapper, lik font og mobiltilpasning */
:root {
  --ril-font: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --ril-bg: #151819;
  --ril-card: #171a1b;
  --ril-card-2: #20262a;
  --ril-text: #f8fafc;
  --ril-muted: #cbd5e1;
  --ril-line: #334155;
  --ril-primary: #2563eb;
  --ril-primary-hover: #1d4ed8;
  --ril-secondary: #475569;
  --ril-secondary-hover: #334155;
  --ril-danger: #dc2626;
  --ril-danger-hover: #b91c1c;
  --ril-focus: #93c5fd;
}
html { -webkit-text-size-adjust: 100%; }
body, input, select, textarea, button, a { font-family: var(--ril-font) !important; }
button,
a.knapp,
.button,
input[type="button"],
input[type="submit"] {
  appearance: none;
  -webkit-appearance: none;
  min-height: 42px;
  padding: 10px 14px !important;
  margin: 5px 4px 5px 0 !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 10px !important;
  background: linear-gradient(180deg, var(--ril-primary), var(--ril-primary-hover)) !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  letter-spacing: .01em;
  cursor: pointer;
  box-shadow: 0 1px 0 rgba(255,255,255,.10) inset, 0 6px 16px rgba(0,0,0,.18);
  touch-action: manipulation;
  vertical-align: middle;
  text-decoration: none;
}
button.secondary,
a.secondary,
button.vet-oppsett-nav,
#vetOppsettMeny button,
.lager-faner button,
.vet-undermeny button {
  background: linear-gradient(180deg, var(--ril-secondary), var(--ril-secondary-hover)) !important;
}
button.danger,
button[onclick*="slett" i],
button[id*="slett" i],
button[id*="kredit" i] {
  background: linear-gradient(180deg, var(--ril-danger), var(--ril-danger-hover)) !important;
}
button:hover,
a.knapp:hover,
.button:hover,
input[type="button"]:hover,
input[type="submit"]:hover { filter: brightness(1.06); transform: translateY(-1px); }
button:active,
a.knapp:active,
.button:active,
input[type="button"]:active,
input[type="submit"]:active { transform: translateY(0); box-shadow: 0 2px 8px rgba(0,0,0,.20); }
button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 3px solid var(--ril-focus) !important;
  outline-offset: 2px;
}
button:disabled,
button[disabled],
input[type="button"]:disabled,
input[type="submit"]:disabled {
  opacity: .55 !important;
  cursor: not-allowed !important;
  transform: none !important;
  filter: none !important;
}
.vet-meny,
.lager-faner,
.vet-faktura-handlinger,
.vet-undermeny,
#vetOppsettMeny {
  gap: 8px !important;
}
.vet-meny button,
.lager-faner button,
.vet-undermeny button,
#vetOppsettMeny button,
.vet-faktura-handlinger button {
  margin: 0 !important;
}
input, select, textarea {
  min-height: 42px;
  border-radius: 10px !important;
  font-size: 15px !important;
}
.kort, .listekort, .okonomi-boks {
  border-radius: 14px !important;
}
@media (max-width: 760px) {
  body { padding: 10px !important; }
  .kort { width: 100% !important; max-width: none !important; padding: 12px !important; margin: 0 0 12px 0 !important; box-sizing: border-box; }
  h1 { font-size: 24px !important; }
  h2 { font-size: 20px !important; }
  h3 { font-size: 17px !important; }
  .rad { grid-template-columns: 1fr !important; gap: 8px !important; }
  .vet-meny,
  .lager-faner,
  .vet-undermeny,
  #vetOppsettMeny,
  .vet-faktura-handlinger {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px !important;
    width: 100%;
  }
  .vet-undermeny,
  #vetOppsettMeny { grid-template-columns: 1fr !important; }
  button,
  a.knapp,
  .button,
  input[type="button"],
  input[type="submit"] {
    width: 100%;
    min-height: 46px;
    margin: 0 !important;
    padding: 11px 12px !important;
    font-size: 14px !important;
    white-space: normal;
  }
  .vet-meny > button,
  .lager-faner > button,
  .vet-faktura-handlinger > button { width: 100%; }
  #vetVisSomVeterinaerKnapp,
  #vetSlettTestdataKnapp,
  button.danger[onclick*="loggUt"],
  button[onclick*="loggUt"] { grid-column: 1 / -1; }
  input, select, textarea { font-size: 16px !important; width: 100% !important; }
  table, .okonomi-tabell, .vare-regneark { font-size: 13px !important; }
  .vare-regneark-wrap, .okonomi-tabell { overflow-x: auto; }
  .minbil-varelinje,
  #minBilFyllListe .vet-linje-kort,
  #fyllBilFlerListe .vet-linje-kort,
  #fyllBilFyllListe .vet-linje-kort {
    grid-template-columns: 28px 1fr !important;
    gap: 6px !important;
  }
  #minBilFyllListe input[type="number"],
  #fyllBilFlerListe input[type="number"],
  #fyllBilFyllListe input[type="number"] {
    width: 100% !important;
    min-width: 0 !important;
  }
}
@media (max-width: 420px) {
  .vet-meny,
  .lager-faner,
  .vet-faktura-handlinger { grid-template-columns: 1fr !important; }
}

#biometriKnapp[hidden],#biometriPanel[hidden]{display:none!important}