/*
 * AMIK 94 — responsive and reduced-motion overrides.
 */

/* -------------------------------------------------- responsive */
@media (max-width: 1100px) {
	.amik-grid-2 {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (max-width: 960px) {
	.amik-portal {
		grid-template-columns: 72px minmax(0, 1fr);
	}

	.amik-portal__sidebar {
		gap: 16px;
		padding: 16px 8px;
	}

	.amik-portal__brand {
		justify-content: center;
		padding: 0 0 12px;
	}

	.amik-portal__brandtext,
	.amik-nav__label,
	.amik-portal__username,
	.amik-portal__logout span {
		display: none;
	}

	.amik-nav__link {
		justify-content: center;
		padding: 12px 8px;
	}

	.amik-nav__badge {
		position: absolute;
		top: 2px;
		right: 2px;
		min-width: 16px;
		height: 16px;
		padding: 0 4px;
		font-size: .5625rem;
	}

	.amik-portal__user {
		align-items: center;
		padding: 12px 0 0;
	}

	.amik-portal__topbar {
		padding: 14px 16px;
	}

	.amik-portal__content {
		padding: 20px 16px;
	}
}

@media (max-width: 720px) {
	.amik-form__form {
		grid-template-columns: minmax(0, 1fr);
	}

	.amik-msg {
		max-width: 92%;
	}

	.amik-thread {
		max-height: none;
	}

	.amik-qr {
		align-items: flex-start;
		padding: 16px;
	}
}

@media (max-width: 540px) {
	.amik-kpis {
		grid-template-columns: minmax(0, 1fr);
	}

	.amik-portal__actions {
		width: 100%;
	}

	.amik-tenant-switch {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
		width: 100%;
	}

	.amik-tenant-switch select {
		flex: 1 1 140px;
		min-width: 0;
		min-height: 38px;
	}

	.amik-card {
		padding: 16px;
	}

	.amik-card__head {
		align-items: flex-start;
	}
}

@media (prefers-reduced-motion: reduce) {
	.amik-portal *,
	.amik-form *,
	.amik-qr *,
	.amik-board * {
		transition: none !important;
		animation: none !important;
		scroll-behavior: auto !important;
	}
}

/* Телефон: порталът става top tabs вместо странична лента */
@media (max-width: 640px) {
	.amik-portal {
		display: block;
		border-inline: 0;
	}

	.amik-portal__sidebar {
		position: static;
		flex-direction: row;
		align-items: center;
		max-height: none;
		padding: 10px 12px;
		overflow: visible;
	}

	.amik-portal__brand {
		display: none;
	}

	.amik-nav {
		flex-direction: row;
		gap: 6px;
		overflow-x: auto;
		padding-bottom: 2px;
	}

	.amik-nav__link {
		padding: 8px 10px;
		white-space: nowrap;
	}

	.amik-portal__content {
		padding: 16px;
	}
}