/* Kujo Technologies — GitLab Sign-In Page Branding */

/* ── Logo: override the 40px height constraint ── */
body.login-page .gl-text-center img {
  height: auto !important;
  max-height: 90px !important;
  visibility: visible !important;
  opacity: 1 !important;
  filter: drop-shadow(0 2px 8px rgba(26, 140, 216, 0.3));
}

/* ── Left panel: branded container ── */
body.login-page .col-md.order-12 > .col-sm-12 {
  background: linear-gradient(145deg, rgba(26, 140, 216, 0.10) 0%, rgba(26, 140, 216, 0.03) 100%);
  border-left: 3px solid #1a8cd8;
  border-radius: 12px;
  padding: 2.5rem 2rem;
  backdrop-filter: blur(4px);
}

/* ── Title styling ── */
body.login-page .col-md.order-12 h1 {
  font-size: 1.75rem !important;
  font-weight: 700;
  background: linear-gradient(135deg, #1a8cd8, #4da8e8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  letter-spacing: -0.02em;
}

/* ── Description headings ── */
body.login-page #js-custom-sign-in-description h2 {
  font-size: 1.4rem;
  font-weight: 600;
  color: #c8d6e5;
  margin-bottom: 0.5rem;
}

/* ── Description text ── */
body.login-page #js-custom-sign-in-description p {
  color: #8899aa;
  line-height: 1.7;
}

body.login-page #js-custom-sign-in-description strong {
  color: #e0e6ed;
}

/* ── Horizontal rule accent ── */
body.login-page #js-custom-sign-in-description hr {
  border: none;
  height: 2px;
  background: linear-gradient(to right, #1a8cd8, transparent);
  margin: 1.2rem 0;
}

/* ── Sign-in form card ── */
body.login-page .col-md.order-md-12 > .col-sm-12.bar {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(26, 140, 216, 0.15);
  border-radius: 12px;
  padding: 2rem;
}

/* ── Sign-in button: Kujo blue ── */
body.login-page .btn-confirm {
  background: linear-gradient(135deg, #1a8cd8, #1674b8) !important;
  border: none !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em;
  transition: all 0.2s ease !important;
}

body.login-page .btn-confirm:hover {
  background: linear-gradient(135deg, #1e9aeb, #1a8cd8) !important;
  box-shadow: 0 4px 12px rgba(26, 140, 216, 0.4) !important;
  transform: translateY(-1px);
}

/* ── Subtle page background accent ── */
body.login-page {
  background:
    radial-gradient(ellipse at 20% 50%, rgba(26, 140, 216, 0.06) 0%, transparent 60%),
    radial-gradient(ellipse at 80% 20%, rgba(26, 140, 216, 0.04) 0%, transparent 50%);
}

/* ── Footer: soften ── */
body.login-page .footer-container {
  opacity: 0.6;
}


/* ============================================================
   POST-LOGIN DASHBOARD CLEANUP & BRANDING
   ============================================================ */

/* ── Subtle brand accent on dashboard cards ── */
[data-testid="dashboard-merge-requests"],
[data-testid="dashboard-issues"],
.gl-card {
  border-color: rgba(26, 140, 216, 0.12) !important;
  transition: border-color 0.2s ease;
}

[data-testid="dashboard-merge-requests"]:hover,
[data-testid="dashboard-issues"]:hover,
.gl-card:hover {
  border-color: rgba(26, 140, 216, 0.3) !important;
}

/* ── Sidebar nav: subtle blue accent on active item ── */
.super-sidebar [aria-current="page"] {
  border-left: 2px solid #1a8cd8 !important;
}

/* ── "Items that need your attention" heading accent ── */
[data-testid="dashboard-todos"] h4,
.home-panel-body h4 {
  color: #c8d6e5;
}