.beew-withdrawal {
	max-width: 100%;
}

.beew-withdrawal .woocommerce-error,
.beew-withdrawal .woocommerce-info,
.beew-withdrawal .woocommerce-message {
	width: 100%;
	box-sizing: border-box;
}


.beew-withdrawal__form label {
	display: block;
	font-weight: 600;
	margin-bottom: 6px;
}

.beew-withdrawal__form input,
.beew-withdrawal__form select,
.beew-withdrawal__form textarea {
	width: 100%;
	padding: 10px 12px;
	border: 1px solid #d0d4d9;
	border-radius: 6px;
}

.beew-step {
	display: none;
	padding: 20px;
	margin: 18px 0;
	border: 1px solid #e3e6ea;
	border-radius: 10px;
	background: #fff;
}

.beew-step.is-active {
	display: block;
}

.beew-products__list {
	display: grid;
	gap: 10px;
	margin-bottom: 16px;
}

.beew-products__table-wrap {
	overflow-x: auto;
	margin-bottom: 16px;
}

.beew-order-status {
	margin-bottom: 12px;
}

.beew-order-status__badge {
	display: inline-block;
	padding: 8px 12px;
	border-radius: 999px;
	font-size: 13px;
	font-weight: 600;
}

.beew-order-status__badge.is-partial {
	background: #fff7e6;
	color: #92400e;
}

.beew-order-status__badge.is-total {
	background: #fee2e2;
	color: #991b1b;
}

.beew-products__table {
	width: 100%;
	border-collapse: collapse;
	background: #fff;
}

.beew-products__table th,
.beew-products__table td {
	padding: 12px;
	border: 1px solid #e3e6ea;
	text-align: left;
	vertical-align: middle;
}

.beew-products__table th:first-child,
.beew-products__table td:first-child {
	width: 56px;
	text-align: center;
}

.beew-products__table small {
	color: #991b1b;
	font-weight: 600;
}

.beew-products__item {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	padding: 12px;
	border: 1px solid #e3e6ea;
	border-radius: 8px;
}

.beew-actions {
	display: flex;
	gap: 10px;
	margin-top: 18px;
}

.beew-summary,
.beew-products__empty {
	padding: 14px;
	border-radius: 8px;
	background: #f6f7f8;
}

.beew-withdrawal .button:focus,
.beew-withdrawal input:focus,
.beew-withdrawal select:focus,
.beew-withdrawal textarea:focus {
	outline: 2px solid #1d4ed8;
	outline-offset: 2px;
}

@media (max-width: 640px) {
	.beew-actions {
		flex-direction: column;
	}
}