/* SMRC Responsive - mobile breakpoints */
/* =====================================================
   Mobile: horizontal scroll nav, stacked layout
   ===================================================== */
@media (max-width: 782px) {
	.smrc-portal-wrap { padding: 12px 8px 100px; }
	.smrc-portal-topbar { border-radius: 18px 18px 0 0; padding:14px 16px; }
	.smrc-portal-body { flex-direction:column; border-radius: 0 0 18px 18px; }

	/* The sidebar becomes an off-canvas drawer on mobile (see
	   smrc-rwanda-theme.css). The old horizontal scroll strip is gone so it
	   can no longer fight the drawer layout. */
	.smrc-portal-nav button { white-space:nowrap; padding:11px 14px; }

	.smrc-portal-main { padding:18px 14px; }
	.smrc-grid { grid-template-columns: 1fr; }
	.smrc-stats-grid { grid-template-columns: repeat(2, 1fr); }
	.smrc-inline-form { flex-direction:column; align-items:stretch; }
	.smrc-inline-form select, .smrc-inline-form input { width:100%; }
	.smrc-auth-wrap { margin:16px auto; padding:24px; border-radius:20px; }
}

@media (max-width: 480px) {
	.smrc-stats-grid { grid-template-columns: 1fr 1fr; }
	.smrc-portal-user strong { font-size:13.5px; }
	.smrc-h1 { font-size:18px; }
}

@media (max-width: 640px) {
	.smrc-modal { padding:12px; align-items:flex-start; }
	.smrc-modal-box, .smrc-modal-box-wide { width:100%; padding:20px 18px; max-height:92vh; overflow-y:auto; }
	.smrc-modal-actions .smrc-btn { flex:1 1 auto; }
	.smrc-modal-box-wide .smrc-table { font-size:12px; }
	.smrc-modal-box-wide textarea { font-size:16px; }
}