@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');

/* RapidEmail - barvy jako uvitaci stranka webu a spolecne prihlaseni (rapid-webmail-router) */
:root {
  --rh-bg: #f0f9ff; --rh-card: #ffffff; --rh-ink: #0f172a; --rh-muted: #64748b; --rh-brand: #f05228;
  --rh-brand-h: #d9431c; --rh-blue: #0369a1; --rh-soft: #f1f5f9; --rh-line: #e2e8f0;
}
@media (prefers-color-scheme: dark) {
  :root:not(.light-mode) { --rh-bg: #0b1220; --rh-card: #111a2e; --rh-ink: #e5e7eb; --rh-muted: #94a3b8;
    --rh-blue: #38bdf8; --rh-soft: #18233a; --rh-line: #263452; }
}
html.dark-mode { --rh-bg: #0b1220; --rh-card: #111a2e; --rh-ink: #e5e7eb; --rh-muted: #94a3b8;
  --rh-blue: #38bdf8; --rh-soft: #18233a; --rh-line: #263452; }

body, button, input, select, textarea {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

/* ---------------------------------------------------------------- aplikace */
.btn-primary,
.button.mainaction {
  background: var(--rh-brand) !important;
  border-color: var(--rh-brand) !important;
  color: #fff !important;
}
.btn-primary:focus, .btn-primary:hover, .button.mainaction:hover {
  background: var(--rh-brand-h) !important;
  border-color: var(--rh-brand-h) !important;
  box-shadow: 0 0 0 .2rem rgba(240, 82, 40, .25) !important;
}

/* ---------------------------------------------------------------- prihlaseni */
body.task-login,
body.task-login #layout,
body.task-login #layout-content {
  background: var(--rh-bg) !important;
}
body.task-login, body.task-login button, body.task-login input {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif !important;
}
body.task-login #layout-content {
  min-height: 100vh; display: grid !important; place-items: center !important; align-content: center !important;
  padding: 16px !important; margin: 0 !important;
}
body.task-login #layout-content > #login-form { margin: 0 auto !important; top: 0 !important; align-self: center !important; }
body.task-login #logo { display: none !important; }

#login-form {
  width: 100%; max-width: 460px; margin: 0 auto;
  background: var(--rh-card) !important; color: var(--rh-ink);
  border: 0 !important; border-radius: 20px !important;
  box-shadow: 0 10px 40px rgba(2, 6, 23, .08) !important;
  padding: 40px 32px 28px !important; text-align: center;
}
#login-form .rh-logo { font-weight: 800; font-size: 20px; margin-bottom: 28px; color: var(--rh-ink); letter-spacing: -.01em; }
#login-form .rh-logo span { color: var(--rh-brand); }
#login-form .rh-status { display: inline-block; padding: 4px 12px; border-radius: 999px; background: rgba(240, 82, 40, .12);
  color: var(--rh-brand); font-weight: 600; font-size: 14px; margin-bottom: 18px; }
#login-form .rh-title { font-size: clamp(22px, 5vw, 28px); font-weight: 800; margin: 0 0 10px; color: var(--rh-ink); }
#login-form .rh-lead { color: var(--rh-muted); line-height: 1.6; margin: 0 0 18px; }
#login-form .rh-who { color: var(--rh-muted); margin: 0 0 20px; font-size: 15px; }
#login-form .rh-who span { display: inline-block; background: var(--rh-soft); color: var(--rh-ink); font-weight: 600;
  border-radius: 999px; padding: 4px 12px; word-break: break-all; }
#login-form a { color: var(--rh-blue) !important; }

/* pole: bez ikon, zaoblena, jako na spolecne strance */
#login-form table { width: 100%; }
#login-form .input-group-prepend, #login-form .input-group-text { display: none !important; }
#login-form tr.form-group { margin: 0 0 12px !important; }
#login-form input.form-control {
  border-radius: 12px !important; border: 1px solid var(--rh-line) !important; background: var(--rh-card) !important;
  color: var(--rh-ink) !important; font-size: 16px !important; padding: 12px 14px !important; height: auto !important;
}
#login-form input.form-control:focus {
  border-color: transparent !important; box-shadow: none !important; outline: 2px solid var(--rh-brand) !important; outline-offset: 1px;
}
body.rh-has-user #login-form tr.form-group:first-child { display: none !important; }

#login-form .button.mainaction {
  border-radius: 12px !important; text-transform: none !important; font-weight: 700 !important; font-size: 16px !important;
  padding: 13px 22px !important; margin-top: 4px;
}
#login-form .rh-foot { margin-top: 22px; font-size: 13px; color: var(--rh-muted); }
body.task-login #login-footer { display: none !important; }