/* Noqta Brand Theme - Teal/Blue-Green Gradient (Figma Design) */
:root,
[data-bs-theme=light] {
  --bs-main-color: #4A9C9C !important;
  --bs-main-color-light: rgba(136, 221, 238, 0.5) !important;
  --bs-main-color-lighter: #88DDEE !important;
  --bs-main-color-dark: #2E7A7A !important;
  --bs-main-color-rgb: 74, 156, 156;
  --bs-accent-teal: #66C2C2 !important;
  --bs-shadow-color: rgb(46, 122, 122) !important;
  --bs-card-shadow: 0 4px 24px rgba(var(--bs-main-color-rgb), 0.15);
  --bs-input-focus-border: #4A9C9C;
}

.bg-menu-theme.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle),
[dir="rtl"] .bg-menu-theme.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle){
    background: var(--bs-main-color) !important;
}
.bg-menu-theme .menu-text {
    color: var(--bs-main-color) !important;
}
.table-light {
    --bs-table-bg: var(--bs-main-color-light) !important;
}
.card-body .nav-tabs.widget-nav-tabs .nav-link.active .badge {
    background-color: var(--bs-main-color-lighter) !important;
}
.btn-text-secondary:hover{
    background: var(--bs-main-color-light) !important;
}
.btn-primary {
    background-color: var(--bs-main-color) !important;
    border-color: var(--bs-main-color) !important;
}
.btn-primary:hover {
    background-color: var(--bs-main-color-dark) !important;
    border-color: var(--bs-main-color-dark) !important;
}
.btn-label-primary{
    background: var(--bs-main-color-light) !important;
}
.avatar-upload .avatar-edit input + label{
    background: var(--bs-main-color) !important;
}
.flatpickr-day.today, .flatpickr-day.today:hover {
    color: #fff !important;
    border-color: var(--bs-main-color) !important;
    background-color: var(--bs-main-color) !important;
}
.dropdown-item:not(.disabled).active, .dropdown-item:not(.disabled):active{
    background-color: var(--bs-main-color) !important;
}
.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item:not(.mark-as-read) .dropdown-notifications-read span{
    background-color: var(--bs-main-color) !important;
}

/* Override theme-default primary (teal) */
.text-primary, .text-primary:hover { color: var(--bs-main-color) !important; }
.bg-primary, .bg-primary:hover { background-color: var(--bs-main-color) !important; border-color: var(--bs-main-color) !important; }
.bg-label-primary { color: var(--bs-main-color) !important; }
.bg-label-primary:hover { background-color: rgba(var(--bs-main-color-rgb), 0.15) !important; }
.btn-outline-primary { color: var(--bs-main-color) !important; border-color: var(--bs-main-color) !important; }
.btn-outline-primary:hover { color: #fff !important; background-color: var(--bs-main-color) !important; border-color: var(--bs-main-color) !important; }
.avatar-initial.bg-label-primary { background-color: rgba(var(--bs-main-color-rgb), 0.15) !important; color: var(--bs-main-color) !important; }
.badge.bg-primary, .badge.bg-label-primary { background-color: var(--bs-main-color) !important; }
.progress-bar.bg-primary { background-color: var(--bs-main-color) !important; }

/* Auth / Login Pages - Noqta Teal Theme */
.authentication-wrapper .card {
  border: none !important;
  border-radius: 16px !important;
  box-shadow: var(--bs-card-shadow) !important;
  overflow: hidden;
}
.authentication-wrapper .btn-primary {
  background-color: var(--bs-main-color) !important;
  border-color: var(--bs-main-color) !important;
  padding: 12px 24px !important;
  font-weight: 600 !important;
  border-radius: 10px !important;
  transition: all 0.3s ease !important;
}
.authentication-wrapper .btn-primary:hover {
  background-color: var(--bs-main-color-dark) !important;
  border-color: var(--bs-main-color-dark) !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(var(--bs-main-color-rgb), 0.35) !important;
}
.authentication-wrapper .form-control:focus {
  border-color: var(--bs-main-color) !important;
  box-shadow: 0 0 0 0.2rem rgba(var(--bs-main-color-rgb), 0.2) !important;
}
.authentication-wrapper .form-control {
  border-radius: 10px !important;
  padding: 12px 16px !important;
  border: 1px solid #e0ecec;
}
.authentication-wrapper .app-brand-text {
  color: var(--bs-main-color) !important;
  font-weight: 700 !important;
}
.authentication-wrapper .col-form-label {
  font-weight: 600 !important;
  color: #4a4a4a !important;
}