.card {
    border-radius: 1rem;
}

.card-header {
    position: relative;
    border-bottom: 0;
    font-size: 1.25rem;
}

.card-header::after,
.widget-header::after,
.dashboard-widget__header::after,
.tab-tabs-header::after,
.import-page-header::after,
.opening-days-header::after,
.provider-card-header::after,
.rofo-panel-header::after {
    content: "";
    position: absolute;
    right: var(--header-divider-inset, 1rem);
    bottom: 0;
    left: var(--header-divider-inset, 1rem);
    height: 1px;
    background: var(--form-border);
}

.card-header > :is(h1, h2, h3, h4, h5, h6),
.card-title {
    font-size: 1.25rem;
}

.app-gradient-card-header {
    position: relative;
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
    color: #fff;
}

.app-gradient-card-header::after {
    display: none;
}

.app-gradient-card-header h1,
.app-gradient-card-header h2,
.app-gradient-card-header h3,
.app-gradient-card-header h4,
.app-gradient-card-header h5,
.app-gradient-card-header h6 {
    color: #fff !important;
}

.app-gradient-card-header .text-muted {
    color: rgba(255, 255, 255, 0.78) !important;
}

.app-card-top-accent {
    border-top: 4px solid var(--primary-color);
}

.app-card-collapse-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 2rem;
    height: 2rem;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.45);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
}

.app-card-collapse-toggle:hover,
.app-card-collapse-toggle:focus {
    border-color: rgba(255, 255, 255, 0.72);
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
}

.app-card-collapse-toggle i {
    transition: transform 0.18s ease;
}

.app-card-collapse-toggle.collapsed i {
    transform: rotate(180deg);
}