/** Last-mile menus, tabs, pagination and async state surfaces on inner routes. */
body.vice-inner-shell #main_content_section :is(
	.dropdown-menu, .popup_menu, .generic_menu, .context_menu,
	.auto_suggest_div, .ui-autocomplete, .select2-dropdown, .chosen-drop
),
body.vice-inner-shell .modal :is(.dropdown-menu, .popup_menu, .generic_menu) {
	color: var(--vls-text, #e6edf5) !important;
	background: #121a24 !important;
	border: 1px solid var(--vls-border, rgba(255, 255, 255, 0.11)) !important;
	box-shadow: 0 16px 42px rgba(0, 0, 0, 0.48) !important;
}

body.vice-inner-shell #main_content_section :is(
	.dropdown-menu, .popup_menu, .generic_menu, .context_menu,
	.auto_suggest_div, .ui-autocomplete, .select2-dropdown, .chosen-drop
) :is(li, a, .ui-menu-item, .select2-results__option, .chosen-results li) {
	color: #cbd7e3 !important;
	background: transparent !important;
	border-color: var(--vls-border, rgba(255, 255, 255, 0.11)) !important;
}

body.vice-inner-shell #main_content_section :is(
	.dropdown-menu, .popup_menu, .generic_menu, .context_menu,
	.auto_suggest_div, .ui-autocomplete, .select2-dropdown, .chosen-drop
) :is(a, .ui-menu-item, .select2-results__option, .chosen-results li):hover,
body.vice-inner-shell #main_content_section :is(
	.dropdown-menu, .popup_menu, .generic_menu, .context_menu,
	.auto_suggest_div, .ui-autocomplete, .select2-dropdown, .chosen-drop
) :is(.active, .selected, .highlighted, [aria-selected='true']) {
	color: #fff !important;
	background: rgba(45, 129, 213, 0.26) !important;
}

body.vice-inner-shell #main_content_section :is(
	.tabs, .tab_bar, .buttonlist, .pagination, .pagelinks, .nav-tabs, .nav-pills
) :is(ul, li) {
	background: transparent !important;
	border-color: var(--vls-border, rgba(255, 255, 255, 0.11)) !important;
}

body.vice-inner-shell #main_content_section :is(
	.tabs, .tab_bar, .buttonlist, .pagination, .pagelinks, .nav-tabs, .nav-pills
) a {
	color: #cbd7e3 !important;
	background: #17212c !important;
	border-color: var(--vls-border, rgba(255, 255, 255, 0.11)) !important;
}

body.vice-inner-shell #main_content_section :is(
	.tabs, .tab_bar, .buttonlist, .pagination, .pagelinks, .nav-tabs, .nav-pills
) :is(a:hover, a.active, li.active > a),
body.vice-inner-shell #main_content_section :is(.pagination, .pagelinks) strong {
	color: #fff !important;
	background: #195da1 !important;
	border-color: rgba(86, 160, 229, 0.52) !important;
}

body.vice-inner-shell #main_content_section :is(
	.alert, .alert-info, .alert-warning, .alert-danger, .alert-success,
	.notice, .noticebox, .warningbox, .errorbox, .information,
	.no-results, .no_results, .empty-state, .empty_state, .loading
) {
	color: var(--vls-text, #e6edf5) !important;
	background: rgba(17, 24, 33, 0.94) !important;
	border-color: var(--vls-border, rgba(255, 255, 255, 0.11)) !important;
}

body.vice-inner-shell #main_content_section :is(.alert-danger, .errorbox) {
	background: rgba(128, 35, 48, 0.2) !important;
	border-color: rgba(224, 80, 98, 0.34) !important;
}

body.vice-inner-shell #main_content_section :is(.alert-warning, .noticebox, .warningbox) {
	background: rgba(148, 95, 23, 0.16) !important;
	border-color: rgba(224, 165, 72, 0.34) !important;
}

body.vice-inner-shell #main_content_section :is(.alert-success) {
	background: rgba(34, 120, 83, 0.18) !important;
	border-color: rgba(74, 190, 135, 0.3) !important;
}

body.vice-inner-shell #main_content_section :is(.progress, .progress_bar, .progressbar) {
	overflow: hidden;
	background: #0d141d !important;
	border: 1px solid var(--vls-border, rgba(255, 255, 255, 0.11)) !important;
	border-radius: 999px;
}

body.vice-inner-shell #main_content_section :is(.progress-bar, .progress_bar span, .progressbar span) {
	background: linear-gradient(90deg, #195da1, #2d81d5) !important;
}

@media (max-width: 768px) {
	body.vice-inner-shell #main_content_section :is(.dropdown-menu, .popup_menu, .generic_menu) {
		max-width: calc(100vw - 24px);
	}

	body.vice-inner-shell #main_content_section :is(.tabs, .tab_bar, .buttonlist, .pagination, .pagelinks) ul {
		display: flex;
		flex-wrap: wrap;
		gap: 6px;
	}
}