.navbar.navbar-dark,
.navbar.bg-primary,
.navbar.app-header,
nav.navbar.navbar-dark.bg-primary {
  background-color: #0072CE !important;
  background-image: none !important;
  border-color: transparent !important;
}
.navbar.navbar-dark .navbar-brand,
.navbar.navbar-dark .nav a,
.navbar.app-header .navbar-brand,
.navbar.app-header .nav a {
  color: #fff !important;
}
.modal-header {
  background: linear-gradient(135deg, #0072CE 0%, #0057A3 100%);
  color: #fff;
  border-bottom: 3px solid #E31C24;
}
.modal-header .modal-title { color: #fff; }
.modal-header .btn-close { filter: invert(1); }

.app-shell .btn-primary {
  background: #0072CE;
  border-color: #0072CE;
  color: #fff;
}
.app-shell .btn-primary:hover,
.app-shell .btn-primary:focus {
  background: #0057A3;
  border-color: #0057A3;
  color: #fff;
}
.app-shell .btn-outline-primary {
  color: #0072CE;
  border-color: #0072CE;
}
.app-shell .btn-outline-primary:hover {
  background: #0072CE;
  border-color: #0072CE;
  color: #fff;
}
.app-shell .btn-danger,
.app-shell .bg-danger {
  background-color: #E31C24 !important;
  border-color: #E31C24 !important;
}
.app-shell .text-primary { color: #0072CE !important; }
.app-shell .text-danger { color: #E31C24 !important; }
.app-shell .form-check-input:checked {
  background-color: #0072CE;
  border-color: #0072CE;
}
.app-shell .form-control:focus,
.app-shell .form-select:focus {
  border-color: #0072CE;
  box-shadow: 0 0 0 .2rem rgba(0, 114, 206, .18);
}

.app-footer {
  display: block !important;
  visibility: visible !important;
  width: 100%;
  text-align: center !important;
  font-size: .82rem !important;
  font-weight: 700;
  letter-spacing: .02em;
  color: #fff !important;
  background: #E31C24 !important;
  border-top: 0;
  padding: 12px 16px;
  margin: 0;
  z-index: 1040;
}
.app-footer .ft-since { display: none; }
@media (max-width: 991.98px) {
  .app-footer .ft-from { display: none !important; }
  .app-footer .ft-since { display: inline !important; }
}
@media (max-width: 991.98px) {
  .app-footer {
    position: fixed !important;
    left: 0;
    right: 0;
    bottom: 0;
    box-shadow: 0 -6px 18px rgba(11, 58, 102, .06);
    padding: 10px 12px calc(10px + env(safe-area-inset-bottom));
  }
  body {
    padding-bottom: calc(56px + env(safe-area-inset-bottom)) !important;
  }
}