/* Wutt dashboard responsive hardening */
.dashboard,
.dashboard__wrap,
.dashboard__wrapper {
	min-width: 0;
	max-width: 100%;
}

.dashboard__wrapper {
	overflow-x: hidden;
}

.dashboard__table,
.table-responsive {
	max-width: 100%;
	overflow-x: auto;
}

.dashboard__table table,
.table-responsive table {
	margin-bottom: 0;
}

.card,
.custom--card,
.dashboard-card,
.form--control,
.input-group,
.select2-container,
.select2-container--default,
.modal-dialog {
	max-width: 100%;
}

.dropdown-menu {
	max-width: calc(100vw - 24px);
	overflow-x: hidden;
	overflow-wrap: anywhere;
}

.dashboard__menu ul,
.dashboard__menu ul li a {
	min-width: 0;
}

.dashboard__menu ul li a {
	overflow-wrap: anywhere;
}

@media screen and (max-width: 991px) {
	.dashboard__sidebar {
		width: min(275px, 86vw);
		max-width: 86vw;
	}

	.dashboard__wrap {
		width: 100%;
	}
}

@media screen and (max-width: 767px) {
	.dashboard__header {
		align-items: stretch;
	}

	.dashboard__header__widgets {
		justify-content: space-between;
	}

	.dashboard__header__widgets > * {
		min-width: 0;
	}

	.dashboard__table .table--responsive--md tbody tr td,
	.table--responsive--md tbody tr td {
		gap: 12px;
		align-items: flex-start;
		text-align: right;
		overflow-wrap: anywhere;
	}

	.dashboard__table .table--responsive--md tbody tr td::before,
	.table--responsive--md tbody tr td::before {
		flex: 0 0 42%;
		max-width: 42%;
		text-align: left;
	}
}

@media screen and (max-width: 575px) {
	.dashboard__wrapper {
		padding-inline: 12px;
	}

	.dashboard__header {
		padding: 14px;
		gap: 14px;
	}

	.dashboard__header .search__box,
	.dashboard__header .search__box input {
		min-width: 0;
		max-width: 100%;
	}

	.dashboard__header__widgets {
		gap: 10px;
	}

	.modal-dialog {
		margin-inline: 10px;
	}
}