.wde-drop-panel {
	border: 1px solid rgba(0, 0, 0, 0.14);
	border-radius: 8px;
	margin: 0 0 20px;
	padding: 16px;
	background: #fff;
}

.wde-drop-panel__title {
	font-weight: 700;
	margin-bottom: 10px;
}

.wde-drop-panel dl {
	display: grid;
	grid-template-columns: minmax(110px, 160px) 1fr;
	gap: 8px 14px;
	margin: 0;
}

.wde-drop-panel dt {
	font-weight: 600;
	color: #333;
}

.wde-drop-panel dd {
	margin: 0;
}

.wde-risk-note {
	margin: 12px 0 0;
	font-size: 13px;
	color: #6b7280;
}

.wde-form {
	display: grid;
	gap: 14px;
	max-width: 720px;
}

.wde-designer-status,
.wde-kyc-status,
.wde-account-summary {
	border: 1px solid rgba(0, 0, 0, 0.12);
	border-radius: 8px;
	margin: 0 0 18px;
	padding: 14px;
	background: #fff;
}

.wde-designer-status {
	display: grid;
	gap: 6px;
}

.wde-kyc-status {
	display: grid;
	gap: 6px;
}

.wde-designer-status--approved {
	border-color: rgba(22, 163, 74, 0.35);
	background: #f0fdf4;
}

.wde-kyc-status--verified {
	border-color: rgba(22, 163, 74, 0.35);
	background: #f0fdf4;
}

.wde-designer-status--pending {
	border-color: rgba(217, 119, 6, 0.35);
	background: #fffbeb;
}

.wde-kyc-status--pending,
.wde-kyc-status--manual_review {
	border-color: rgba(217, 119, 6, 0.35);
	background: #fffbeb;
}

.wde-designer-status--rejected {
	border-color: rgba(220, 38, 38, 0.35);
	background: #fef2f2;
}

.wde-kyc-status--failed {
	border-color: rgba(220, 38, 38, 0.35);
	background: #fef2f2;
}

.wde-kyc-actions {
	margin: 0 0 18px;
}

.wde-kyc-actions .button {
	margin-bottom: 8px;
}

.wde-account-summary p {
	margin: 0 0 8px;
}

.wde-account-summary p:last-child {
	margin-bottom: 0;
}

.wde-form label {
	display: grid;
	gap: 6px;
	font-weight: 600;
}

.wde-form input[type="text"],
.wde-form input[type="url"],
.wde-form select,
.wde-form textarea {
	box-sizing: border-box;
	width: 100%;
}

.wde-form .wde-checkbox {
	display: flex;
	gap: 8px;
	align-items: flex-start;
	font-weight: 400;
}

.wde-dashboard table {
	width: 100%;
	border-collapse: collapse;
}

.wde-dashboard th,
.wde-dashboard td {
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
	padding: 8px;
	text-align: left;
}

@media (max-width: 520px) {
	.wde-drop-panel dl {
		grid-template-columns: 1fr;
	}
}