#lbaic-deactivation-modal {
	display: none;

	.lbaic-deactivation-modal-overlay {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(0, 0, 0, 0.75);
		z-index: 100000;
	}

	.lbaic-deactivation-modal-content {
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		background: #fff;
		padding: 16px 20px;
		border-radius: 4px;
		box-shadow: 0 3px 30px rgba(0, 0, 0, 0.3);
		z-index: 100001;
		max-width: 500px;
		width: 90%;

		.lbaic-deactivation-header {
			display: flex;
			justify-content: space-between;
			align-items: center;
			margin-bottom: 15px;

			.lbaic-deactivation-header-title {
				display: flex;
				align-items: center;
				gap: 12px;

				.lbaic-logo-mini {
					width: 24px;
					height: 24px;
				}

				h2 {
					margin: 0;
					font-size: 1.3em;
				}
			}

			.lbaic-deactivation-modal-close {
				width: 24px;
				height: 24px;
				background: none;
				border: none;
				border-radius: 4px;
				cursor: pointer;
				padding: 2px;

				&:hover {
					background: rgb(239, 239, 239);
				}

				svg {
					fill: #787c82;
				}
			}
		}

		p {
			margin-bottom: 20px;
			color: #1f2937;
			font-size: 16px;
			font-weight: 500;
			line-height: 24px;
			text-align: left;
		}

		ul {
			list-style: none;
			margin: 0 0 20px;
			padding: 0;

			li {
				margin-bottom: 10px;

				label {
					cursor: pointer;
					display: flex;
					align-items: center;
					gap: 8px;

					font-size: 14px;
					font-weight: 400;
					line-height: 20px;
					text-align: left;
					color: #1f2937;

					input[type="radio"] {
						display: flex;
						justify-content: center;
						align-items: center;
						appearance: none;
						-webkit-appearance: none;

						width: 18px;
						height: 18px;
						margin: 0;
						padding: 0;

						border: 1px solid #d1d5db;
						border-radius: 50%;
						box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);

						cursor: pointer;
						transition: border-color .05s ease-in-out;

						&:checked {
							background-color: #006ba1;
							border-color: #006ba1;

							&::before {
								background-color: #fff !important;
								border-radius: 50px;
								content: "\2022";
								font-size: 24px;
								height: 6px;
								line-height: 13px;
								margin: 5px;
								text-indent: -9999px;
								width: 6px;
							}
						}

						&:focus {
							border-color: #006ba1;
							box-shadow: 0 0 0 1px #006ba1;
							outline: 2px solid transparent;
						}
					}

					span {
						margin-top: 1px; // slight alignment adjustment
					}
				}

				textarea {
					margin-top: 10px;
					margin-left: 26px; /* 18px radio + 8px gap */
					width: calc(100% - 26px);
					border-color: #d1d5db;
					box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
					border-radius: 4px;
					resize: vertical;

					&:focus {
						border-color: #006ba1;
						box-shadow: 0 0 0 1px #006ba1;
						outline: 2px solid transparent;
					}
				}
			}
		}

		.lbaic-deactivation-footer {
			display: flex;
			justify-content: space-between;
			align-items: center;
			background: #f6f7f7;
			border-top: 1px solid #dcdcde;
			margin: 20px -20px -16px;
			padding: 16px 20px;
			border-bottom-left-radius: 4px;
			border-bottom-right-radius: 4px;

			button {
				margin: 0;
			}
		}
	}
}
