.wrapper,
.content-wrapper {
    background: #f7f7f8 !important;
}

.main-header {
    border-bottom: 1px solid #e5e5e7 !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

.main-sidebar,
.main-sidebar::before {
    background: #202126 !important;
}

.nav-sidebar .nav-link {
    margin: 0.12rem 0.55rem;
    border-radius: 0.5rem !important;
    color: #d6d7da !important;
}

.nav-sidebar .nav-link:hover {
    background: #2c2e34 !important;
    color: #ffffff !important;
}

.nav-sidebar .nav-link.active {
    background: #c8102e !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

.card,
.small-box,
.info-box {
    border: 1px solid #e5e5e7 !important;
    border-radius: 0.75rem !important;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.035) !important;
}

.card-header {
    border-bottom-color: #e5e5e7 !important;
    background: #ffffff !important;
}

.btn-primary,
.bg-primary,
.badge-primary {
    border-color: #c8102e !important;
    background-color: #c8102e !important;
}

.btn-primary:hover,
.btn-primary:focus {
    border-color: #a30d25 !important;
    background-color: #a30d25 !important;
}

a,
.text-primary {
    color: #b20f2a;
}

.form-control:focus,
.custom-select:focus {
    border-color: #c8102e !important;
    box-shadow: 0 0 0 0.2rem rgba(200, 16, 46, 0.14) !important;
}

.table thead th {
    border-bottom-color: #d9d9dc !important;
    background: #fafafa;
    color: #64666d;
    font-size: 0.74rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.content-header h1 {
    color: #24262b;
    font-weight: 650;
    letter-spacing: -0.02em;
}

.brand-link .brand-text {
    display: none !important;
}

.brand-link .brand-image,
.brand-link img.akzenta-admin-logo {
    float: none !important;
    max-height: 42px !important;
    width: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    opacity: 1 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.brand-link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 57px !important;
    padding: 0.6rem 0.5rem !important;
}

.main-sidebar {
    width: 250px;
}

body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper,
body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer,
body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header {
    margin-left: 250px;
}

/* Jazzmin login: constrain the original wordmark without affecting the admin sidebar. */
.login-page {
    overflow-x: hidden;
    background: #f7f7f8 !important;
}

.login-box {
    width: min(360px, calc(100vw - 2rem)) !important;
}

.login-card-body {
    border: 1px solid #e5e5e7;
    border-radius: 0.75rem;
    box-shadow: 0 8px 24px rgba(16, 24, 40, 0.08);
}

.login-logo {
    display: flex !important;
    justify-content: center !important;
    margin-bottom: 1.25rem !important;
}

.login-logo img {
    width: min(280px, 78vw) !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 105px !important;
    object-fit: contain !important;
    margin: 0 auto !important;
}

@media (max-width: 480px) {
    .login-logo img {
        width: min(230px, 72vw) !important;
        max-height: 86px !important;
    }
}