/**
 * Responsive layouts
 */
@media (max-width: 1024px) {
	:root { --omraa-sidebar-width: 240px; }
	.omraa-dashboard__content { padding: var(--omraa-space-md); }
}

@media (max-width: 768px) {
	.omraa-header__menu-btn { display: inline-flex; }
	.omraa-header__user-name { display: none; }

	.omraa-dashboard__main { margin-right: 0 !important; }

	.omraa-sidebar {
		position: fixed;
		top: 0; right: 0;
		transform: translateX(100%);
		height: 100vh;
		box-shadow: -8px 0 30px rgba(0,0,0,.2);
	}
	.omraa-sidebar--open { transform: translateX(0); }
	.omraa-sidebar--open ~ .omraa-sidebar__overlay,
	.omraa-sidebar__overlay--show { display: block; }

	.omraa-dashboard__content { padding: var(--omraa-space-sm); }
	.omraa-page-header { flex-direction: column; align-items: flex-start; }

	.omraa-stats-grid { grid-template-columns: 1fr; }
	.omraa-offer-grid { grid-template-columns: 1fr; }
	.omraa-form__row { grid-template-columns: 1fr; }

	.omraa-auth__card { padding: var(--omraa-space-lg); }

	.omraa-card { padding: var(--omraa-space-md); }
}

@media (max-width: 480px) {
	.omraa-header { padding: 0 var(--omraa-space-sm); }
	.omraa-header__title { font-size: 15px; }
	.omraa-btn { padding: 10px 16px; font-size: 13px; }
}