/* تكنولوجيا سعودية — هوية صفحة دخول البريد */
:root {
  --ts-primary: #006C35;
  --ts-primary-dark: #004d26;
  --ts-accent: #157cbe;
  --ts-white: #ffffff;
  --ts-off-white: #f8faf9;
  --ts-text: #1a1a1a;
  --ts-text-muted: #5c6b6f;
}

body.task-login {
  background: linear-gradient(135deg, var(--ts-off-white) 0%, #e8f4ec 50%, #d4e9dc 100%) !important;
  font-family: 'Segoe UI', 'Tajawal', 'Cairo', 'Noto Sans Arabic', sans-serif !important;
}

#layout-content.selected.no-navbar {
  background: var(--ts-white) !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 32px rgba(0, 108, 53, 0.12) !important;
  padding: 2rem 2.5rem !important;
  max-width: 400px !important;
  border: 1px solid rgba(0, 108, 53, 0.1) !important;
}

#logo {
  max-height: 48px !important;
  max-width: 220px !important;
  width: auto !important;
  height: auto !important;
  margin-bottom: 1.5rem !important;
  display: block !important;
}

#login-form .form-control {
  border: 1px solid #d0dde1 !important;
  border-radius: 10px !important;
  padding: 12px 16px !important;
  font-size: 1rem !important;
  transition: border-color 0.2s, box-shadow 0.2s !important;
}

#login-form .form-control:focus {
  border-color: var(--ts-primary) !important;
  box-shadow: 0 0 0 3px rgba(0, 108, 53, 0.15) !important;
  outline: none !important;
}

#login-form button[type="submit"],
#login-form .button {
  background: var(--ts-primary) !important;
  color: var(--ts-white) !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 12px 24px !important;
  font-weight: 600 !important;
  font-size: 1rem !important;
  transition: background 0.2s !important;
}

#login-form button[type="submit"]:hover,
#login-form .button:hover {
  background: var(--ts-primary-dark) !important;
}

#login-footer {
  color: var(--ts-text-muted) !important;
  font-size: 0.9rem !important;
  margin-top: 1.5rem !important;
}

#login-footer a {
  color: var(--ts-primary) !important;
}

h1.voice {
  display: none !important;
}