@import url("/brand/fonts.css");

/* Фирменный стиль G-IT для страниц Authelia (подключается Caddy перед </head>) */
:root, :root.dark, .dark, html {
  --background: #0a0a0d !important;
  --foreground: #ffffff !important;
  --card: #141519 !important;
  --accent: #1d1e24 !important;
  --border: #2a2b33 !important;
  --input: #2f3039 !important;
  --primary: #1f5bff !important;
  --primary-foreground: #ffffff !important;
  --ring: #1f5bff !important;
  --muted-foreground: #9a9ba5 !important;
  --custom-loading-bar: #ff0828 !important;
  --radius: 10px !important;
  --font-sans: Montserrat, Arial, sans-serif !important;
}
html, body, #root, button, input, label, h1, h2, h3, h4, h5, h6, p, a, span {
  font-family: Montserrat, Arial, sans-serif !important;
}
body {
  background:
    radial-gradient(1200px 600px at 85% -10%, rgba(255, 8, 40, .16), transparent 60%),
    radial-gradient(900px 500px at -10% 110%, rgba(31, 91, 255, .14), transparent 60%),
    #0a0a0d !important;
  background-attachment: fixed !important;
  color: #fff !important;
}
#root > div, header { background: transparent !important; }

/* Карточка формы */
[id$="-stage"] > div {
  background: #141519;
  border: 1px solid #26272e;
  border-top: 3px solid #ff0828;
  border-radius: 14px;
  padding: 36px 32px 24px !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, .45);
}
[id$="-stage"] img { width: 190px !important; height: auto !important; margin-bottom: 18px !important; }
[id$="-stage"] h5, [id$="-stage"] h4, [id$="-stage"] h6 {
  font-weight: 600 !important; font-size: 24px !important; letter-spacing: .2px;
}
[id$="-stage"] h5::after {
  content: "Удалённый рабочий стол G-IT";
  display: block; margin-top: 6px; font-size: 13px; font-weight: 500; color: #9a9ba5;
}

/* Поля */
input {
  background: #0f1014 !important; border-color: #2f3039 !important;
  border-radius: 10px !important; color: #fff !important;
}
input:focus { border-color: #1f5bff !important; box-shadow: 0 0 0 3px rgba(31, 91, 255, .25) !important; }

/* Кнопки */
button.bg-primary, #sign-in-button {
  background: #1f5bff !important; border-radius: 10px !important; height: 48px !important;
  font-weight: 600 !important; font-size: 15px !important; text-transform: none !important; letter-spacing: .2px;
}
button.bg-primary:hover, #sign-in-button:hover { background: #3a70ff !important; }

/* Поля ввода одноразового кода */
input[inputmode="numeric"], .otp-input input { font-size: 22px !important; font-weight: 600 !important; }

/* Подвал: вместо «При поддержке Authelia» */
a[href*="authelia.com"] { font-size: 0 !important; pointer-events: none; }
a[href*="authelia.com"]::after { content: "G-IT · доступ защищён двухфакторной аутентификацией"; font-size: 11px; color: #5c5d66; }