/* Δήλωση Υπαναχώρησης — frontend */

.wcw-muted { color: #6b6b6b; font-size: .9em; }
.wcw-block { display: block; }
.wcw-sku { display: block; color: #6b6b6b; font-size: .85em; }

.wcw-title span { white-space: nowrap; }

.wcw-deadline {
	background: #f5f7f9;
	border-left: 3px solid #4a6572;
	padding: 10px 14px;
	margin: 0 0 24px;
}

.wcw-form h4 { margin: 28px 0 6px; }
.wcw-form .form-row { padding: 0; margin: 0 0 14px; }
.wcw-form label { display: block; margin-bottom: 4px; }

.wcw-input,
.wcw-select,
.wcw-textarea { width: 100%; max-width: 420px; }
.wcw-textarea { max-width: 100%; }

.wcw-items { width: 100%; margin: 0 0 8px; }
.wcw-items th,
.wcw-items td { vertical-align: middle; }
.wcw-items .wcw-col-check { width: 36px; text-align: center; }
.wcw-items .wcw-col-qty { width: 130px; }
.wcw-items .wcw-col-price { width: 120px; text-align: right; }
.wcw-items .wcw-qty { width: 68px; }
.wcw-items tr.wcw-row-off { opacity: .45; }
.wcw-items label { display: inline; margin: 0; }

.wcw-box {
	background: #f8f8f8;
	padding: 14px 18px;
	margin: 24px 0;
}
.wcw-box h4 { margin-top: 0; }
.wcw-box p:last-child { margin-bottom: 0; }

.wcw-fields {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 0 20px;
	max-width: 640px;
}
.wcw-fields .wcw-input { max-width: none; }

.wcw-submit-note { margin: 28px 0 0; }
.wcw-actions { margin-top: 12px; display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.wcw-button[disabled] { opacity: .6; cursor: progress; }

.wcw-lookup { max-width: 460px; }
.wcw-lookup + .wcw-lookup,
.wcw-list-wrap + .wcw-lookup { margin-top: 40px; }
.wcw-lookup-form .wcw-input { max-width: none; }

.wcw-receipt h3 { margin-top: 0; }
.wcw-receipt .wcw-items { max-width: 640px; }

.wcw-badge {
	display: inline-block;
	padding: 2px 9px;
	border-radius: 3px;
	font-size: .85em;
	background: #eee;
	color: #444;
	white-space: nowrap;
}
.wcw-badge--submitted { background: #fcf9e8; color: #8c6d1f; }
.wcw-badge--approved  { background: #e5f1f8; color: #2a5b8c; }
.wcw-badge--shipped   { background: #efeaf8; color: #5b4a8c; }
.wcw-badge--received  { background: #e8f6ed; color: #1f6b3a; }
.wcw-badge--refunded  { background: #e6f3f8; color: #1f4f6b; }
.wcw-badge--rejected  { background: #f8e8e8; color: #8c1f1f; }
.wcw-badge--cancelled { background: #eee; color: #555; }

.wcw-item-list { margin: 0; padding: 0; list-style: none; font-size: .92em; }

.wcw-orders { list-style: none; margin: 0; padding: 0; }
.wcw-orders li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
	padding: 14px 0;
	border-bottom: 1px solid #e5e5e5;
}
.wcw-orders li:first-child { border-top: 1px solid #e5e5e5; }

.wcw-col-actions { text-align: right; }
.wcw-cancel { font-size: .9em; }
.wcw-order-cta { margin-top: 20px; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }

@media (max-width: 600px) {
	.wcw-orders li { flex-direction: column; align-items: flex-start; }
	.wcw-items .wcw-col-price { display: none; }
}