:root {
  --brand-green: #3f9142; /* pakeisti į tikslią LONDRIS logotipo spalvą, kai bus pateiktas logo failas */
  --brand-green-dark: #2e6e30;
  --text: #222;
  --muted: #666;
  --border: #ddd;
  --bg: #fafafa;
  --error-bg: #fdecea;
  --error-text: #b3261e;
  --warn-bg: #fff8e1;
}

* { box-sizing: border-box; }

body {
  font-family: -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background: var(--bg);
  color: var(--text);
  margin: 0;
  padding: 0;
}

.wrap {
  max-width: 640px;
  margin: 0 auto;
  padding: 32px 20px 60px;
}

.brand {
  font-size: 28px;
  font-weight: 800;
  color: var(--brand-green);
  margin-bottom: 4px;
  letter-spacing: 0.5px;
}

.subtitle {
  color: var(--muted);
  margin-bottom: 28px;
  font-size: 14px;
}

.card {
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 24px;
}

h1 { font-size: 20px; margin: 0 0 8px; }
h2 { font-size: 16px; margin: 20px 0 8px; }
p.help { color: var(--muted); font-size: 13px; margin-top: -4px; }

label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  margin: 16px 0 6px;
}

input[type=text], input[type=date], input[type=email], input[type=tel] {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--border);
  border-radius: 6px;
  font-size: 15px;
}

input.invalid { border-color: var(--error-text); }

.field-error { color: var(--error-text); font-size: 12px; margin-top: 4px; }

button, .btn {
  display: inline-block;
  background: var(--brand-green);
  color: #fff;
  border: none;
  padding: 12px 22px;
  border-radius: 6px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  margin-top: 20px;
}

button:hover, .btn:hover { background: var(--brand-green-dark); }

.btn-secondary {
  background: #fff;
  color: var(--error-text);
  border: 1px solid var(--error-text);
}

.alert {
  padding: 12px 14px;
  border-radius: 6px;
  font-size: 14px;
  margin-bottom: 16px;
}

.alert-error { background: var(--error-bg); color: var(--error-text); }
.alert-warn { background: var(--warn-bg); color: #7a5b00; }

table.compare {
  width: 100%;
  border-collapse: collapse;
  margin: 12px 0 4px;
  font-size: 13px;
}

table.compare th, table.compare td {
  border: 1px solid var(--border);
  padding: 8px 10px;
  text-align: left;
}

table.compare th { background: #f2f2f2; }
table.compare td.new { font-weight: 700; }

.footer-note {
  color: var(--muted);
  font-size: 12px;
  margin-top: 24px;
}