/* stylelint-disable -- Migrated parity CSS: keep cascade, selector order, and declarations visually identical. */
@media (max-width: 900px) {
	.sidebar:not(.open) {
		visibility: hidden;
	}
	.sidebar.open {
		visibility: visible;
	}
	.scds-reference .content {
		max-width: 100%;
		overflow-x: hidden;
	}
	.scds-reference .grid.g2,
	.scds-reference .grid.g3,
	.scds-reference .grid.g4 {
		grid-template-columns: 1fr;
	}
	.scds-reference .grid[style] {
		grid-template-columns: repeat(auto-fit, minmax(min(100%, 140px), 1fr)) !important;
	}
	.scds-reference .card,
	.scds-reference .table-card,
	.scds-reference .chart-wrap {
		max-width: 100%;
	}
	.scds-reference .chart-wrap {
		min-width: 0;
	}
	.scds-reference .chart-wrap canvas {
		height: auto !important;
	}
	.scds-reference .cal {
		overflow-x: hidden;
	}
	.scds-reference .cal-grid {
		min-width: 0;
		grid-template-columns: repeat(7, minmax(0, 1fr));
	}
	.scds-reference .cal-top {
		align-items: flex-start;
		flex-wrap: wrap;
		gap: 8px;
	}
	.scds-reference .cal-cell {
		min-width: 0;
		min-height: 56px;
		padding: 4px;
	}
	.scds-reference .cal-event {
		max-width: 100%;
		padding: 3px 4px;
		font-size: 10px;
	}
	.scds-reference .rt td[data-label="Actions"] {
		width: 100%;
	}
	.scds-reference .cal-dow {
		font-size: 9px;
	}
	.scds-reference .badge {
		white-space: normal;
	}
	.scds-reference .btn,
	.scds-reference-toggle button {
		min-height: 40px;
	}
	.scds-reference .btn.tiny,
	.scds-selectionbar .btn.tiny {
		min-height: 40px;
		padding: 8px 12px;
	}
	.scds-reference section.view > label input[type="checkbox"] {
		width: 36px;
		height: 36px;
	}
	.scds-reference .row-actions,
	.scds-reference .rt .row-actions {
		justify-content: flex-start;
	}
	.scds-reference .day-agenda-row,
	.scds-reference .validation-row {
		grid-template-columns: 1fr;
		align-items: flex-start;
	}
	.scds-reference .run-step-top,
	.scds-reference .day-agenda-head,
	.scds-reference .approval-gate-top {
		flex-direction: column;
		align-items: flex-start;
	}
	.scds-reference .friendly-welcome {
		grid-template-columns: 1fr;
		padding: var(--s-5, 24px);
	}
	.scds-reference .friendly-signal,
	.scds-reference .confidence-row-top {
		align-items: flex-start;
		flex-direction: column;
	}
	.scds-reference .notif-row,
	.scds-reference .health-hero,
	.scds-reference .health-mini,
	.scds-reference .restore-card,
	.scds-reference .safety-head,
	.scds-reference .perm-block,
	.scds-reference .compat-row {
		align-items: flex-start;
	}
	.scds-reference .notif-row {
		flex-wrap: wrap;
	}
	.scds-reference .notif-row .meta {
		flex: 1 1 100%;
		margin-left: 44px;
		text-align: left;
	}
	.scds-reference .diff-row,
	.scds-reference .diff-head {
		grid-template-columns: 1fr;
	}
	.scds-reference .diff-head {
		display: none;
	}
	.scds-reference .rank-row,
	.scds-reference .meter-row {
		grid-template-columns: 1fr;
	}
	.scds-reference .rank-row .cnt,
	.scds-reference .meter-row .cnt {
		text-align: left;
	}
	.scds-reference .health-hero,
	.scds-reference .health-mini {
		flex-wrap: wrap;
	}
	.scds-reference .stepper {
		align-items: flex-start;
	}
	.scds-reference .wline {
		display: none;
	}
	.scds-reference .wstep {
		flex: 1 1 140px;
	}
	.scds-reference .scds-skeleton-grid {
		grid-template-columns: 1fr;
	}
	.scds-skeleton-frame--page {
		grid-template-columns: 1fr;
	}
	.scds-skeleton-flow,
	.scds-skeleton-shell {
		grid-template-columns: 1fr;
	}
}
@media (max-width: 700px) {
	.scds-reference .sec-head {
		flex-direction: column;
		align-items: stretch;
	}
	.scds-reference .sec-head-action {
		justify-content: flex-start;
	}
	.scds-reference-toggle {
		position: static;
		justify-content: stretch;
		padding: 10px;
	}
	.scds-reference-toggle button {
		flex: 1 1 0;
	}
	.scds-selectionbar {
		width: calc(100% - 20px);
		margin-top: 10px;
		flex-wrap: wrap;
	}
	.scds-selectionbar-count {
		flex: 1 0 100%;
	}
}
@media (max-width: 480px) {
	.scds-reference .grid.g2,
	.scds-reference .grid.g3,
	.scds-reference .grid.g4,
	.scds-reference .grid[style] {
		grid-template-columns: 1fr !important;
	}
	.scds-reference .list-row {
		align-items: flex-start;
		flex-wrap: wrap;
	}
	.scds-reference .lr-main {
		flex: 1 1 0;
	}
	.scds-reference .lr-trail {
		flex: 1 1 100%;
		justify-content: flex-start;
		margin-left: 52px;
	}
	.scds-reference .modal-foot {
		flex-wrap: wrap;
	}
	.scds-reference .modal-foot form,
	.scds-reference .modal-foot .btn {
		width: 100%;
	}
}
