.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  {
    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;
    }
}