@media (max-width: 960px) {
	.sch-layout,
	.sch-admin .sch-layout {
		grid-template-columns: 1fr;
	}

	.sch-sidebar {
		position: static;
	}
}

@media (max-width: 782px) {
	.sch-portal,
	.sch-admin {
		font-size: 15px;
	}

	.sch-portal {
		border-radius: 0;
		padding: 14px;
	}

	.sch-title,
	.sch-portal h2,
	.sch-admin h1 {
		font-size: 23px;
	}

	.sch-sidebar {
		display: flex;
		flex-direction: row;
		gap: 8px;
		overflow-x: auto;
		padding: 8px;
		scroll-snap-type: x proximity;
	}

	.sch-nav-link {
		flex: 0 0 auto;
		min-height: 38px;
		scroll-snap-align: start;
		white-space: nowrap;
	}

	.sch-nav-logout {
		border-left: 1px solid var(--sch-border);
		border-top: 0;
		margin-left: 2px;
		margin-top: 0;
	}

	.sch-cards {
		grid-template-columns: 1fr;
	}

	.sch-card,
	.sch-panel,
	.sch-portal .sch-form {
		padding: 16px;
	}

	.sch-grid-2 {
		grid-template-columns: 1fr;
	}

	.sch-table-wrap {
		border: 0;
		overflow: visible;
	}

	.sch-table,
	.sch-table thead,
	.sch-table tbody,
	.sch-table th,
	.sch-table td,
	.sch-table tr {
		display: block;
		width: 100%;
	}

	.sch-table thead {
		height: 1px;
		overflow: hidden;
		position: absolute;
		white-space: nowrap;
		width: 1px;
	}

	.sch-table tr {
		background: var(--sch-surface);
		border: 1px solid var(--sch-border);
		border-radius: var(--sch-radius);
		box-shadow: var(--sch-shadow);
		margin: 0 0 12px;
		overflow: hidden;
	}

	.sch-table td {
		align-items: flex-start;
		border-bottom: 1px solid var(--sch-border);
		display: flex;
		gap: 12px;
		justify-content: space-between;
		padding: 11px 12px;
		text-align: right;
	}

	.sch-table td::before {
		color: var(--sch-muted);
		content: attr(data-label);
		flex: 0 0 42%;
		font-size: 12px;
		font-weight: 800;
		letter-spacing: 0.02em;
		text-align: left;
		text-transform: uppercase;
	}

	.sch-table td:last-child {
		border-bottom: 0;
	}

	.sch-inline-actions {
		justify-content: flex-end;
	}
}

@media (max-width: 480px) {
	.sch-button,
	.sch-inline-actions .sch-button {
		width: 100%;
	}

	.sch-table td {
		display: block;
		text-align: left;
	}

	.sch-table td::before {
		display: block;
		margin-bottom: 5px;
	}
}