/* stylelint-disable -- Migrated parity CSS: keep cascade, selector order, and declarations visually identical. */
.scds-skeleton-summary {
	margin-bottom: var(--s-5, 24px);
	color: var(--text-muted, #505a68);
	font: 600 13px/1.4 var(--font, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
}
.scds-skeleton-grid {
	align-items: stretch;
}
.scds-skeleton-card {
	min-height: 250px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.scds-skeleton-frame {
	display: grid;
	gap: 8px;
	align-items: start;
	min-height: 132px;
	padding: 12px;
	border: 1px solid var(--hairline, #e2e4e7);
	border-radius: var(--r-md, 16px);
	background: rgba(255,255,255,.48);
	overflow: hidden;
}
.scds-skeleton-pattern {
	color: var(--text-muted, #505a68);
	font: 600 12px/1.35 var(--font, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
	overflow-wrap: anywhere;
}
.scds-skeleton-stack,
.scds-skeleton-table,
.scds-skeleton-feed,
.scds-skeleton-chart,
.scds-skeleton-modal,
.scds-skeleton-shell,
.scds-skeleton-main,
.scds-skeleton-field,
.scds-skeleton-empty,
.scds-skeleton-loading-demo,
.scds-skeleton-toast-stack,
.scds-skeleton-flow {
	display: grid;
	gap: 8px;
	min-width: 0;
}
.scds-skeleton-frame--calendar {
	grid-template-columns: repeat(7, minmax(0, 1fr));
}
.scds-skeleton-frame--page {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}
.scds-skeleton-metrics,
.scds-skeleton-gallery,
.scds-skeleton-two,
.scds-skeleton-toolbar,
.scds-skeleton-header,
.scds-skeleton-palette,
.scds-skeleton-badge-cloud,
.scds-skeleton-tabs,
.scds-skeleton-pager,
.scds-skeleton-segments,
.scds-skeleton-bars,
.scds-skeleton-stepper {
	display: flex;
	gap: 8px;
	min-width: 0;
}
.scds-skeleton-metrics,
.scds-skeleton-gallery,
.scds-skeleton-palette,
.scds-skeleton-badge-cloud,
.scds-skeleton-tabs,
.scds-skeleton-pager,
.scds-skeleton-segments {
	flex-wrap: wrap;
}
.scds-skeleton-toolbar,
.scds-skeleton-header {
	align-items: center;
	justify-content: space-between;
}
.scds-skeleton-panel,
.scds-skeleton-swatch {
	display: grid;
	gap: 8px;
	flex: 1 1 92px;
	min-width: 0;
}
.scds-skeleton-swatch {
	flex-basis: 68px;
}
.scds-skeleton-row {
	display: flex;
	align-items: center;
	gap: 8px;
	width: 100%;
	min-width: 0;
}
.scds-skeleton-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	width: 100%;
	min-width: 0;
}
.scds-skeleton-calendar {
	display: grid;
	grid-template-columns: repeat(7, minmax(0, 1fr));
	gap: 5px;
	min-width: 0;
}
.scds-skeleton-calendar .scds-skeleton-toolbar {
	grid-column: 1 / -1;
}
.scds-skeleton-day,
.scds-skeleton-banner,
.scds-skeleton-toast,
.scds-skeleton-step,
.scds-skeleton-menu,
.scds-skeleton-diff {
	display: grid;
	gap: 7px;
	min-width: 0;
}
.scds-skeleton-day,
.scds-skeleton-banner,
.scds-skeleton-toast,
.scds-skeleton-step {
	border: 1px solid var(--hairline, #e2e4e7);
	border-radius: var(--r-sm, 10px);
	padding: 7px;
}
.scds-skeleton-banner,
.scds-skeleton-toast {
	grid-template-columns: auto 1fr;
	align-items: center;
}
.scds-skeleton-banner--warn {
	border-color: #f3dca0;
}
.scds-skeleton-shell {
	grid-template-columns: 82px 1fr;
}
.scds-skeleton-rail {
	display: grid;
	gap: 8px;
	border-right: 1px solid var(--hairline, #e2e4e7);
	padding-right: 8px;
}
.scds-skeleton-flow {
	grid-template-columns: repeat(5, minmax(0, 1fr));
}
.scds-skeleton-stepper {
	align-items: center;
}
.scds-skeleton-meter {
	padding: 6px 0;
}
.scds-skeleton-card .token-note {
	overflow-wrap: anywhere;
}
.scds-skeleton-lines,
.scds-loading-state {
	display: grid;
	gap: 8px;
	width: 100%;
}
