/* ========================================
   CHAT UI FIXES
   ======================================== */

/* Contact messages - white background with dark text */
.message-contact {
    background-color: #ffffff !important;
    color: #344767 !important;
}

.message-contact p,
.message-contact h1,
.message-contact h2,
.message-contact h3,
.message-contact h4,
.message-contact h5,
.message-contact h6,
.message-contact span,
.message-contact div {
    color: #344767 !important;
}

/* Agent messages - dark background with white text */
.message-agent {
    background-color: #344767 !important;
    color: #ffffff !important;
}

.message-agent p,
.message-agent h1,
.message-agent h2,
.message-agent h3,
.message-agent h4,
.message-agent h5,
.message-agent h6,
.message-agent span,
.message-agent div {
    color: #ffffff !important;
}


/* ========================================
   SIDEBAR ICON FIXES
   ======================================== */

/* Force ALL sidebar icons to be white */
.sidenav .navbar-nav .nav-link i,
.sidenav .navbar-nav .nav-link svg,
.sidenav .navbar-nav .nav-link .bi,
.navbar-vertical .navbar-nav .nav-link i,
.navbar-vertical .navbar-nav .nav-link svg,
.navbar-vertical .navbar-nav .nav-link .bi,
.sidenav-header i,
.sidenav-header svg,
.sidenav-header .bi,
.navbar-brand i,
.navbar-brand svg,
.navbar-brand .bi {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* Active sidebar icons - brighter white */
.sidenav .navbar-nav .nav-link.active i,
.sidenav .navbar-nav .nav-link.active svg,
.sidenav .navbar-nav .nav-link.active .bi,
.navbar-vertical .navbar-nav .nav-link.active i,
.navbar-vertical .navbar-nav .nav-link.active svg,
.navbar-vertical .navbar-nav .nav-link.active .bi {
    color: #ffffff !important;
    fill: #ffffff !important;
    opacity: 1 !important;
}

/* Sidebar text color */
.sidenav .navbar-nav .nav-link,
.navbar-vertical .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.8) !important;
}

.sidenav .navbar-nav .nav-link.active,
.navbar-vertical .navbar-nav .nav-link.active {
    color: #ffffff !important;
}


/* ========================================
   BOOTSTRAP ICON SPECIFIC FIXES
   ======================================== */

/* Ensure Bootstrap Icons inherit white color */
.sidenav .bi::before,
.navbar-vertical .bi::before,
.sidenav-header .bi::before {
    color: inherit !important;
}