@media (max-width: 1120px) {
	.cards-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.panel-grid,
	.auth-wrapper {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 860px) {
	.app-layout {
		grid-template-columns: 1fr;
	}

	.sidebar {
		display: none;
	}

	.main-content,
	.public-content {
		padding: 14px;
		padding-bottom: 86px;
	}

	.hero-panel {
		flex-direction: column;
		align-items: flex-start;
	}

	.hero-actions {
		width: 100%;
		display: grid;
		grid-template-columns: 1fr 1fr;
	}

	.cards-grid,
	.filters-grid,
	.form-grid {
		grid-template-columns: 1fr;
	}

	.form-actions,
	.recebimento-summary,
	.compra-summary {
		grid-template-columns: 1fr;
	}

	.inline-actions {
		align-items: stretch;
	}

	.panel header {
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
	}

	.panel-head-actions {
		width: 100%;
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 8px;
	}

	.panel-head-actions .btn {
		width: 100%;
	}

	.modal-head {
		flex-direction: column;
		align-items: flex-start;
	}

	.modal-head-actions {
		width: 100%;
		display: grid;
		grid-template-columns: 1fr 1fr;
	}

	.modal-head-actions .btn {
		width: 100%;
	}

	.auth-wrapper {
		min-height: auto;
	}

	.auth-services-grid {
		grid-template-columns: 1fr;
	}

	.auth-action-btn {
		width: 100%;
	}

	.auth-link-inline {
		justify-self: start;
	}

	.recover-line {
		grid-template-columns: 1fr;
	}

	.flash-stack {
		top: 10px;
		left: 10px;
		right: 10px;
		width: auto;
	}

	.bottom-nav {
		position: fixed;
		left: 10px;
		right: 10px;
		bottom: 10px;
		border-radius: 16px;
		background: rgba(255, 255, 255, 0.96);
		box-shadow: 0 10px 30px rgba(15, 23, 42, 0.2);
		padding: 10px;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 8px;
		z-index: 30;
	}

	.bottom-nav.bottom-nav--with-action {
		grid-template-columns: repeat(4, 1fr);
	}

	.bottom-nav a,
	.bottom-nav button {
		text-align: center;
		padding: 8px;
		border-radius: 12px;
		color: #4b5563;
		font-size: 0.9rem;
		font-weight: 600;
		border: 0;
		background: transparent;
		font-family: inherit;
	}

	.bottom-nav a.active {
		background: #d8f3ee;
		color: #0b5f58;
	}

	.bottom-nav button:hover,
	.bottom-nav button:focus-visible {
		background: #d8f3ee;
		color: #0b5f58;
	}
}