@use "~admin-stylesheets/colors";

#cloud-proxy-setting {

	.nab-cloud-proxy-setting {

		&__selector {
			font-size: 14px;
			min-height: 30px;
			width: 20rem;
		}

		&__detail {

			.components-base-control__label {
				display: block;

				.dashicons {
					margin-left: 5px;
					vertical-align: middle;

					&-warning {
						color: colors.$nab-background-red;
					}

					&-yes-alt {
						color: colors.$nab-background-green;
					}
				}
			}

			&-value {
				max-width: 20em;
			}

			&-checker,
			&-reset {
				height: 30px;
				margin-left: 0.5em;
			}

			&-dns-record {
				border-collapse: collapse;
				margin: 1em 0;
				box-shadow: 0 0 20px colors.$nab-box-shadow;

				thead tr {
					background-color: colors.$nab-background-dark-grey;
					color: colors.$nab-text-inverted;
					text-align: left;
				}

				tbody tr {
					border-bottom: 1px solid colors.$nab-border-light;
				}

				th {
					padding: 10px;
					width: auto;
				}

				td {
					padding: 12px 15px;
				}
			}

			&-errors {
				max-width: 50em;

				.is-error {
					margin-left: 0;
					padding: 0 0 0 8px;

					.components-notice__content {
						margin: 0;
					}
				}
			}
		}
	}
}