/* AIWerk Cloud Branding — Metronic/KTApp theme */

/* Override CSS variables */
:root,
[data-bs-theme] {
  --bs-primary: #182230 !important;
  --bs-primary-rgb: 24, 34, 48 !important;
  --bs-component-active-bg: #182230 !important;
  --bs-link-color: #253d55 !important;
  --bs-link-hover-color: #182230 !important;
}

/* Branding header — logo + title balance */
/* Logo + title: logo centered on top, title hidden */
.d-flex.flex-center.flex-column-fluid {
  flex-direction: column !important;
}
.d-flex.flex-center.flex-column-fluid .bg-body {
  position: relative !important;
}
/* Logo container: center and enlarge */
.d-flex.align-items-center.mb-12 {
  justify-content: center !important;
  width: 100% !important;
  margin-bottom: 0.5rem !important;
  margin-top: -1rem !important;
}
.d-flex.align-items-center.mb-12 a {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
}
.h-80px.h-md-90px.h-lg-100px {
  height: 160px !important;
}
/* Hide WebClient text */
.text-gray-900.mb-3.ms-3 {
  display: none !important;
}
/* Reduce logo container spacing */
form .container.mb-10 {
  margin-bottom: 0.5rem !important;
}
/* Reduce card body top padding */
.bg-body .card-body,
.bg-body .p-10,
.bg-body .p-lg-15 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

/* Login page background */
body.app-blank {
  background: linear-gradient(135deg, #0f1820 0%, #182230 50%, #1f3044 100%) !important;
}

/* Login card */
.bg-body.rounded.shadow-sm {
  border-radius: 12px !important;
  box-shadow: 0 8px 40px rgba(0,0,0,0.4) !important;
}

/* Primary button (Anmelden) */
.btn-primary {
  --bs-btn-bg: #182230 !important;
  --bs-btn-border-color: #182230 !important;
  --bs-btn-hover-bg: #253d55 !important;
  --bs-btn-hover-border-color: #253d55 !important;
  --bs-btn-active-bg: #253d55 !important;
  --bs-btn-active-border-color: #253d55 !important;
  --bs-btn-focus-shadow-rgb: 24, 34, 48 !important;
  border-radius: 8px !important;
}

/* Links */
a.link-primary,
a[href*="forgot"] {
  color: #253d55 !important;
}
a.link-primary:hover,
a[href*="forgot"]:hover {
  color: #182230 !important;
}

/* Form input focus */
.form-control:focus,
.form-control.form-control-solid:focus {
  border-color: #182230 !important;
  box-shadow: 0 0 0 0.2rem rgba(24, 34, 48, 0.15) !important;
}

/* Sidebar (WebClient file manager) */
.aside,
.aside-dark,
[data-kt-aside] {
  background-color: #182230 !important;
}

/* Header */
.header,
[data-kt-sticky-header] {
  background-color: #182230 !important;
}

/* Menu active */
.menu-item .menu-link.active,
.menu-item.here > .menu-link {
  background-color: #253d55 !important;
}

/* Checkbox accent */
.form-check-input:checked {
  background-color: #182230 !important;
  border-color: #182230 !important;
}

/* Badge */
.badge-primary,
.badge.bg-primary {
  background-color: #182230 !important;
}

/* Scrollbar (WebKit) */
::-webkit-scrollbar-thumb {
  background-color: #253d55 !important;
}