@use "../../../deps/js/components/src/variables" as *;

/**
 * Custom elements
 */
.careers-settings-container {
	flex: 1;

	.components-panel__body.is-opened {
		padding-bottom: 0;
		padding-top: 0;
	}

	table {
		width: 100%;
		border-collapse: collapse;

		td,
		th {
			border: 1px solid $border-color;
			padding: 10px;
			text-align: center;
		}

		th {
			background-color: $background-color--gray;
			white-space: nowrap;
		}
	}

	&__plugin-name {
		align-items: center;
		display: flex;
		gap: 0.75rem;
	}

	&__plugin-description {
		text-align: left;
		margin: 10px 0 0;
	}

	&__text--error {
		color: $text-color--red;
	}

	&__text--success {
		color: $text-color--green;
	}
}
