.cart-items {
    width: 70%;
    margin-right: 23px;
}

.item-price {
    margin: 50px 0;
}

.deployment-item-location {
    position: absolute;
    bottom: 20px;
    font-size: 10px;
    width: 290px !important;
}

/* Dashboard stats widget title colors */
.fi-wi-stats-overview-stat.text-blue-600 .fi-wi-stats-overview-stat-label.text-sm.font-medium.text-gray-500 {
    color: rgb(37 99 235) !important;
}

.fi-wi-stats-overview-stat.text-blue-600 .fi-wi-stats-overview-stat-icon {
    color: rgb(37 99 235) !important;
}

.fi-wi-stats-overview-stat.text-green-600 .fi-wi-stats-overview-stat-label.text-sm.font-medium.text-gray-500 {
    color: rgb(22 163 74) !important;
}

.fi-wi-stats-overview-stat.text-green-600 .fi-wi-stats-overview-stat-icon {
    color: rgb(22 163 74) !important;
}

.fi-wi-stats-overview-stat.text-yellow-600 .fi-wi-stats-overview-stat-label.text-sm.font-medium.text-gray-500 {
    color: rgb(202 138 4) !important;
}

.fi-wi-stats-overview-stat.text-yellow-600 .fi-wi-stats-overview-stat-icon {
    color: rgb(202 138 4) !important;
}

.fi-wi-stats-overview-stat.text-cyan-600 .fi-wi-stats-overview-stat-label.text-sm.font-medium.text-gray-500 {
    color: rgb(8 145 178) !important;
}

.fi-wi-stats-overview-stat.text-cyan-600 .fi-wi-stats-overview-stat-icon {
    color: rgb(8 145 178) !important;
}

.fi-wi-stats-overview-stat.text-red-600 .fi-wi-stats-overview-stat-label.text-sm.font-medium.text-gray-500 {
    color: rgb(220 38 38) !important;
}

.fi-wi-stats-overview-stat.text-red-600 .fi-wi-stats-overview-stat-icon {
    color: rgb(220 38 38) !important;
}

/* Adjust logo position in header */
.fi-logo img {
    margin-top: 0.5rem !important;
}

.fi-sidebar-header img {
    margin-top: 0.5rem !important;
}

/* Fallback for all brand logos */
img[src*="logo-light"],
img[src*="logo-dark"] {
    margin-top: 0.5rem !important;
}

/* Make logo bigger on login page only */
.fi-simple-page img[src*="logo"],
.fi-simple-layout img[src*="logo"],
body:has(.fi-simple-page) img[src*="logo"] {
    max-height: 5rem !important;
    height: 5rem !important;
    width: auto !important;
}

/* Keep header logo small */
.fi-topbar img[src*="logo"],
.fi-sidebar img[src*="logo"] {
    max-height: 2.5rem !important;
    height: 2.5rem !important;
}

/* Dark mode for employee/user detail page */
.dark .bg-white.rounded-lg.border.border-gray-200 {
    background-color: rgb(31, 41, 55) !important;
    border-color: rgb(55, 65, 81) !important;
}

.dark .bg-gray-50.border.border-gray-200 {
    background-color: rgb(31, 41, 55) !important;
    border-color: rgb(55, 65, 81) !important;
}

/* Dark mode for purple gradient cards (Role) */
.dark .bg-gradient-to-br.from-purple-50.to-purple-100 {
    background: linear-gradient(to bottom right, rgb(88, 28, 135), rgb(107, 33, 168)) !important;
    border-color: rgb(147, 51, 234) !important;
}

.dark .bg-gradient-to-br.from-purple-50.to-purple-100 .fi-in-entry-wrp-label,
.dark .bg-gradient-to-br.from-purple-50.to-purple-100 .fi-in-text {
    color: rgb(243, 232, 255) !important;
}

/* Dark mode for green gradient cards (Company, Phone) */
.dark .bg-gradient-to-br.from-green-50.to-green-100 {
    background: linear-gradient(to bottom right, rgb(21, 128, 61), rgb(22, 163, 74)) !important;
    border-color: rgb(34, 197, 94) !important;
}

.dark .bg-gradient-to-br.from-green-50.to-green-100 .fi-in-entry-wrp-label,
.dark .bg-gradient-to-br.from-green-50.to-green-100 .fi-in-text {
    color: rgb(220, 252, 231) !important;
}

/* Dark mode for yellow gradient cards (Team, Joined) */
.dark .bg-gradient-to-br.from-yellow-50.to-yellow-100 {
    background: linear-gradient(to bottom right, rgb(161, 98, 7), rgb(202, 138, 4)) !important;
    border-color: rgb(234, 179, 8) !important;
}

.dark .bg-gradient-to-br.from-yellow-50.to-yellow-100 .fi-in-entry-wrp-label,
.dark .bg-gradient-to-br.from-yellow-50.to-yellow-100 .fi-in-text {
    color: rgb(254, 252, 232) !important;
}

/* Dark mode for cyan gradient cards (Email) */
.dark .bg-gradient-to-br.from-cyan-50.to-cyan-100 {
    background: linear-gradient(to bottom right, rgb(14, 116, 144), rgb(6, 182, 212)) !important;
    border-color: rgb(34, 211, 238) !important;
}

.dark .bg-gradient-to-br.from-cyan-50.to-cyan-100 .fi-in-entry-wrp-label,
.dark .bg-gradient-to-br.from-cyan-50.to-cyan-100 .fi-in-text {
    color: rgb(207, 250, 254) !important;
}

/* Dark mode for red gradient cards (Address) */
.dark .bg-gradient-to-br.from-red-50.to-red-100 {
    background: linear-gradient(to bottom right, rgb(185, 28, 28), rgb(220, 38, 38)) !important;
    border-color: rgb(248, 113, 113) !important;
}

.dark .bg-gradient-to-br.from-red-50.to-red-100 .fi-in-entry-wrp-label,
.dark .bg-gradient-to-br.from-red-50.to-red-100 .fi-in-text {
    color: rgb(254, 226, 226) !important;
}

/* Dark mode for indigo gradient cards (Tags) */
.dark .bg-gradient-to-br.from-indigo-50.to-indigo-100 {
    background: linear-gradient(to bottom right, rgb(67, 56, 202), rgb(79, 70, 229)) !important;
    border-color: rgb(129, 140, 248) !important;
}

.dark .bg-gradient-to-br.from-indigo-50.to-indigo-100 .fi-in-entry-wrp-label,
.dark .bg-gradient-to-br.from-indigo-50.to-indigo-100 .fi-in-text {
    color: rgb(224, 231, 255) !important;
}