body {
    transition: background-color 0.3s, color 0.3s;
}

[data-bs-theme="dark"] {
    background-color: #121212;
    color: #ffffff;
}

[data-bs-theme="dark"] .table {
    background-color: #1e1e1e;
    color: #ffffff;
}

[data-bs-theme="dark"] .table th,
[data-bs-theme="dark"] .table td {
    border-color: #333;
}

[data-bs-theme="dark"] .card,
[data-bs-theme="dark"] .form-control,
[data-bs-theme="dark"] .form-select {
    background-color: #1b1b1b;
    color: #ffffff;
    border-color: #333;
}

[data-bs-theme="dark"] .navbar {
    background-color: #8b0000 !important;
}

[data-bs-theme="dark"] .btn-outline-light {
    border-color: #fff;
    color: #fff;
}

[data-bs-theme="dark"] .btn-outline-light:hover {
    background-color: #fff;
    color: #000;
}

.navbar {
    background-color: #75031a !important;
}

.brand-with-logo {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
}

.brand-with-logo img {
    display: block;
}

.brand-with-logo span {
    line-height: 1.1;
}

.theme-icon-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    border-radius: 999px;
}

.theme-icon-button svg {
    display: block;
}

.btn-primary {
    background-color: #75031a !important;
    border-color: #75031a !important;
}

.btn-primary:hover {
    background-color: #b22222 !important;
    border-color: #b22222 !important;
}

.btn-danger {
    background-color: #8b0000 !important;
    border-color: #8b0000 !important;
}

.btn-danger:hover {
    background-color: #a52a2a !important;
    border-color: #a52a2a !important;
}

.inline-form {
    display: inline-block;
    margin: 0;
}

.actions-cell {
    white-space: nowrap;
}

.current-logo-preview {
    max-height: 160px;
    width: auto;
}

@media (max-width: 767.98px) {
    .brand-with-logo span {
        font-size: 0.95rem;
    }

    .theme-icon-button {
        margin-top: 0.5rem;
    }

    .actions-cell {
        white-space: normal;
    }

    .actions-cell .btn,
    .actions-cell .inline-form {
        margin-top: 0.25rem;
    }
}