/* Smart Kost Engine Modern SaaS Custom CSS */

:root {
    --bs-primary: #2563eb;
    --bs-primary-rgb: 37, 99, 235;
    --df-primary: #2563eb;
    --df-primary-dark: #1e40af;
    --df-primary-hover: #1d4ed8;
    --df-success: #10b981;
    --df-info: #06b6d4;
    --df-warning: #f59e0b;
    --df-danger: #ef4444;
    --df-card-radius: 16px;
}

/* Primary Theme Overrides */
.btn-primary {
    background-color: #2563eb !important;
    border-color: #2563eb !important;
    box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
    background-color: #1d4ed8 !important;
    border-color: #1d4ed8 !important;
    box-shadow: 0 4px 12px rgba(29, 78, 216, 0.35) !important;
}

.btn-outline-primary {
    color: #2563eb !important;
    border-color: #2563eb !important;
}

.btn-outline-primary:hover, .btn-outline-primary:active {
    background-color: #2563eb !important;
    border-color: #2563eb !important;
    color: #ffffff !important;
}

.bg-primary {
    background-color: #2563eb !important;
}

.text-primary {
    color: #2563eb !important;
}

.border-primary {
    border-color: #2563eb !important;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: #2563eb !important;
    box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25) !important;
}

.nav-tabs .nav-link.active {
    color: #2563eb !important;
    border-bottom: 2px solid #2563eb !important;
}

.page-item.active .page-link {
    background-color: #2563eb !important;
    border-color: #2563eb !important;
}

.form-check-input:checked {
    background-color: #2563eb !important;
    border-color: #2563eb !important;
}

.form-control:focus, .form-select:focus {
    border-color: #93c5fd !important;
    box-shadow: 0 0 0 0.25rem rgba(37, 99, 235, 0.15) !important;
}

/* Subtle Badge Styles */
.bg-primary-subtle {
    background-color: rgba(37, 99, 235, 0.12) !important;
    color: #1d4ed8 !important;
}

.bg-success-subtle {
    background-color: rgba(16, 185, 129, 0.12) !important;
    color: #047857 !important;
}

.bg-warning-subtle {
    background-color: rgba(245, 158, 11, 0.15) !important;
    color: #b45309 !important;
}

.bg-info-subtle {
    background-color: rgba(6, 182, 212, 0.12) !important;
    color: #0e7490 !important;
}

.bg-danger-subtle {
    background-color: rgba(239, 68, 68, 0.12) !important;
    color: #b91c1c !important;
}

/* Modern Rounded Buttons */
.btn-rounded {
    border-radius: 50rem !important;
}

/* WhatsApp Chat Bubbles */
.chat-conversation {
    scrollbar-width: thin;
    scrollbar-color: #cbd5e1 transparent;
}

.chat-conversation::-webkit-scrollbar {
    width: 6px;
}

.chat-conversation::-webkit-scrollbar-thumb {
    background-color: #cbd5e1;
    border-radius: 10px;
}

/* Table Enhancements */
.table > :not(caption) > * > * {
    padding: 0.85rem 1rem;
}

.table-hover > tbody > tr:hover {
    background-color: #f1f5f9;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f5f9;
}

::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* Sidebar & Navigation Active State Styling */
#sidebar-menu ul li a:hover,
#sidebar-menu ul li a:hover i,
#sidebar-menu ul li a.active,
#sidebar-menu ul li a.active i,
#sidebar-menu ul li.mm-active > a,
#sidebar-menu ul li.mm-active > a i {
    color: #2563eb !important;
}

#sidebar-menu ul li.mm-active > a {
    background-color: rgba(37, 99, 235, 0.08) !important;
    border-radius: 8px;
}

/* Alertify Button Styling */
.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok {
    background-color: #2563eb !important;
    border-color: #2563eb !important;
    color: #ffffff !important;
    border-radius: 8px !important;
}

.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-cancel {
    border-radius: 8px !important;
}

/* Mobile App Vibrant Gradient Card */
.bg-gradient-mobile {
    background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 100%) !important;
}