.hosting-dashboard-item-view {
	display: flex;
	flex-direction: column;

	.hosting-dashboard-item-view__navigation {
		clip-path: inset(0 -1px -1px -1px);
		box-shadow: 0 0 0 1px var(--color-accent-0), 0 1px 2px var(--color-neutral-0);
		margin: 0;
		position: relative;
		z-index: 1;

		&.is-hidden .section-nav__panel {
			display: none;
		}

		.section-nav-tab__link {
			color: #000;
		}

		.section-nav-tab__link:hover {
			color: #000;
			background-color: inherit;
		}

		.section-nav-tabs__list {
			padding: 0 8px;
		}

		.section-nav-tab__text {
			font-weight: 500;
		}

		.section-nav-tab {
			&.is-selected {
				border-bottom-color: var(--color-neutral-70);
			}
		}

		.section-nav-tabs__dropdown .select-dropdown__container {
			max-width: revert;
		}

		.section-nav__panel:has(.is-dropdown) {
			padding: 16px;
		}

		.select-dropdown.is-open {
			height: revert;
		}

		@media (max-width: 850px) {
			.section-nav__panel {
				overflow-x: auto;
			}
		}

		@media (min-width: 481px) {
			.section-nav-group {

				.is-dropdown {
					width: 100%;
				}
			}

		}

		@media (max-width: 480px) {
			&:not(.enforce-tabs-view) {
				.section-nav-group {
					margin-top: 0;
				}
				.section-nav-tabs__list {
					margin: 0 24px;
					padding: 0 !important;
					border: 1px solid var(--color-neutral-10) !important;
				}

				.section-nav__mobile-header {
					margin: 16px auto 0 auto;
					width: 90%;
					border: 1px solid var(--color-neutral-10) !important;
					border-radius: 2px;
					justify-content: space-between;
				}

				.section-nav-tab__link {
					color: var(--color-neutral-70);
					font-weight: 400;
				}

				.section-nav-tab {
					.section-nav-tab__link {
						&:hover {
							color: var(--color-accent);
							background-color: var(--color-neutral-5);
						}
					}

					&.is-selected {
						.section-nav-tab__link {
							color: #fff;

							&:hover {
								color: #fff;
								background-color: var(--color-accent-60);
							}
						}
					}
				}
			}
		}
	}
}

@media (max-width: 480px) {
	.section-nav {
		&:not(.enforce-tabs-view) {
			box-shadow: 0 0 0 1px #fff !important;
		}
	}

	.section-nav.is-open {
		.section-nav__panel {
			border-top: none !important;
			background: none !important;
		}

		.section-nav__mobile-header {
			background-color: var(--color-neutral-0);
		}
	}
}
