.top-navigation {
    background-color: var(--app-side-navigation-bg-color) !important;
    --app-default-text-color: var(--app-side-navigation-text-color);
    --app-primary-hover-color: var(--app-side-navigation-text-color);
}

.top-navigation i,
.top-navigation dropdown a,
.breadcrumb-item > a, .breadcrumb-item  {
    color: var(--app-side-navigation-text-color) !important;
}

.top-navigation-height {
    min-height: 70px;
}

@media (min-width: 768px) {
    .fs-md-3 { font-size: 1.75rem !important; }
    .fs-md-4 { font-size: 1.5rem !important; }
}

@media (max-width: 767.98px) {
    .workflow-card { min-height: 200px !important; }
    .workflow-card-sm { min-height: 140px !important; }
    .workflow-card-id { font-size: 3.5rem !important; }
    .workflow-weight-input { font-size: 3.5rem !important; }
    .workflow-weight-display { font-size: 3.5rem !important; }
    .workflow-circle { width: 80px !important; height: 80px !important; }
    .workflow-circle i { font-size: 2rem !important; }
    .workflow-method-icon { font-size: 1.5rem !important; }
    .workflow-method-label { font-size: 1.25rem !important; }

    .storage-sidebar {
        width: 100% !important;
        min-width: 100% !important;
        border-left: none !important;
        border-top: 1px solid var(--app-border-color, rgba(0,0,0,0.1));
        max-height: none !important;
        padding-left: 0 !important;
        padding-top: 1rem;
    }

    .storage-main {
        padding-right: 0 !important;
    }
}

@media (max-width: 991.98px) {
    .workflow-progress-bar .workflow-step-item:not(.step-active) .workflow-circle {
        width: 1.25rem !important;
        height: 1.25rem !important;
        min-width: 1.25rem !important;
        font-size: 0.6rem !important;
    }
    .workflow-progress-bar .workflow-step-item.step-active .workflow-circle {
        width: 1.75rem !important;
        height: 1.75rem !important;
        min-width: 1.75rem !important;
    }
    .workflow-progress-bar .workflow-step-item:not(.step-active) .workflow-step-label {
        font-size: 0.7rem !important;
    }
}

.form-control::placeholder,
.form-select::placeholder,
textarea::placeholder {
    color: var(--app-default-attribute-title-color, #9aa0a6) !important;
    opacity: 0.7 !important;
}

.btn-link:has(> .bi-question-circle-fill),
.btn-link:has(> .bi-question-circle-fill):hover,
.btn-link:has(> .bi-question-circle-fill):focus,
.btn-link:has(> .bi-question-circle-fill):active {
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.btn-link:has(> .bi-question-circle-fill):hover,
.btn-link:has(> .bi-question-circle-fill):focus {
    color: var(--app-primary, #F06529) !important;
}

.btn-app-accent-outlined:focus-visible,
.btn-app-danger-outlined:focus-visible,
.btn-app-primary-outlined:focus-visible,
.btn-app-primary-dark-outlined:focus-visible,
.btn-app-secondary-outlined:focus-visible,
.btn-app-success-outlined:focus-visible,
.btn-app-warning-outlined:focus-visible {
    background-color: transparent;
}

:not(.table-container) > .table-striped > tbody > tr:nth-of-type(odd) {
    --bs-table-bg-type: var(--app-table-row-alt-color);
    background-color: var(--app-table-row-alt-color);
    color: var(--app-default-text-color);
}

:not(.table-container) > .table-striped > tbody > tr:nth-of-type(even) {
    --bs-table-bg-type: initial;
    background-color: transparent;
    color: var(--app-default-text-color);
}