/* ============================================================
   0) GLOBAL BOOTSTRAP / METRONIC OVERRIDES (MEDIAMARKT)
   ============================================================ */

:root {
    --mm-red: #E30613;
    --mm-red-dark: #C60011;
    --mm-red-soft: #FDECEE;
    --mm-white: #FFFFFF;

    /* Bootstrap primary değişkenleri */
    --bs-primary: #E30613;
    --bs-primary-rgb: 227, 6, 19;
    --bs-link-color: #E30613;
    --bs-link-hover-color: #C60011;

    /* Metronic primary değişkenleri */
    --kt-primary: #E30613;
    --kt-primary-active: #C60011;
    --kt-primary-light: #FDECEE;
    --kt-primary-inverse: #FFFFFF;
}

/* Primary renk ailesi */
.text-primary,
.link-primary {
    color: var(--mm-red) !important;
}

.text-primary:hover,
.link-primary:hover {
    color: var(--mm-red-dark) !important;
}

/* Link Hover - No Blue - MediaMarkt Red */
a:hover,
a:focus,
a:active,
a.btn:hover,
a.btn:focus,
a.btn:active,
a.btn-light:hover,
a.btn-light:focus,
a.btn-light:active,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
    color: var(--mm-red-dark) !important;
}

a {
    color: var(--mm-red) !important;
}

a.btn,
a.btn-light {
    color: inherit !important;
}

.bg-primary {
    background-color: var(--mm-red) !important;
}

.bg-soft-primary,
.bg-light-primary {
    background-color: var(--mm-red-soft) !important;
}

.border-primary {
    border-color: var(--mm-red) !important;
}

/* Ana butonlar */

.btn.btn-primary,
.btn-primary,
.btn-check:checked + .btn.btn-primary,
.btn-check:active + .btn.btn-primary {
    background-color: var(--mm-red) !important;
    border-color: var(--mm-red) !important;
    color: var(--mm-white) !important;
}

.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active,
.btn.btn-primary.show,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.show,
.btn-check:checked + .btn.btn-primary:hover,
.btn-check:active + .btn.btn-primary:hover {
    background-color: var(--mm-red-dark) !important;
    border-color: var(--mm-red-dark) !important;
    color: var(--mm-white) !important;
}

/* Primary focus gölgesi – sm, icon vb. dahil */
.btn-primary:focus,
.btn-primary:active,
.btn-primary:focus-visible,
.btn-check:focus + .btn-primary {
    box-shadow: 0 0 0 0.15rem rgba(227, 6, 19, 0.45) !important;
}

.btn.btn-primary span,
.btn.btn-primary i,
.btn.btn-primary .bi,
.btn.btn-primary .ki {
    color: inherit !important;
}

/* Outline primary */

.btn.btn-outline-primary,
.btn-outline-primary {
    color: var(--mm-red) !important;
    border-color: var(--mm-red) !important;
    background-color: transparent !important;
}

.btn.btn-outline-primary:hover,
.btn.btn-outline-primary:focus,
.btn.btn-outline-primary:active,
.btn.btn-outline-primary.active,
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active {
    background-color: var(--mm-red) !important;
    border-color: var(--mm-red) !important;
    color: var(--mm-white) !important;
}

/* Light primary (chip / pill stil) */

.btn.btn-light-primary,
.btn-light-primary {
    background-color: #F3F4F6 !important;
    border-color: #E5E7EB !important;
    color: #111827 !important;
    border-width: 1px;
    border-radius: 999px !important;
    font-weight: 500;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
    padding-inline: 1.15rem;
    padding-block: 0.35rem;
}

.btn.btn-light-primary .bi,
.btn.btn-light-primary i,
.btn.btn-light-primary span {
    color: inherit !important;
}

.btn.btn-light-primary:hover,
.btn.btn-light-primary:focus,
.btn-light-primary:hover,
.btn-light-primary:focus {
    background-color: var(--mm-red-soft) !important;
    color: var(--mm-red-dark) !important;
    border-color: rgba(227, 6, 19, 0.55) !important;
    box-shadow: 0 0 0 1px rgba(227, 6, 19, 0.35);
}

/* Metronic: active-light-primary */

.btn.btn-active-light-primary,
.btn-active-light-primary,
.btn-check:checked + .btn.btn-active-light-primary,
.btn-check:active + .btn.btn-active-light-primary,
.btn.btn-active-light-primary.active,
.btn.btn-active-light-primary.show,
.show > .btn.btn-active-light-primary {
    background-color: var(--mm-red-soft) !important;
    color: var(--mm-red-dark) !important;
    border-color: rgba(227, 6, 19, 0.40) !important;
    border-radius: 999px !important;
    font-weight: 600;
    box-shadow: 0 0 0 1px rgba(227, 6, 19, 0.35);
}

.btn.btn-active-light-primary .svg-icon,
.btn.btn-active-light-primary i,
.btn.btn-active-light-primary .bi,
.btn.btn-active-light-primary span {
    color: inherit !important;
}

/* Soft primary */

.btn.btn-soft-primary,
.btn-soft-primary {
    background-color: var(--mm-red-soft) !important;
    color: var(--mm-red-dark) !important;
    border-color: transparent !important;
}

.btn.btn-soft-primary:hover,
.btn-soft-primary:hover {
    background-color: var(--mm-red) !important;
    color: var(--mm-white) !important;
}

/* Form focus */

.form-control:focus,
.form-select:focus {
    border-color: var(--mm-red) !important;
    box-shadow: 0 0 0 0.15rem rgba(227, 6, 19, 0.28) !important;
}

/* Checkbox / switch */

.form-check-input:checked {
    background-color: var(--mm-red) !important;
    border-color: var(--mm-red) !important;
}

.form-switch .form-check-input:checked {
    background-color: var(--mm-red) !important;
    border-color: var(--mm-red) !important;
}

/* Badge'ler */

.badge-primary {
    background-color: var(--mm-red) !important;
    color: var(--mm-white) !important;
}

.badge-light-primary {
    background-color: var(--mm-red-soft) !important;
    color: var(--mm-red-dark) !important;
    border: 1px solid rgba(227, 6, 19, 0.35);
}

/* Alert / notice */

.alert-primary {
    background-color: var(--mm-red-soft) !important;
    border-color: rgba(227, 6, 19, 0.4) !important;
    color: #111827 !important;
}

/* Nav / tabs */

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: var(--mm-red) !important;
    color: var(--mm-white) !important;
}

.nav-pills .nav-link {
    color: #4B5563;
}

.nav-pills .nav-link:hover {
    color: var(--mm-red-dark);
}

/* Pagination */

.page-item.active .page-link {
    background-color: var(--mm-red) !important;
    border-color: var(--mm-red) !important;
    color: var(--mm-white) !important;
}

/* Progress */

.progress-bar {
    background-color: var(--mm-red) !important;
}

/* ============================================================
   1) SIDEBAR & LOGO & TOGGLE
   ============================================================ */

.app-sidebar {
    background-color: var(--mm-red-dark) !important;
}

.app-sidebar-logo img.app-sidebar-logo-default,
.app-sidebar-logo img {
    width: auto;
    height: auto;
}

.app-sidebar-toggle {
    background-color: rgba(255, 255, 255, 0.12) !important;
    border-radius: 0.75rem !important;
    color: var(--mm-white) !important;
}

.app-sidebar-toggle .svg-icon {
    color: var(--mm-white) !important;
}

.app-sidebar-toggle:hover {
    background-color: var(--mm-white) !important;
    color: var(--mm-red-dark) !important;
}

.app-sidebar-toggle:hover .svg-icon {
    color: var(--mm-red-dark) !important;
}

.app-sidebar .menu .menu-item > .menu-link {
    color: #F9FAFB !important;
    font-weight: 500;
}

.app-sidebar .menu .menu-item > .menu-link .menu-title {
    color: inherit !important;
}

.app-sidebar .menu .menu-item > .menu-link .menu-icon,
.app-sidebar .menu .menu-item > .menu-link .menu-icon i,
.app-sidebar .menu .menu-item > .menu-link .menu-icon .svg-icon,
.app-sidebar .menu .menu-item > .menu-link .menu-arrow {
    color: inherit !important;
}

.app-sidebar .menu .menu-item > .menu-link .menu-icon .svg-icon svg path,
.app-sidebar .menu .menu-item > .menu-link .menu-icon .svg-icon svg rect,
.app-sidebar .menu .menu-item > .menu-link .menu-icon .svg-icon svg circle {
    fill: currentColor !important;
}

.app-sidebar .menu .menu-item > .menu-link:hover {
    background-color: rgba(0, 0, 0, 0.22) !important;
    color: var(--mm-white) !important;
}

.app-sidebar .menu .menu-sub .menu-item > .menu-link:hover {
    background-color: rgba(0, 0, 0, 0.22) !important;
    color: var(--mm-white) !important;
}

/* ============================================================
   2) AKTİF MENÜ
   ============================================================ */

.app-sidebar .menu .menu-item > .menu-link.active,
.app-sidebar .menu .menu-item.here > .menu-link,
.app-sidebar .menu .menu-item.show > .menu-link {
    background-color: rgba(0, 0, 0, 0.32) !important;
    border-left: 3px solid var(--mm-white);
    border-radius: 0 !important;
    color: var(--mm-white) !important;
    font-weight: 700 !important;
}

.app-sidebar .menu .menu-item > .menu-link.active .menu-title,
.app-sidebar .menu .menu-item.here > .menu-link .menu-title,
.app-sidebar .menu .menu-item.show > .menu-link .menu-title {
    color: var(--mm-white) !important;
    font-weight: 700 !important;
}

.app-sidebar .menu .menu-item > .menu-link.active .menu-icon,
.app-sidebar .menu .menu-item > .menu-link.active .menu-icon i,
.app-sidebar .menu .menu-item > .menu-link.active .menu-icon .svg-icon,
.app-sidebar .menu .menu-item > .menu-link.active .menu-arrow,
.app-sidebar .menu .menu-item.here > .menu-link .menu-icon,
.app-sidebar .menu .menu-item.here > .menu-link .menu-icon i,
.app-sidebar .menu .menu-item.here > .menu-link .menu-icon .svg-icon,
.app-sidebar .menu .menu-item.here > .menu-link .menu-arrow,
.app-sidebar .menu .menu-item.show > .menu-link .menu-icon,
.app-sidebar .menu .menu-item.show > .menu-link .menu-icon i,
.app-sidebar .menu .menu-item.show > .menu-link .menu-icon .svg-icon,
.app-sidebar .menu .menu-item.show > .menu-link .menu-arrow {
    color: var(--mm-white) !important;
}

.app-sidebar .menu .menu-item > .menu-link.active .menu-icon .svg-icon svg path,
.app-sidebar .menu .menu-item.here > .menu-link .menu-icon .svg-icon svg path,
.app-sidebar .menu .menu-item.show > .menu-link .menu-icon .svg-icon svg path {
    fill: var(--mm-white) !important;
}

.app-sidebar .menu .menu-sub .menu-item > .menu-link.active {
    background-color: rgba(0, 0, 0, 0.35) !important;
    color: var(--mm-white) !important;
    font-weight: 600 !important;
}

/* ============================================================
   3) HEADER & BADGE
   ============================================================ */

.app-header {
    background-color: var(--mm-red) !important;
    color: var(--mm-white);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

.app-header .btn,
.app-header .btn i,
.app-header .btn .bi,
.app-header .btn .ki {
    color: var(--mm-white) !important;
}

.app-header .channel-search .form-control,
.app-header .form-control {
    background-color: #FFFFFF;
}

.app-header .badge-light-success {
    background-color: rgba(255, 255, 255, 0.14) !important;
    color: var(--mm-white) !important;
    border: 1px solid rgba(255, 255, 255, 0.80);
}

.app-header .badge-light-success .bi {
    color: var(--mm-white) !important;
}

.app-header .badge-light-success span.text-muted {
    color: #F3F4F6 !important;
}

/* ============================================================
   4) KANAL SEÇİCİ
   ============================================================ */

.channel-topbar-btn {
    border-radius: .75rem !important;
    border: 1px solid rgba(255, 255, 255, 0.85) !important;
    background-color: rgba(255, 255, 255, 0.12) !important;
    color: var(--mm-white) !important;
}

.channel-topbar-btn .ki,
.channel-topbar-btn .bi,
.channel-topbar-btn span {
    color: var(--mm-white) !important;
}

.channel-topbar-btn:hover {
    background-color: var(--mm-white) !important;
    color: var(--mm-red) !important;
}

.channel-topbar-btn:hover .ki,
.channel-topbar-btn:hover .bi,
.channel-topbar-btn:hover span {
    color: var(--mm-red) !important;
}

.channel-search .form-control {
    border-radius: .5rem;
    border-color: rgba(227, 6, 19, 0.40);
}

.channel-item .menu-link.active {
    background: rgba(227, 6, 19, 0.14) !important;
    color: var(--mm-red-dark) !important;
}

.channel-item .menu-link small {
    color: #64748B;
    margin-left: .25rem;
}

/* ============================================================
   5) GENEL BUTONLAR (EKSTRA)
   ============================================================ */
/* Ana btn/form override'lar en üst 0. bölümde.
   Burada dashboard'a özel ekler var. */

.btn.btn-light-primary {
    background-color: #F3F4F6 !important;
    border-color: #E5E7EB !important;
    color: #111827 !important;
    border-width: 1px;
    border-radius: 999px !important;
    font-weight: 500;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
    padding-inline: 1.15rem;
    padding-block: 0.35rem;
}

/* ============================================================
   6) KULLANICI DROPDOWN
   ============================================================ */

#kt_header_user_menu_toggle {
    background-color: transparent !important;
    border: none !important;
}

#kt_header_user_menu_toggle:hover {
    background-color: rgba(255, 255, 255, 0.18) !important;
    border: none !important;
}

#kt_header_user_menu_toggle .svg-icon,
#kt_header_user_menu_toggle i,
#kt_header_user_menu_toggle .bi {
    color: #FFFFFF !important;
}

#kt_header_user_menu_toggle + .menu.menu-sub.menu-sub-dropdown {
    border-radius: 1rem;
    border: 1px solid rgba(15, 23, 42, 0.06);
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.18);
}

#kt_header_user_menu_toggle + .menu .menu-content .fw-bold.fs-5 {
    color: #0F172A;
}

#kt_header_user_menu_toggle + .menu .menu-content a.text-muted {
    color: #6B7280 !important;
}

#kt_header_user_menu_toggle + .menu .menu-item .menu-link {
    color: #111827;
}

#kt_header_user_menu_toggle + .menu .menu-item .menu-link:hover {
    background-color: rgba(227, 6, 19, 0.10) !important;
    color: var(--mm-red-dark) !important;
}

#kt_header_user_menu_toggle + .menu .menu-item:last-child .menu-link:hover {
    background-color: rgba(248, 113, 113, 0.14) !important;
}

/* ============================================================
   7) KARTLAR
   ============================================================ */

.card {
    border-radius: 1rem;
}

.card-header {
    border-bottom-color: rgba(15, 23, 42, 0.06);
}

.card-header .card-title {
    color: #111827;
}

/* ============================================================
   8) DASHBOARD – GENEL
   ============================================================ */

.actions {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.btn-z {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    border-radius: 999px;
    padding: 0.35rem 0.95rem;
    font-size: .875rem;
    font-weight: 500;
    border: 1px solid #E5E7EB;
    background-color: #FFFFFF;
    color: #111827;
    text-decoration: none;
    transition: all 0.15s ease;
    cursor: pointer;
}

.btn-z i,
.btn-z .ti {
    font-size: 1rem;
}

.btn-z:hover {
    border-color: rgba(227, 6, 19, 0.45);
    color: var(--mm-red-dark);
    box-shadow: 0 0 0 1px rgba(227, 6, 19, 0.16);
    background-color: #FFFFFF;
}

.btn-z.brand {
    background-color: var(--mm-red) !important;
    border-color: var(--mm-red) !important;
    color: #FFFFFF !important;
    font-weight: 600;
}

.btn-z.brand:hover {
    background-color: var(--mm-red-dark) !important;
    border-color: var(--mm-red-dark) !important;
    color: #FFFFFF !important;
}

.btn-z.brand .spinner-border {
    color: #FFFFFF !important;
}

.range-shortcuts .btn.btn-light-primary {
    background-color: #F3F4F6 !important;
    border-color: #E5E7EB !important;
    color: #111827 !important;
    border-radius: 999px !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
}

.range-shortcuts .btn.btn-light-primary:hover,
.range-shortcuts .btn.btn-light-primary:focus {
    background-color: var(--mm-red-soft) !important;
    color: var(--mm-red-dark) !important;
    border-color: rgba(227, 6, 19, 0.55) !important;
    box-shadow: 0 0 0 1px rgba(227, 6, 19, 0.35);
}

.btn-check:checked + .btn.btn-light-primary,
.btn-check:active + .btn.btn-light-primary,
.range-shortcuts .btn.btn-light-primary.active {
    background-color: var(--mm-red-soft) !important;
    color: var(--mm-red-dark) !important;
    border-color: rgba(227, 6, 19, 0.55) !important;
    box-shadow: 0 0 0 1px rgba(227, 6, 19, 0.35);
}

#btn-apply {
    background-color: var(--mm-red) !important;
    border-color: var(--mm-red) !important;
    color: #FFFFFF !important;
    border-radius: 0.75rem !important;
    font-weight: 600;
}

#btn-apply:hover,
#btn-apply:focus,
#btn-apply:active,
#btn-apply:focus-visible {
    background-color: var(--mm-red-dark) !important;
    border-color: var(--mm-red-dark) !important;
    color: #FFFFFF !important;
    box-shadow: 0 0 0 0.12rem rgba(227, 6, 19, 0.40) !important;
}

#btn-apply .btn-text,
#btn-apply .spinner-border {
    color: #FFFFFF !important;
}

.shortcut-hint {
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.9rem;
    border-radius: 999px;
    background-color: #F3F4F6;
    border: 1px solid #E5E7EB;
    font-size: 0.8rem;
    color: #4B5563;
    font-weight: 500;
    line-height: 1;
    white-space: nowrap;
}

.card-z[data-wingate="quick_actions"] .foot .shortcut-hint {
    background-color: #F3F4F6 !important;
    border-color: #E5E7EB !important;
    color: #4B5563 !important;
    font-size: 0.8rem;
    font-weight: 500;
}

/* ============================================================
   9) DASHBOARD – QUICK ACTIONS ALIGNMENT
   ============================================================ */

.card-z[data-wingate="quick_actions"] .actions .btn-z {
    border-radius: 999px;
    padding: 0.35rem 1.15rem;
    font-size: 0.875rem;
    font-weight: 500;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
}

.card-z[data-wingate="quick_actions"] .actions .btn-z:not(.brand) {
    background-color: #F3F4F6 !important;
    border-color: #E5E7EB !important;
    color: #111827 !important;
}

.card-z[data-wingate="quick_actions"] .actions .btn-z:not(.brand):hover {
    background-color: var(--mm-red-soft) !important;
    color: var(--mm-red-dark) !important;
    border-color: rgba(227, 6, 19, 0.55) !important;
    box-shadow: 0 0 0 1px rgba(227, 6, 19, 0.35);
}

.card-z[data-wingate="quick_actions"] .actions .btn-z.brand {
    background-color: var(--mm-red) !important;
    border-color: var(--mm-red) !important;
    color: #FFFFFF !important;
    font-weight: 600;
}

.card-z[data-wingate="quick_actions"] .actions .btn-z.brand:hover {
    background-color: var(--mm-red-dark) !important;
    border-color: var(--mm-red-dark) !important;
    color: #FFFFFF !important;
}

.card-z[data-wingate="quick_actions"] .foot .btn-z.shortcut-hint {
    background-color: #F3F4F6 !important;
    border-color: #E5E7EB !important;
    color: #4B5563 !important;
    font-size: 0.8rem;
    font-weight: 500;
    box-shadow: none;
    cursor: default;
}

/* ============================================================
   10) DATATABLE – PAGINATION (MEDIAMARKT)
   ============================================================ */

.dataTables_wrapper .dataTables_paginate .pagination .page-link {
    color: #F9FAFB;
    border-color: rgba(255, 255, 255, 0.3);
    background-color: rgba(0, 0, 0, 0.12);
    border-radius: 999px;
    margin: 0 2px;
    padding: 0.35rem 0.75rem;
    font-size: 0.825rem;
    transition: all 0.15s ease;
}

.dataTables_wrapper .dataTables_paginate .pagination .page-link:hover {
    color: var(--mm-white) !important;
    background-color: var(--mm-red-dark) !important;
    border-color: rgba(255, 255, 255, 0.65) !important;
}

/* Aktif sayfa */
.dataTables_wrapper .dataTables_paginate .page-item.active .page-link {
    background-color: var(--mm-white) !important;
    border-color: var(--mm-white) !important;
    color: var(--mm-red-dark) !important;
}

/* Disabled (Önceki / Sonraki kapalıyken) */
.dataTables_wrapper .dataTables_paginate .page-item.disabled .page-link {
    color: #E5E7EB !important;
    background-color: rgba(0, 0, 0, 0.18) !important;
    border-color: rgba(255, 255, 255, 0.18) !important;
    cursor: default;
}

/* ============================================================
   11) FORM & INPUT OVERRIDES (MEDIAMARKT)
   ============================================================ */

/* Card Styling */
.card {
    border: 1px solid rgba(15, 23, 42, 0.08);
    transition: all 0.2s ease;
}

.card:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}

.card-header {
    background-color: transparent;
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}

.card-footer {
    background-color: #FAFBFC;
    border-top: 1px solid rgba(15, 23, 42, 0.06);
}

/* Card Bordered - Box Style */
.card.card-bordered {
    border: 1px solid rgba(15, 23, 42, 0.08);
}

.card.card-bordered .card-header {
    background-color: #FAFBFC;
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
    padding-bottom: 1rem !important;
}

.card.card-bordered .card-body {
    padding-top: 1.5rem !important;
}

/* Input spacing - Label ve input arası */
.card.card-bordered .card-body .fv-row label {
    margin-bottom: 0.625rem !important;
    display: block;
}

.card.card-bordered .card-body .fv-row {
    margin-bottom: 1.5rem;
}

.card.card-bordered .card-body .fv-row:last-child {
    margin-bottom: 0;
}

/* Alert Primary - MediaMarkt Style */
.alert-primary {
    background-color: var(--mm-red-soft) !important;
    border: 1px solid rgba(227, 6, 19, 0.2) !important;
    border-left: 3px solid var(--mm-red) !important;
}

.alert-primary i {
    color: var(--mm-red) !important;
}

/* Icon Colors - Force MediaMarkt Red - No Blue */
.symbol-label.bg-light-primary i,
.symbol-label i,
.card-header .card-title i,
.alert-primary i,
.fas.fa-building,
.fas.fa-info-circle,
.fas.fa-map-marked-alt,
.fas.fa-phone-alt {
    color: var(--mm-red) !important;
}

/* Section Headers - Bullet - MediaMarkt Red */
.bullet.bullet-vertical {
    border-radius: 2px;
    background-color: var(--mm-red) !important;
}

/* Form Labels */
label.text-gray-700 {
    color: #374151 !important;
}

/* Input Icons - Subtle Gray */
.position-relative .fas {
    color: #9CA3AF !important;
}

/* Separator */
.separator.separator-dashed {
    border-color: rgba(15, 23, 42, 0.08);
}

/* Status Section Background - No Blue */
.bg-light-primary {
    background-color: var(--mm-red-soft) !important;
    border: 1px solid rgba(227, 6, 19, 0.15) !important;
}

/* Force MediaMarkt Red Soft - Override any blue */
div.bg-light-primary,
.p-4.bg-light-primary {
    background-color: var(--mm-red-soft) !important;
    background: var(--mm-red-soft) !important;
}

.border-primary.border-dashed {
    border-color: var(--mm-red) !important;
    border-width: 1px;
}

/* Form Text Helper */
.form-text {
    color: #6B7280;
    font-size: 0.8125rem;
    margin-top: 0.375rem;
}

/* Select2 - MediaMarkt Styling - Complete Fix */
.select2-dropdown-mediamarkt,
.select2-container--bootstrap-5 .select2-dropdown {
    border-color: rgba(15, 23, 42, 0.08) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
    border-radius: 0.475rem !important;
}

/* Select2 Container - Selection Box */
.select2-container--bootstrap-5 .select2-selection {
    border-color: #E5E7EB !important;
    min-height: 42px !important;
    border-radius: 0.475rem !important;
}

/* Select2 Selection - Single Mode */
.select2-container--bootstrap-5 .select2-selection--single {
    height: 42px !important;
    display: flex !important;
    align-items: center !important;
}

.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
    line-height: 1.5 !important;
    padding-left: 12px !important;
    padding-right: 30px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    color: #181C32 !important;
    font-size: 0.925rem !important;
    font-weight: 400 !important;
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
    margin: 0 !important;
}

/* Select2 Placeholder Text */
.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
    color: #A1A5B7 !important;
    font-size: 0.925rem !important;
    font-weight: 400 !important;
}

/* Select2 Arrow */
.select2-container--bootstrap-5 .select2-selection--single .select2-selection__arrow {
    height: 42px !important;
    right: 12px !important;
    top: 0 !important;
}

.select2-container--bootstrap-5 .select2-selection--single .select2-selection__arrow b {
    border-color: #A1A5B7 transparent transparent transparent !important;
    border-width: 5px 4px 0 4px !important;
    margin-top: -2.5px !important;
}

/* Select2 Dropdown - Results */
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options {
    max-height: 250px !important;
    overflow-y: auto !important;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__option {
    color: #181C32 !important;
    font-size: 0.925rem !important;
    font-weight: 400 !important;
    padding: 0.75rem 1.25rem !important;
    line-height: 1.5 !important;
    transition: all 0.2s ease !important;
}

/* Select2 Option - Highlighted (Hover) */
.select2-container--bootstrap-5 .select2-dropdown .select2-results__option--highlighted,
.select2-container--bootstrap-5 .select2-results__option--highlighted {
    background-color: var(--mm-red) !important;
    color: var(--mm-white) !important;
    font-weight: 500 !important;
}

/* Select2 Option - Selected */
.select2-container--bootstrap-5 .select2-dropdown .select2-results__option[aria-selected=true],
.select2-container--bootstrap-5 .select2-results__option[aria-selected=true] {
    background-color: var(--mm-red-soft) !important;
    color: var(--mm-red-dark) !important;
    font-weight: 500 !important;
}

/* Select2 Option - Selected + Highlighted */
.select2-container--bootstrap-5 .select2-dropdown .select2-results__option[aria-selected=true].select2-results__option--highlighted {
    background-color: var(--mm-red) !important;
    color: var(--mm-white) !important;
}

/* Select2 Search Field */
.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field {
    color: #181C32 !important;
    font-size: 0.925rem !important;
    padding: 0.55rem 0.75rem !important;
    border-color: #E5E7EB !important;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field:focus {
    border-color: var(--mm-red) !important;
    box-shadow: 0 0 0 0.15rem rgba(227, 6, 19, 0.28) !important;
}

/* Select2 Focus State */
.select2-container--bootstrap-5.select2-container--focus .select2-selection,
.select2-container--bootstrap-5.select2-container--open .select2-selection {
    border-color: var(--mm-red) !important;
    box-shadow: 0 0 0 0.15rem rgba(227, 6, 19, 0.28) !important;
}

/* Select2 Disabled State */
.select2-container--bootstrap-5 .select2-selection--single[aria-disabled=true] {
    background-color: #F5F8FA !important;
    cursor: not-allowed !important;
}

.select2-container--bootstrap-5 .select2-selection--single[aria-disabled=true] .select2-selection__rendered {
    color: #A1A5B7 !important;
}

.form-select.form-select-solid:focus {
    border-color: var(--mm-red) !important;
    box-shadow: 0 0 0 0.15rem rgba(227, 6, 19, 0.28) !important;
}

/* Button Override - Maximum Priority - No Blue */
button.btn-primary,
button[type="submit"].btn-primary,
form button.btn-primary,
.card-footer .btn-primary,
.card-footer button.btn-primary {
    background-color: var(--mm-red) !important;
    border-color: var(--mm-red) !important;
    color: var(--mm-white) !important;
}

button.btn-primary:hover,
button.btn-primary:focus,
button.btn-primary:active,
button[type="submit"].btn-primary:hover,
button[type="submit"].btn-primary:focus,
button[type="submit"].btn-primary:active,
form button.btn-primary:hover,
form button.btn-primary:focus,
form button.btn-primary:active,
.card-footer .btn-primary:hover,
.card-footer .btn-primary:focus,
.card-footer .btn-primary:active,
.card-footer button.btn-primary:hover,
.card-footer button.btn-primary:focus,
.card-footer button.btn-primary:active {
    background-color: var(--mm-red-dark) !important;
    border-color: var(--mm-red-dark) !important;
    color: var(--mm-white) !important;
}

button.btn-primary:focus,
button.btn-primary:active,
button[type="submit"].btn-primary:focus,
button[type="submit"].btn-primary:active {
    box-shadow: 0 0 0 0.15rem rgba(227, 6, 19, 0.45) !important;
}

button.btn-primary i,
button.btn-primary span,
button.btn-primary .indicator-label,
button[type="submit"].btn-primary i,
button[type="submit"].btn-primary span {
    color: var(--mm-white) !important;
}

/* Button Border Radius - Standard */
.btn,
.btn-primary,
.btn-light,
button.btn,
button.btn-primary,
a.btn,
a.btn-light {
    border-radius: 0 !important;
}

/* Validation Error Styles */
.form-control.is-invalid,
.form-select.is-invalid,
.select2-container .select2-selection.is-invalid {
    border-color: var(--mm-red) !important;
}

.fv-plugins-message-container.invalid-feedback {
    display: block !important;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.875rem;
    color: var(--mm-red) !important;
}

.fv-plugins-message-container.invalid-feedback .fv-help-block span[role="alert"] {
    color: var(--mm-red) !important;
    display: block;
}

/* ============================================================
   SWEETALERT2 - MEDIAMARKT THEME
   ============================================================ */

/* Success SweetAlert */
.swal2-popup.swal2-success-popup {
    border-radius: 0.5rem !important;
    border: 2px solid #E30613 !important;
    box-shadow: 0 0.5rem 1rem rgba(227, 6, 19, 0.25) !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #fff !important;
    max-width: 32em !important;
}

/* Header - SweetAlert2'de header direkt child */
/* Header - Tüm olası selector'lar - Çok agresif */
.swal2-popup.swal2-success-popup .swal2-header,
.swal2-popup.swal2-success-popup > .swal2-header,
.swal2-success-popup .swal2-header,
.swal2-popup.swal2-success-popup div.swal2-header,
body .swal2-popup.swal2-success-popup .swal2-header {
    background: linear-gradient(135deg, #E30613 0%, #C60011 100%) !important;
    background-color: #E30613 !important;
    background-image: linear-gradient(135deg, #E30613 0%, #C60011 100%) !important;
    padding: 1.5rem 2rem !important;
    margin: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    border-bottom: 3px solid #C60011 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
    position: relative !important;
    min-height: auto !important;
}

/* Header içindeki tüm elementler */
.swal2-popup.swal2-success-popup .swal2-header * {
    color: #FFFFFF !important;
}

.swal2-popup.swal2-success-popup .swal2-icon {
    margin: 0 auto 0.75rem auto !important;
    width: 3.5rem !important;
    height: 3.5rem !important;
    border-width: 3px !important;
}

.swal2-popup.swal2-success-popup .swal2-title {
    color: #FFFFFF !important;
    font-weight: 700 !important;
    font-size: 1.25rem !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    display: block !important;
    line-height: 1.5 !important;
}

.swal2-popup.swal2-success-popup .swal2-content {
    padding: 1.5rem 2rem !important;
    margin: 0 !important;
}

.swal2-popup.swal2-success-popup .swal2-icon.swal2-success {
    border-color: #FFFFFF !important;
    background-color: transparent !important;
}

.swal2-popup.swal2-success-popup .swal2-icon.swal2-success [class^=swal2-success-line] {
    background-color: #FFFFFF !important;
}

.swal2-popup.swal2-success-popup .swal2-icon.swal2-success .swal2-success-ring {
    border-color: #FFFFFF !important;
}

.swal2-popup.swal2-success-popup .swal2-html-container {
    color: #333 !important;
    font-size: 1rem !important;
    line-height: 1.6 !important;
    text-align: center !important;
}

.swal2-popup.swal2-success-popup .swal2-actions {
    padding: 0 2rem 1.5rem 2rem !important;
    margin: 0 !important;
    gap: 0.5rem !important;
}

.swal2-popup.swal2-success-popup .swal2-confirm {
    background-color: #E30613 !important;
    border-color: #E30613 !important;
    color: #FFFFFF !important;
    border-radius: 0.375rem !important;
    font-weight: 600 !important;
    padding: 0.75rem 2rem !important;
    font-size: 1rem !important;
    transition: all 0.3s ease !important;
    min-width: 120px !important;
    box-shadow: 0 2px 4px rgba(227, 6, 19, 0.2) !important;
}

.swal2-popup.swal2-success-popup .swal2-confirm:hover,
.swal2-popup.swal2-success-popup .swal2-confirm:focus {
    background-color: var(--mm-red-dark) !important;
    border-color: var(--mm-red-dark) !important;
    color: var(--mm-white) !important;
    box-shadow: 0 0 0 0.15rem rgba(227, 6, 19, 0.45) !important;
}

.swal2-popup.swal2-success-popup .swal2-confirm:active {
    background-color: var(--mm-red-dark) !important;
    border-color: var(--mm-red-dark) !important;
}

/* Error SweetAlert */
.swal2-popup.swal2-error-popup {
    border-radius: 0.5rem !important;
    border: 2px solid #E30613 !important;
    box-shadow: 0 0.5rem 1rem rgba(227, 6, 19, 0.25) !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #fff !important;
    max-width: 32em !important;
}

/* Header - Tüm olası selector'lar - Çok agresif */
.swal2-popup.swal2-error-popup .swal2-header,
.swal2-popup.swal2-error-popup > .swal2-header,
.swal2-error-popup .swal2-header,
.swal2-popup.swal2-error-popup div.swal2-header,
body .swal2-popup.swal2-error-popup .swal2-header {
    background: linear-gradient(135deg, #E30613 0%, #C60011 100%) !important;
    background-color: #E30613 !important;
    background-image: linear-gradient(135deg, #E30613 0%, #C60011 100%) !important;
    padding: 1.5rem 2rem !important;
    margin: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    border-bottom: 3px solid #C60011 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
    position: relative !important;
    min-height: auto !important;
}

/* Header içindeki tüm elementler */
.swal2-popup.swal2-error-popup .swal2-header * {
    color: #FFFFFF !important;
}

.swal2-popup.swal2-error-popup .swal2-icon {
    margin: 0 auto 0.75rem auto !important;
    width: 3.5rem !important;
    height: 3.5rem !important;
    border-width: 3px !important;
}

.swal2-popup.swal2-error-popup .swal2-title {
    color: #FFFFFF !important;
    font-weight: 700 !important;
    font-size: 1.25rem !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    display: block !important;
    line-height: 1.5 !important;
}

.swal2-popup.swal2-error-popup .swal2-content {
    padding: 1.5rem 2rem !important;
    margin: 0 !important;
}

.swal2-popup.swal2-error-popup .swal2-icon.swal2-error {
    border-color: #FFFFFF !important;
    background-color: transparent !important;
}

.swal2-popup.swal2-error-popup .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
    background-color: #FFFFFF !important;
}

.swal2-popup.swal2-error-popup .swal2-html-container {
    color: #333 !important;
    font-size: 1rem !important;
    line-height: 1.6 !important;
}

.swal2-popup.swal2-error-popup .swal2-html-container ul {
    text-align: left !important;
    margin: 1rem 0 0 0 !important;
    padding-left: 1.5rem !important;
}

.swal2-popup.swal2-error-popup .swal2-html-container ul li {
    color: var(--mm-red) !important;
    margin-bottom: 0.5rem !important;
    font-weight: 500 !important;
}

.swal2-popup.swal2-error-popup .swal2-actions {
    padding: 0 2rem 1.5rem 2rem !important;
    margin: 0 !important;
    gap: 0.5rem !important;
}

.swal2-popup.swal2-error-popup .swal2-confirm {
    background-color: #E30613 !important;
    border-color: #E30613 !important;
    color: #FFFFFF !important;
    border-radius: 0.375rem !important;
    font-weight: 600 !important;
    padding: 0.75rem 2rem !important;
    font-size: 1rem !important;
    transition: all 0.3s ease !important;
    min-width: 120px !important;
    box-shadow: 0 2px 4px rgba(227, 6, 19, 0.2) !important;
}

.swal2-popup.swal2-error-popup .swal2-confirm:hover,
.swal2-popup.swal2-error-popup .swal2-confirm:focus {
    background-color: var(--mm-red-dark) !important;
    border-color: var(--mm-red-dark) !important;
    color: var(--mm-white) !important;
    box-shadow: 0 0 0 0.15rem rgba(227, 6, 19, 0.45) !important;
}

.swal2-popup.swal2-error-popup .swal2-confirm:active {
    background-color: var(--mm-red-dark) !important;
    border-color: var(--mm-red-dark) !important;
}

/* SweetAlert Backdrop */
.swal2-backdrop-show {
    background-color: rgba(0, 0, 0, 0.5) !important;
}

/* Custom SweetAlert Popup - Tamamen özel tasarım */
.swal2-custom-popup {
    border-radius: 0.5rem !important;
    border: 2px solid #E30613 !important;
    box-shadow: 0 0.5rem 1rem rgba(227, 6, 19, 0.25) !important;
    padding: 0 !important;
    max-width: 32em !important;
    background: #FFFFFF !important;
    overflow: hidden !important;
}

/* SweetAlert2'nin TÜM default elementlerini gizle */
.swal2-custom-popup .swal2-header,
.swal2-custom-popup > .swal2-header,
.swal2-custom-popup .swal2-icon,
.swal2-custom-popup > .swal2-icon,
.swal2-custom-popup .swal2-title,
.swal2-custom-popup > .swal2-title {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.swal2-custom-popup .swal2-html-container,
.swal2-custom-html {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    display: block !important;
}

/* Actions container */
.swal2-custom-popup .swal2-actions {
    margin: 1.5rem 0 0 0 !important;
    padding: 0 !important;
    justify-content: center !important;
}

.swal2-custom-confirm {
    background-color: #E30613 !important;
    border-color: #E30613 !important;
    color: #FFFFFF !important;
    border-radius: 0.375rem !important;
    font-weight: 600 !important;
    padding: 0.75rem 2rem !important;
    font-size: 1rem !important;
    transition: all 0.3s ease !important;
    min-width: 120px !important;
    box-shadow: 0 2px 4px rgba(227, 6, 19, 0.2) !important;
}

.swal2-custom-confirm:hover,
.swal2-custom-confirm:focus {
    background-color: #C60011 !important;
    border-color: #C60011 !important;
    color: #FFFFFF !important;
    box-shadow: 0 0 0 0.15rem rgba(227, 6, 19, 0.45) !important;
}

.swal2-custom-confirm:active {
    background-color: #C60011 !important;
    border-color: #C60011 !important;
}

/* Custom HTML içindeki listeler */
.swal2-custom-popup ul {
    text-align: left !important;
    margin: 1rem 0 0 0 !important;
    padding-left: 1.5rem !important;
}

.swal2-custom-popup ul li {
    color: #E30613 !important;
    margin-bottom: 0.5rem !important;
    font-weight: 500 !important;
    font-size: 0.95rem !important;
}

/* ============================================================
   TABLO STİLLERİ (MEDIAMARKT)
   ============================================================ */

/* Tablo başlıkları - Profesyonel görünüm */
.table thead th {
    border-bottom: 1px solid #E5E7EB !important;
    color: #6B7280 !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    font-size: 0.75rem !important;
    letter-spacing: 0.05em;
    background-color: transparent !important;
    padding: 0.75rem 0.5rem !important;
    border-top: none !important;
}

.table thead th.text-gray-500 {
    color: #6B7280 !important;
}

/* Tablo satırları - Profesyonel görünüm */
.table tbody tr {
    border-bottom: 1px solid #F3F4F6 !important;
    transition: all 0.2s ease;
}

.table tbody tr:hover {
    background-color: var(--mm-red-soft) !important;
}

/* Tablo hücreleri */
.table td {
    padding: 0.75rem 0.5rem !important;
    vertical-align: middle !important;
    border-top: none !important;
}

/* Table row dashed - Daha ince çizgiler */
.table-row-dashed tbody tr {
    border-bottom: 1px dashed #E5E7EB !important;
}

.table-row-dashed tbody tr:last-child {
    border-bottom: none !important;
}

/* ============================================================
   İŞLEM BUTONLARI (MEDIAMARKT)
   ============================================================ */

/* Icon butonları */
.btn-icon {
    width: 2.5rem !important;
    height: 2.5rem !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 0 !important;
    transition: all 0.3s ease !important;
}

.btn-icon i {
    font-size: 1rem !important;
}

/* Primary icon butonu (Düzenle) */
.btn-icon.btn-bg-light.btn-active-color-primary {
    background-color: #F5F5F5 !important;
    border: 1px solid #E8E8E8 !important;
    color: var(--mm-red) !important;
}

.btn-icon.btn-bg-light.btn-active-color-primary:hover,
.btn-icon.btn-bg-light.btn-active-color-primary:focus {
    background-color: var(--mm-red) !important;
    border-color: var(--mm-red) !important;
    color: #FFFFFF !important;
    box-shadow: 0 0 0 0.15rem rgba(227, 6, 19, 0.25) !important;
}

/* Danger icon butonu (Sil) */
.btn-icon.btn-bg-light.btn-active-color-danger {
    background-color: #F5F5F5 !important;
    border: 1px solid #E8E8E8 !important;
    color: #DC3545 !important;
}

.btn-icon.btn-bg-light.btn-active-color-danger:hover,
.btn-icon.btn-bg-light.btn-active-color-danger:focus {
    background-color: #DC3545 !important;
    border-color: #DC3545 !important;
    color: #FFFFFF !important;
    box-shadow: 0 0 0 0.15rem rgba(220, 53, 69, 0.25) !important;
}

/* Status Switch */
.form-check-input {
    border-color: #D1D5DB !important;
}

.form-check-input:checked {
    background-color: var(--mm-red) !important;
    border-color: var(--mm-red) !important;
}

.form-check-input:focus {
    border-color: var(--mm-red) !important;
    box-shadow: 0 0 0 0.15rem rgba(227, 6, 19, 0.25) !important;
}

/* Spinner - Primary renk */
.spinner-border.text-primary {
    color: var(--mm-red) !important;
}

/* Buton grupları için gap */
.d-flex.gap-2 {
    gap: 0.5rem !important;
}

/* Buton boyutları */
.btn-sm {
    padding: 0.5rem 1rem !important;
    font-size: 0.875rem !important;
}

.btn-sm i {
    font-size: 0.875rem !important;
}

/* Breadcrumb stilleri */
.breadcrumb-item a.text-hover-primary:hover {
    color: var(--mm-red) !important;
}

.breadcrumb-item.text-gray-500 a {
    color: #6B7280 !important;
}

.breadcrumb-item.text-gray-500 a:hover {
    color: var(--mm-red) !important;
}

.app-toolbar {
    background-color: #FFFFFF !important;
}

.app-toolbar.border-bottom {
    border-bottom: 1px solid #E5E7EB !important;
}

/* Card header - Profesyonel görünüm */
.card-header {
    border-bottom: 1px solid #E5E7EB !important;
    padding: 1rem 1.5rem !important;
}

.card-header.border-0 {
    border-bottom: 1px solid #E5E7EB !important;
    padding: 1rem 1.5rem !important;
}

.card-header.border-0 .card-title h3 {
    font-size: 1.125rem !important;
    font-weight: 700 !important;
    color: #1F2937 !important;
    margin: 0 !important;
}

.card-header.border-0 .card-title h3 .text-primary {
    color: var(--mm-red) !important;
}

.card.shadow-sm {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 0.5rem !important;
}

.card.shadow-sm.mt-5 {
    margin-top: 1.5rem !important;
}

.card-body {
    padding: 1rem 1.5rem !important;
}

.card-body.pt-3 {
    padding-top: 0.75rem !important;
}

.card-body.pb-5 {
    padding-bottom: 1.5rem !important;
}

/* Search input */
.form-control.form-control-solid {
    background-color: #F9FAFB !important;
    border-color: #E5E7EB !important;
    color: #1F2937 !important;
}

.form-control.form-control-solid:focus {
    background-color: #FFFFFF !important;
    border-color: var(--mm-red) !important;
    box-shadow: 0 0 0 0.15rem rgba(227, 6, 19, 0.1) !important;
}

/* Toolbar border */
.app-toolbar.border-bottom {
    border-bottom: 1px solid #E5E7EB !important;
    background-color: #FFFFFF !important;
}

.page-heading {
    font-size: 1.75rem !important;
    font-weight: 700 !important;
    color: #1F2937 !important;
}

/* Filter Buttons */
.btn-light-secondary {
    background-color: #F3F4F6 !important;
    border: 1px solid #D1D5DB !important;
    color: #374151 !important;
    font-weight: 600 !important;
    border-radius: 0.375rem !important;
}

.btn-light-secondary:hover,
.btn-light-secondary:focus {
    background-color: #E5E7EB !important;
    border-color: #9CA3AF !important;
    color: #1F2937 !important;
}

.btn-light-secondary:active {
    background-color: #D1D5DB !important;
    border-color: #9CA3AF !important;
    color: #111827 !important;
}

/* Filter button container */
.d-flex.gap-2 {
    gap: 0.5rem !important;
}

/* Filter buttons - consistent styling */
.card-header .btn-sm {
    padding: 0.5rem 0.75rem !important;
    font-size: 0.875rem !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
    height: auto !important;
    min-height: 2.25rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    border-radius: 0.375rem !important;
}

.card-header .btn-sm i {
    font-size: 0.75rem !important;
    line-height: 1 !important;
}