/* =====================================================================
   GLOBTAR — Login & public pages (listmonk v6.2.0)
   Paste into: Settings → Appearance → Public → Custom CSS
   Covers /admin/login, forgot/reset password, 2FA, and the public
   subscription, opt-in, unsubscribe and archive pages.
   Clean, flat, square. No accent bars.
   ===================================================================== */
:root {
  --gt-red: #dc2626;
  --gt-red-dark: #b91c1c;
  --gt-ink: #0f172a;
  --gt-text: #1f2937;
  --gt-muted: #64748b;
  --gt-line: #e5e7eb;
  --gt-line-2: #d1d5db;
  --gt-bg: #f5f6f8;
}

/* Square everything (keep radio buttons round) */
*, *::before, *::after { border-radius: 0 !important; }
input[type="radio"] { border-radius: 50% !important; }

body { background: var(--gt-bg); color: var(--gt-text); -webkit-font-smoothing: antialiased; }
a { color: var(--gt-red-dark); text-decoration-color: rgba(185, 28, 28, .35); }
a:hover { color: var(--gt-ink); }
h1, h2, h3, h4 { color: var(--gt-ink); font-weight: 600; letter-spacing: -.01em; }
label { color: var(--gt-text); }

/* Card */
.wrap {
  background: #fff;
  border: 1px solid var(--gt-line);
  box-shadow: none;
}
.header { border-bottom: 1px solid var(--gt-line); }

/* Logo: if no custom Logo URL is set, show the GLOBTAR wordmark instead
   of the default product logo. A Logo URL set in Settings → General shows as-is. */
.header .logo img[src*="/public/static/logo.svg"] { display: none !important; }
.header .logo a:has(img[src*="/public/static/logo.svg"])::before,
.header .logo a:empty::before {
  content: "GLOBTAR";
  display: inline-block;
  font-weight: 700; font-size: 20px; letter-spacing: .18em; color: var(--gt-ink);
  text-decoration: none;
}
.header .logo a { text-decoration: none; }

/* Fields */
input[type="text"], input[type="email"], input[type="password"], select {
  border: 1px solid var(--gt-line-2);
  box-shadow: none;
  background: #fff;
}
input:focus, select:focus { border-color: var(--gt-ink); outline: none; box-shadow: none; }

/* Buttons */
.button {
  background: var(--gt-red);
  border: 1px solid var(--gt-red);
  color: #fff;
  font-weight: 500;
  font-size: 1em;
  letter-spacing: .01em;
}
.button:hover { background: var(--gt-red-dark); border-color: var(--gt-red-dark); color: #fff; }
.button.button-outline { background: #fff; border: 1px solid var(--gt-line-2); color: var(--gt-ink); }
.button.button-outline:hover { background: var(--gt-ink); border-color: var(--gt-ink); color: #fff; }

.error { color: var(--gt-red-dark); }

/* Footer: replace the "Powered by" line with Globtar's own */
footer.container { font-size: 0 !important; color: var(--gt-muted); }
footer.container a { display: none !important; }
footer.container::before {
  content: "\00A9  GLOBTAR \2014  Global sourcing, refined.";
  font-size: 12px; letter-spacing: .04em; color: var(--gt-muted);
}