/* INSPINIA v4.0 Custom CSS */

/* Avatar sizes */
.avatar-xl {
    height: 6rem;
    width: 6rem;
}

.avatar-lg {
    height: 4.5rem;
    width: 4.5rem;
}

.avatar-md {
    height: 3.5rem;
    width: 3.5rem;
}

.avatar-sm {
    height: 2.5rem;
    width: 2.5rem;
}

.avatar-xs {
    height: 1.5rem;
    width: 1.5rem;
}

/* Font sizes */
.fs-10 {
    font-size: 0.625rem !important;
}

.fs-11 {
    font-size: 0.6875rem !important;
}

.fs-12 {
    font-size: 0.75rem !important;
}

.fs-13 {
    font-size: 0.8125rem !important;
}

.fs-14 {
    font-size: 0.875rem !important;
}

.fs-15 {
    font-size: 0.9375rem !important;
}

.fs-16 {
    font-size: 1rem !important;
}

.fs-17 {
    font-size: 1.0625rem !important;
}

.fs-18 {
    font-size: 1.125rem !important;
}

.fs-19 {
    font-size: 1.1875rem !important;
}

.fs-20 {
    font-size: 1.25rem !important;
}

.fs-22 {
    font-size: 1.375rem !important;
}

.fs-24 {
    font-size: 1.5rem !important;
}

/* Link reset */
.link-reset {
    color: inherit;
    text-decoration: none;
}

.link-reset:hover {
    color: inherit;
    text-decoration: none;
}

/* Sidebar customizations */
.sidenav-menu .scrollbar {
    height: calc(100vh - 70px);
}

.sidenav-user {
    padding: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.sidenav-user-name {
    display: block;
    color: #495057;
}

.menu-icon {
    display: inline-block;
    margin-right: 10px;
    color: #98a6ad;
}

.menu-text {
    color: #6c757d;
}

.side-nav-link.active .menu-icon,
.side-nav-link.active .menu-text {
    color: #1a73e8;
}

/* Topbar customizations */
.topbar-search {
    background-color: #f5f7fa;
    border: none;
    padding-left: 40px;
}

.app-search-icon {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
}

/* Card customizations */
.card-title {
    margin-bottom: 0;
}

/* Background colors */
.bg-primary-subtle {
    background-color: rgba(26, 115, 232, 0.18) !important;
}

.bg-success-subtle {
    background-color: rgba(52, 168, 83, 0.18) !important;
}

.bg-danger-subtle {
    background-color: rgba(234, 67, 53, 0.18) !important;
}

.bg-warning-subtle {
    background-color: rgba(251, 188, 5, 0.18) !important;
}

.bg-info-subtle {
    background-color: rgba(79, 195, 247, 0.18) !important;
}

/* Fill colors for icons */
.fill-primary {
    fill: #1a73e8 !important;
}

.fill-success {
    fill: #34a853 !important;
}

.fill-danger {
    fill: #ea4335 !important;
}

.fill-warning {
    fill: #fbbc05 !important;
}

.fill-info {
    fill: #4fc3f7 !important;
}

.fill-white {
    fill: #ffffff !important;
}

/* Dark mode adjustments */
[data-bs-theme="dark"] .sidenav-menu {
    background-color: #2a3042;
}

[data-bs-theme="dark"] .app-topbar {
    background-color: #2a3042;
}

[data-bs-theme="dark"] .footer {
    background-color: #2a3042;
}

[data-bs-theme="dark"] .card {
    background-color: #2a3042;
}

[data-bs-theme="dark"] .sidenav-user-name {
    color: #e9ecef;
}

[data-bs-theme="dark"] .menu-text {
    color: #adb5bd;
}

[data-bs-theme="dark"] .side-nav-link.active .menu-icon,
[data-bs-theme="dark"] .side-nav-link.active .menu-text {
    color: #1a73e8;
}