@use "~admin-stylesheets/colors";

.nab-pending-test {
	display: flex;
	align-items: center;
	padding: 14px 0;
	border-top: 1px solid #eef2f7;
	gap: 0.5em 2em;

	&__icon {
		display: grid;
		place-items: center;
		width: 1em;
		height: 1em;
		font-size: 26px;
		padding: 0.4em;
		border-radius: 100%;
		color: colors.$wp-components-color-accent;
		position: relative;
		z-index: 0;

		&::before {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: currentcolor;
			border-radius: 100%;
			opacity: 0.15;
		}

		> svg {
			z-index: 1;
		}

		> svg * {
			fill: currentcolor !important;

			&.icon_svg__inverted {
				fill: colors.$nab-background-white !important;
			}

			&.icon_svg__transparent {
				fill: transparent !important;
			}
		}
	}

	&__main {
		flex: 1;
		min-width: 0;
	}

	&__name {
		display: block;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
}