/**
 * Card — .bm-card (+ section card surfaces).
 * Edit this file only to change card branding.
 */

.joc-blockora-morph-app .bm-card,
.joc-blockora-morph-app .bm-panel-card,
.joc-blockora-morph-app .bm-dash-section__card {
	overflow: hidden;
	border-radius: var(--bm-radius-xl);
	border: 1px solid color-mix(in srgb, var(--bm-color-outline-variant) 30%, transparent);
	background: var(--bm-color-surface-lowest);
	box-shadow: var(--bm-shadow-section);
}

.joc-blockora-morph-app .bm-panel-card {
	border-radius: var(--bm-radius-lg);
	padding: 1.25rem;
	box-shadow: var(--bm-shadow-sm);
	transition: box-shadow var(--bm-duration) ease, transform var(--bm-duration) var(--bm-ease);
}

.joc-blockora-morph-app .bm-card--padded {
	padding: 1.25rem;
}

.joc-blockora-morph-app .bm-dash-section__head {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 1rem;
	margin-bottom: 0.85rem;
}

.joc-blockora-morph-app .bm-dash-section__title {
	display: flex;
	align-items: center;
	gap: 0.45rem;
	margin: 0;
	font-size: 1.05rem;
	font-weight: 700;
	color: var(--bm-color-on-surface);
}

.joc-blockora-morph-app .bm-dash-section__title .dashicons {
	font-size: 18px;
	width: 18px;
	height: 18px;
	color: var(--bm-color-primary);
}

.joc-blockora-morph-app .bm-dash-section__sub {
	margin: 0.3rem 0 0;
	font-size: 13px;
	color: var(--bm-color-outline);
}
