/* PixAgentur local branding 0.1.0. Layout and document colors stay native. */
:root, [data-bs-theme="light"] {
  --pngx-primary: 221, 83%!important;
  --pngx-primary-lightness: 53%!important;
  --pngx-primary-darken-5: #1d4ed8!important;
  --pngx-primary-darken-15: #1e40af!important;
  --pngx-primary-darken-18: #1e3a8a!important;
  --pngx-primary-darken-27: #172554!important;
  --pngx-primary-faded: #eff6ff!important;
  --pngx-primary-lighten-10: #60a5fa!important;
  --pngx-primary-lighten-30: #bfdbfe!important;
  --bs-primary: #2563eb;
  --bs-primary-rgb: 37, 99, 235;
  --bs-link-color: #1d4ed8;
  --bs-link-color-rgb: 29, 78, 216;
  --bs-link-hover-color: #1e40af;
  --bs-link-hover-color-rgb: 30, 64, 175;
}
[data-bs-theme="dark"] {
  --bs-primary: #60a5fa;
  --bs-primary-rgb: 96, 165, 250;
  --bs-link-color: #93c5fd;
  --bs-link-color-rgb: 147, 197, 253;
  --bs-link-hover-color: #bfdbfe;
}
.btn-primary {
  --bs-btn-bg: #2563eb;
  --bs-btn-border-color: #2563eb;
  --bs-btn-hover-bg: #1d4ed8;
  --bs-btn-hover-border-color: #1d4ed8;
  --bs-btn-active-bg: #1e40af;
  --bs-btn-active-border-color: #1e40af;
  --bs-btn-disabled-bg: #2563eb;
  --bs-btn-disabled-border-color: #2563eb;
  --bs-btn-focus-shadow-rgb: 37, 99, 235;
}
.btn-outline-primary {
  --bs-btn-color: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: #2563eb;
  --bs-btn-hover-border-color: #2563eb;
  --bs-btn-active-bg: #1d4ed8;
  --bs-btn-active-border-color: #1d4ed8;
}
.form-check-input:checked {background-color:#2563eb;border-color:#2563eb}
.form-control:focus,.form-select:focus {border-color:#93b4fb;box-shadow:0 0 0 .2rem #2563eb26}
.form-accounts {width:min(360px,calc(100vw - 40px));max-width:100%;padding:24px}
.form-accounts img.logo {width:240px;max-width:100%;height:auto;margin-bottom:16px!important}
.form-accounts .byline {color:var(--bs-secondary-color);font-size:10px;letter-spacing:0}
.form-accounts .btn-primary {border-radius:6px;background-color:#2563eb!important;border-color:#2563eb!important;color:#fff!important}
.form-accounts .btn-primary:hover {background-color:#1d4ed8!important;border-color:#1d4ed8!important}
.navbar.bg-primary {
  --pngx-primary-text-contrast:var(--bs-body-color);
  background-color:var(--bs-body-bg)!important;
  border-bottom:1px solid var(--bs-border-color);
  min-height:64px;
}
.navbar.navbar-dark {--bs-navbar-color:var(--bs-body-color);--bs-navbar-hover-color:var(--bs-primary);--bs-navbar-brand-color:var(--bs-body-color)}
.navbar .navbar-brand {width:220px;flex-shrink:0;flex-direction:column;align-items:flex-start!important;justify-content:center;padding-block:5px!important}
.navbar .brand-logo {width:160px!important;max-width:160px!important;height:32px!important;object-fit:contain}
.navbar .brand-copy {margin-left:0!important}
.navbar .brand-title {position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.navbar .byline {color:var(--bs-secondary-color)!important;letter-spacing:0;font-size:9px}
.navbar .nav-link,.navbar .btn,.navbar .navbar-action {color:var(--bs-body-color)!important}
.navbar.navbar-dark .dropdown>.btn,.navbar.navbar-dark .navbar-toggler {color:var(--bs-body-color)!important}
.navbar .form-control {box-shadow:none!important}
.navbar .navbar-toggler-icon {filter:brightness(0) saturate(100%)}
[data-bs-theme="dark"] .navbar .navbar-toggler-icon {filter:none}
.navbar input {color:var(--bs-body-color)!important;background-color:var(--bs-tertiary-bg)!important;border-color:var(--bs-border-color)!important}
.navbar input::placeholder {color:var(--bs-secondary-color)!important}
.sidebar .nav-link.active {color:var(--bs-primary)!important;background-color:rgba(var(--bs-primary-rgb),.1)!important}
.page-link.active,.active>.page-link {background-color:#2563eb;border-color:#2563eb}
[data-bs-theme="dark"] img.brand-logo,[data-bs-theme="dark"] .form-accounts img.logo {content:url('/static/pixagentur/pixagentur-logo-dark.svg?v=0.1.0')}
@media(max-width:767.98px) {
  .navbar .navbar-brand {width:180px;padding-left:12px!important}
  .navbar .brand-logo {width:145px!important;max-width:145px!important}
}