/*
 * L1 branding overrides for Taiga UI.
 * Keep selectors broad because frontend markup differs between releases.
 */

:root {
  --brand-primary: #0b2a4a;
  --brand-accent: #2f80ed;
}

/* Header: hide help and extra utility links */
a[href*="help"],
a[href*="docs"],
a[href*="support"],
[data-test*="help"],
.help,
.header-help {
  display: none !important;
}

/* Attempt to replace logo area with custom logo */
.logo,
.navbar .logo,
.topbar .logo,
.main-header .logo {
  background-image: url("/brand-assets/logo_clear.svg") !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
  background-size: contain !important;
}

/* Login page polish */
.login,
.auth,
.login-page {
  background: linear-gradient(120deg, #f5f8fc 0%, #d4e2f4 35%, #7fa7d6 62%, #0b2a4a 100%) !important;
  background-size: 220% 220% !important;
  animation: login-gradient-flow 10s ease infinite !important;
  padding-top: 84px !important;
}

@keyframes login-gradient-flow {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

/* Lift the authorization form slightly higher */
.login .form,
.auth .form,
.login-page .form,
.login .login-form,
.auth .login-form,
.login-page .login-form,
.login form,
.auth form,
.login-page form {
  transform: translateY(-48px) !important;
}

/* Card-like form shell for better contrast */
.login .form,
.auth .form,
.login-page .form,
.login .login-form,
.auth .login-form,
.login-page .login-form,
.login form,
.auth form,
.login-page form {
  background: rgba(255, 255, 255, 0.92) !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12) !important;
  padding: 20px !important;
}

.login button,
.auth button,
.login-page button {
  background-color: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
  color: #fff !important;
  border-radius: 10px !important;
  transition: background-color 0.2s ease !important;
}

.login button:hover,
.auth button:hover,
.login-page button:hover {
  background-color: #66aaff !important;
  border-color: #66aaff !important;
}

.login input,
.auth input,
.login-page input {
  border-radius: 10px !important;
  border: 1px solid #c8d5e6 !important;
  background: #fff !important;
}

/* Small top label on auth forms */
.login form::before,
.auth form::before,
.login-page form::before {
  content: "УПРАВЛЕНИЕ ПРОЕКТАМИ";
  display: block;
  margin-bottom: 12px;
  color: var(--brand-primary);
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  font-size: 12px;
}

/* Hide default Taiga branding on auth screens */
.login a[href*="taiga.io"],
.auth a[href*="taiga.io"],
.login-page a[href*="taiga.io"] {
  display: none !important;
}

/* Taiga login: geometric logo is often img/svg inside .logo; hide non-brand assets */
.login .logo > img,
.auth .logo > img,
.login-page .logo > img,
.login .logo svg,
.auth .logo svg,
.login-page .logo svg {
  display: none !important;
}

.login .logo-svg,
.auth .logo-svg,
.login-page .logo-svg {
  display: none !important;
}

div.logo-svg {
  display: none !important;
}

/* Quote under authorization form */
.login form::after,
.auth form::after,
.login-page form::after {
  content: "Имейте в виду, если вы сделаете быстро и плохо, то люди забудут, что вы сделали быстро, и запомнят, что вы сделали плохо. Если вы сделаете медленно и хорошо, то люди забудут, что вы сделали медленно, и запомнят, что вы сделали хорошо.\A\AС.П. Королев";
  display: block;
  margin-top: 22px;
  padding: 14px 16px;
  border-left: 4px solid rgba(11, 42, 74, 0.4);
  background: rgba(255, 255, 255, 0.68);
  border-radius: 0 10px 10px 0;
  color: #2f455c;
  font-size: 14px;
  line-height: 1.5;
  font-style: italic;
  white-space: pre-line;
}

.login h1.logo,
.auth h1.logo,
.login-page h1.logo,
.login h2.tagline,
.auth h2.tagline,
.login-page h2.tagline {
  display: none !important;
}

.arthur-auth-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 30;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 16px 24px;
}

.arthur-auth-brand-link {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

.arthur-auth-brand-logo {
  width: 168px;
  height: auto;
  display: block;
}

/* Клиентский 404 Taiga Front: шаблон error/not-found.html внутри ng-include */
div[ng-include*="not-found"] {
  display: none !important;
}