/* ============================================================
   WAZync Brand Theme
   Primary  (Forest Green) : #1B6B45
   Teal     (Gradient mid) : #1D7A72
   Navy     (Dark Blue)    : #1A3D6B
   Sidebar  (Dark Green)   : #132C1E
   BG       (Off-white)    : #F2F7F4
   ============================================================ */

/* Page background */
html > body {
    background-color: #F2F7F4 !important;
    font-family: "Poppins", sans-serif !important;
}

/* Cards */
.card {
    background-color: #ffffff;
    border-radius: 10px;
    border: 1px solid rgba(27,107,69,0.10);
}

/* ---- Circular icon badge ---- */
.circular-icon {
    background-color: #E8F5EE;
    color: #1B6B45;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 15px !important;
}

/* ---- Top navbar (public / auth header) ---- */
#navbar-main {
    background-color: #ffffff !important;
    border-bottom: 3px solid #1B6B45 !important;
}

/* ---- Dashboard top-bar ---- */
.main-content .navbar-top {
    background: linear-gradient(90deg, #1B6B45 0%, #1D7A72 60%, #1A3D6B 100%) !important;
}

/* ---- Sidebar ---- */
.navbar.lw-sidebar-container {
    background-color: #132C1E !important;
}
.navbar.lw-sidebar-container .navbar-nav .nav-link,
.navbar.lw-sidebar-container .navbar-nav .nav-link .fa,
.navbar.lw-sidebar-container .navbar-brand-text {
    color: #ffffff !important;
}
.navbar.lw-sidebar-container .navbar-nav .nav-link:hover,
.navbar.lw-sidebar-container .navbar-nav .nav-link.active {
    color: #81D4A8 !important;
    background-color: rgba(255,255,255,0.08);
    border-radius: 6px;
}
.lw-minimized-menu .navbar-vertical .navbar-nav .nav-link.active:before {
    border-left: 3px solid #1D7A72 !important;
}

/* ---- Primary & Success buttons (gradient) ---- */
.btn.btn-primary,
.btn.btn-success {
    background: linear-gradient(135deg, #1B6B45, #1D7A72) !important;
    border-color: #1B6B45 !important;
    color: #fff !important;
}
.btn.btn-primary:hover,
.btn.btn-success:hover {
    background: linear-gradient(135deg, #155235, #155E5A) !important;
    border-color: #155235 !important;
}

/* ---- Default btn (Teal-to-Navy) ---- */
.btn-sm.btn-default {
    background: linear-gradient(135deg, #1D7A72, #1A3D6B) !important;
    color: #fff !important;
    border: none;
}
.btn-sm.btn-default:hover {
    background: linear-gradient(135deg, #155E5A, #142E52) !important;
}

/* ---- Warning btn ---- */
.btn-warning.btn-sm {
    background: linear-gradient(135deg, #F59E0B, #FBBF24) !important;
    color: #fff !important;
    border: none;
}

/* ---- Light btn (repurposed to WAZync green) ---- */
.btn-light.btn-sm {
    background: #1B6B45 !important;
    color: #fff !important;
    border: none;
}
.btn-light.btn-sm:hover {
    background: #155235 !important;
}

/* ---- Dark btn (WAZync Navy) ---- */
.btn-dark.btn-sm {
    background: #1A3D6B !important;
    color: #fff !important;
    border: none;
}
.btn-dark.btn-sm:hover {
    background: #142D52 !important;
}

/* ---- Toggle switch sizing ---- */
.switchery { height: 20px !important; width: 40px; }
.switchery > small { border-radius: 10px; height: 20px !important; width: 20px; }

/* ---- DataTable expand toggle ---- */
.dtr-control::before { background-color: #1B6B45 !important; }

/* ---- Table headers ---- */
th {
    background: linear-gradient(90deg, #1B6B45 0%, #1A3D6B 100%) !important;
    color: #ffffff !important;
    font-weight: 600;
    letter-spacing: 0.03em;
}

/* ---- Table rows ---- */
td {
    background-color: #F8FBF9;
    color: #1A2A20;
    border-top: 1px solid #E2EDE6 !important;
}
td a {
    color: #1B6B45 !important;
    font-weight: 500;
}
td a:hover { color: #1A3D6B !important; }

/* ---- Fieldset legend ---- */
legend {
    background: linear-gradient(90deg, #E8F5EE, #EEF3FA) !important;
    color: #1B6B45;
    font-weight: 600;
    border-left: 4px solid #1B6B45;
    border-radius: 0 8px 8px 0;
}

/* ---- Links ---- */
a { color: #1B6B45; }
a:hover { color: #1A3D6B; }
a.lw-btn { color: #ffffff !important; }

/* ---- Page title ---- */
.lw-page-title {
    color: #1B6B45 !important;
    font-weight: 700;
}

/* ---- Login / public card top border ---- */
.lw-guest-page-container-block .card {
    border-top: 4px solid #1B6B45 !important;
}

/* ---- Form focus ring ---- */
.form-control:focus {
    border-color: #1B6B45 !important;
    box-shadow: 0 0 0 0.2rem rgba(27, 107, 69, 0.18) !important;
}

/* ---- Badges ---- */
.badge-primary   { background-color: #1B6B45 !important; color: #fff !important; }
.badge-secondary { background-color: #1D7A72 !important; color: #fff !important; }
.badge-dark      { background-color: #1A3D6B !important; color: #fff !important; }

/* ---- Text helpers ---- */
.text-primary, .text-success { color: #1B6B45 !important; }
.text-secondary               { color: #1D7A72 !important; }
.text-dark                    { color: #1A3D6B !important; }

/* ---- Scrollbar ---- */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #F2F7F4; border-radius: 10px; }
::-webkit-scrollbar-thumb { background: #1B6B45; border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: #1A3D6B; }

/* ---- SweetAlert2 confirm ---- */
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
    background-color: #1B6B45 !important;
}

/* ---- Pagination active ---- */
.pagination .page-item.active .page-link {
    background-color: #1B6B45;
    border-color: #1B6B45;
}

/* ---- Dropdown active item ---- */
.dropdown-item.active,
.dropdown-item:active {
    background-color: #1B6B45 !important;
    color: #fff;
}

/* ---- Nav tabs ---- */
.nav-tabs .nav-link.active {
    border-bottom: 3px solid #1B6B45;
    color: #1B6B45;
}

/* ---- Input group icon ---- */
.input-group-text {
    background-color: #1B6B45;
    color: #fff;
    border-color: #1B6B45;
}

/* ---- Login form card shadow ---- */
.lw-form-card-box {
    box-shadow: 0 0 2.5rem 0 rgba(27, 107, 69, 0.15) !important;
}

/* ---- Card stats hover ---- */
.card-stats:hover {
    transform: scale(1.02);
    transition: all 0.3s ease-in-out;
    box-shadow: 0 4px 20px rgba(27, 107, 69, 0.18) !important;
}

/* ---- Gradient utility class ---- */
.bg-wazync-gradient {
    background: linear-gradient(135deg, #1B6B45 0%, #1D7A72 50%, #1A3D6B 100%) !important;
    color: #fff !important;
}
.text-wazync-green  { color: #1B6B45 !important; }
.text-wazync-teal   { color: #1D7A72 !important; }
.text-wazync-navy   { color: #1A3D6B !important; }
.border-wazync      { border-color: #1B6B45 !important; }