/* The verify site (verify.greenshiftgroup.dk): one plain page, GSG colours. */
@font-face { font-family: "Poppins"; font-weight: 400; src: url("assets/fonts/Poppins-Regular.ttf") format("truetype"); }
@font-face { font-family: "Poppins"; font-weight: 600; src: url("assets/fonts/Poppins-SemiBold.ttf") format("truetype"); }
:root { --green: #51a728; --green-dark: #3f851e; --tint: #f1f7ec; --ink: #1b1f1d; --muted: #5f6360; --line: #e2e2e2; --red: #b42318; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: flex; flex-direction: column; background: #f5f6f4; color: var(--ink); font: 400 15px/1.55 "Poppins", system-ui, sans-serif; }
header { display: flex; align-items: center; justify-content: space-between; padding: 1rem; background: #fff; border-bottom: 1px solid var(--line); }
header img { height: 30px; width: auto; }
.lang { color: var(--muted); font-weight: 600; text-decoration: none; font-size: 0.8125rem; letter-spacing: 0.06em; }
main { flex: 1; width: 100%; max-width: 34rem; margin: 2rem auto; padding: 1.5rem; background: #fff; border: 1px solid var(--line); border-radius: 14px; }
@media (max-width: 36rem) { main { margin: 1rem; width: auto; } }
h1 { font-size: 1.4rem; font-weight: 600; margin: 0 0 0.75rem; color: var(--green-dark); }
dl { display: grid; grid-template-columns: max-content 1fr; gap: 0.35rem 1.25rem; margin: 1rem 0; }
dt { color: var(--muted); font-size: 0.8125rem; }
dd { margin: 0; }
form { display: grid; gap: 0.75rem; margin-top: 1.25rem; }
label { display: grid; gap: 0.25rem; font-size: 0.8125rem; font-weight: 600; color: var(--muted); }
input { font: inherit; padding: 0.5rem 0.7rem; border: 1px solid var(--line); border-radius: 10px; }
button { justify-self: start; font: 600 0.875rem/1 "Poppins", sans-serif; padding: 0.7rem 1.2rem; border: 0; border-radius: 999px; background: var(--green-dark); color: #fff; cursor: pointer; }
a { color: var(--green-dark); }
.small { font-size: 0.8125rem; color: var(--muted); }
.ok { padding: 0.6rem 0.8rem; border-radius: 8px; background: var(--tint); color: var(--green-dark); font-weight: 600; }
.bad { padding: 0.6rem 0.8rem; border-radius: 8px; background: #fdecea; color: var(--red); font-weight: 600; }
footer { padding: 1rem; text-align: center; color: var(--muted); font-size: 0.75rem; }
@media (prefers-color-scheme: dark) {
  :root { --tint: #1e2a19; --ink: #e6eae4; --muted: #a2aaa3; --line: #2f3530; --red: #f2786b; --green-dark: #8fd46a; color-scheme: dark; }
  body { background: #111412; }
  header, main { background: #1a1e1b; }
  input { background: #141815; color: var(--ink); }
  button { background: #3f851e; }
  .bad { background: #3a1c19; }
}