// The add-on's pieces on Agent Firewall's screens, in its panel style:
// white panels with the admin's #dcdcde border.

.adafwc-onboarding,
.adafwc-keys,
.adafwc-mcp {
	max-width: 60em;
	margin: 0 0 1.5em;
	padding: 4px 16px 12px;
	border: 1px solid #dcdcde;
	background: #fff;

	h2 {
		margin: 0.8em 0 0.4em;
	}
}

.adafwc-onboarding {

	&--applied {
		padding: 10px 16px;
	}

	&__rules {
		margin: 0 0 1em 1.5em;
		list-style: disc;

		li {
			margin-bottom: 0.3em;
		}
	}

	&__threshold {
		display: flex;
		flex-wrap: wrap;
		gap: 4px 16px;
		align-items: center;
		margin: 0 0 1em;
		padding: 8px 12px;
		border: 1px solid #dcdcde;
		background: #f6f7f7;

		legend {
			padding: 0 4px;
			font-weight: 600;
		}

		label {
			margin-right: 8px;
		}
	}

	&__dry-run {
		padding: 8px 12px;
		border-left: 4px solid #72aee6;
		background: #f0f6fc;
	}
}

.adafwc-mcp__plugin {
	margin-bottom: 1em;

	h3 {
		margin-bottom: 0.3em;
	}

	.description {
		max-width: 40em;
	}
}

.adafwc-card {
	margin-top: 8px;

	&__order,
	&__amount {
		margin: 0 0 4px;
	}

	&__amount {
		font-weight: 600;
	}

	&__notice {
		margin: 6px 0;
	}

	&__diff {
		max-width: 32em;
		margin: 6px 0;
	}

	&__error {
		color: #d63638;
	}
}

.adafwc-ledger-summary {
	display: block;
	color: #50575e;
}