/* Login e107 jest dokumentem e_IFRAME bez body.gtx-site i wspólnego headera.
 * Specyficzność przewyższa późny <style> z login_template.php. */
.gtx-login-page .gtx-login-page__top { gap: 10px; }
.gtx-login-page .gtx-login-page__brand { min-width: 0; margin-right: auto; }
.gtx-login-page .gtx-login-page__brand img { max-width: 100%; }
.gtx-login-page .gtx-login-page__home { flex-shrink: 0; }

html:not([data-gtx-theme="dark"]) {
  --gtx-login-bg: var(--gtx-bg);
  --gtx-login-card: var(--gtx-surface);
  --gtx-login-panel: var(--gtx-surface);
  --gtx-login-border: var(--gtx-border);
  --gtx-login-text: var(--gtx-text);
  --gtx-login-muted: var(--gtx-muted);
  --gtx-login-cyan: var(--gtx-cyan);
  --gtx-login-purple: var(--gtx-purple);
  --gtx-login-yellow: var(--gtx-brand-yellow);
}
html:not([data-gtx-theme="dark"]),
html:not([data-gtx-theme="dark"]) body.e-iframe {
  color-scheme: light;
  color: var(--gtx-text) !important;
  background: var(--gtx-bg) !important;
}
html:not([data-gtx-theme="dark"]) body.e-iframe::before {
  background: radial-gradient(circle at 18% 18%, #e1f2f8, transparent 35%), linear-gradient(135deg, #f3f6fb, #f0eafb);
}
html:not([data-gtx-theme="dark"]) body.e-iframe::after { opacity: .12; }
html:not([data-gtx-theme="dark"]) .gtx-login-page::before { opacity: .2; }
html:not([data-gtx-theme="dark"]) .gtx-login-page__card { box-shadow: var(--gtx-shadow); }
html:not([data-gtx-theme="dark"]) .gtx-login-page__visual { background: linear-gradient(140deg, #e1f2f8, #ece5fa); }
html:not([data-gtx-theme="dark"]) .gtx-login-page__visual::before {
  color: var(--gtx-purple); background: rgba(255, 255, 255, .65); border-color: var(--gtx-border);
  box-shadow: inset 0 0 0 12px rgba(255, 255, 255, .18), var(--gtx-shadow);
}
html:not([data-gtx-theme="dark"]) .gtx-login-page__eyebrow { color: var(--gtx-yellow); }
html:not([data-gtx-theme="dark"]) :is(.gtx-login-page__visual h2, .gtx-login-page__intro h1,
  .gtx-login-page__field label, .gtx-login-page__captcha-label) { color: var(--gtx-text); }
html:not([data-gtx-theme="dark"]) :is(.gtx-login-page__visual p, .gtx-login-page__remember,
  .gtx-login-page__notice) { color: var(--gtx-muted); }
html:not([data-gtx-theme="dark"]) .gtx-login-page__message:not(:empty) {
  color: #9a1931; background: #ffebee; border-color: #df94a1;
}
html:not([data-gtx-theme="dark"]) .gtx-login-page input:is([type="text"], [type="email"], [type="password"]) {
  color: var(--gtx-text) !important; background: var(--gtx-surface) !important;
  border-color: #778aa6 !important;
}
html:not([data-gtx-theme="dark"]) .gtx-login-page input::placeholder { color: var(--gtx-muted) !important; }
html:not([data-gtx-theme="dark"]) .gtx-login-page input:is([type="text"], [type="email"], [type="password"]):focus {
  border-color: var(--gtx-cyan) !important; box-shadow: 0 0 0 3px rgba(0, 107, 137, .2) !important;
}
html:not([data-gtx-theme="dark"]) .gtx-login-page__submit {
  color: #fff; background: var(--gtx-button-fill); box-shadow: var(--gtx-shadow);
}
html:not([data-gtx-theme="dark"]) :is(.gtx-login-page__home, .gtx-login-page__action) {
  color: var(--gtx-text) !important; background: var(--gtx-surface-2); border-color: #778aa6;
}
html:not([data-gtx-theme="dark"]) .gtx-login-page__action--primary {
  color: var(--gtx-purple) !important; background: #efe8f8;
}
html:not([data-gtx-theme="dark"]) :is(.gtx-login-page__home, .gtx-login-page__action):is(:hover, :focus-visible) {
  color: var(--gtx-cyan) !important; background: #e0edf5; border-color: var(--gtx-cyan);
}
html:not([data-gtx-theme="dark"]) .gtx-login-page :is(a, button, input):focus-visible {
  outline: 3px solid var(--gtx-cyan); outline-offset: 3px;
}
html:not([data-gtx-theme="dark"]) .gtx-login-page :is(input[type="checkbox"], input[type="radio"]) {
  accent-color: var(--gtx-purple);
}
html:not([data-gtx-theme="dark"]) .gtx-login-page .gtx-captcha-refresh {
  color: var(--gtx-text); background: var(--gtx-surface-2); border-color: #778aa6;
}
html:not([data-gtx-theme="dark"]) .gtx-login-page .gtx-captcha-refresh:hover {
  color: var(--gtx-cyan); background: #e0edf5;
}
