/**
 * Shipment panels and the customer tracking timeline.
 * Copyright (c) 2026 Aqdas Rehman - https://aqdasrehman.com/
 */

.aqdas-se-panel { margin: 24px 0; }
.aqdas-se-panel h3 { margin: 0 0 12px; }

.aqdas-se-shipment {
	border: 1px solid #e2e4e7;
	border-radius: 6px;
	padding: 16px;
	margin-bottom: 14px;
	background: #fff;
}

.aqdas-se-row { display: flex; gap: 12px; padding: 4px 0; font-size: 14px; }
.aqdas-se-label { min-width: 110px; color: #646970; }

.aqdas-se-status {
	display: inline-block;
	padding: 2px 10px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.8;
	background: #f0f0f1;
	color: #3c434a;
}

.aqdas-se-status--pending { background: #f6f7f7; color: #646970; }
.aqdas-se-status--label_created { background: #e5f5fa; color: #0a4b78; }
.aqdas-se-status--in_transit { background: #fcf3e4; color: #8a5700; }
.aqdas-se-status--delivered { background: #edfaef; color: #00602a; }
.aqdas-se-status--exception { background: #fcf0f1; color: #8a2424; }
.aqdas-se-status--voided { background: #f0f0f1; color: #757575; text-decoration: line-through; }

.aqdas-se-actions { margin-top: 12px; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }

.aqdas-se-notice {
	margin-top: 10px;
	padding: 8px 12px;
	border-radius: 4px;
	font-size: 13px;
	width: 100%;
}
.aqdas-se-notice--success { background: #edfaef; color: #00602a; border: 1px solid #b8e6c1; }
.aqdas-se-notice--error { background: #fcf0f1; color: #8a2424; border: 1px solid #f0b8bb; }

.aqdas-se-table .aqdas-se-actions { margin-top: 0; }

/* Customer-facing timeline */
.aqdas-se-tracking { margin: 32px 0; }
.aqdas-se-multi-note { color: #646970; font-size: 14px; }

.aqdas-se-timeline-card {
	border: 1px solid #e2e4e7;
	border-radius: 8px;
	padding: 18px 20px;
	margin-bottom: 18px;
	background: #fff;
}

.aqdas-se-timeline-head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
	margin-bottom: 10px;
}

.aqdas-se-service { color: #646970; font-size: 13px; margin-left: 8px; }
.aqdas-se-tracking-number { font-size: 14px; margin: 0 0 14px; }
.aqdas-se-awaiting { color: #646970; font-size: 14px; margin: 0; }

.aqdas-se-timeline { list-style: none; margin: 0; padding: 0; position: relative; }
.aqdas-se-timeline::before {
	content: '';
	position: absolute;
	left: 5px;
	top: 6px;
	bottom: 6px;
	width: 2px;
	background: #e2e4e7;
}

.aqdas-se-timeline-item { position: relative; padding: 0 0 16px 24px; }
.aqdas-se-timeline-item:last-child { padding-bottom: 0; }

.aqdas-se-dot {
	position: absolute;
	left: 0;
	top: 5px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #c3c4c7;
	border: 2px solid #fff;
}

.aqdas-se-timeline-item.is-current .aqdas-se-dot { background: #007cba; }

.aqdas-se-event { display: flex; flex-direction: column; gap: 2px; }
.aqdas-se-event-desc { font-size: 14px; color: #1d2327; }
.aqdas-se-event-meta { font-size: 12px; color: #646970; }

@media (max-width: 600px) {
	.aqdas-se-row { flex-direction: column; gap: 2px; }
	.aqdas-se-label { min-width: 0; font-size: 12px; }
}

/* Standalone tracking page lookup form */
.aqdas-se-lookup { max-width: 420px; margin: 0 0 24px; }
.aqdas-se-lookup .form-row { margin-bottom: 14px; }
.aqdas-se-lookup label { display: block; font-size: 14px; margin-bottom: 4px; }
.aqdas-se-lookup input[type="text"],
.aqdas-se-lookup input[type="email"] {
	width: 100%;
	padding: 9px 12px;
	border: 1px solid #c3c4c7;
	border-radius: 4px;
	font-size: 15px;
}
.aqdas-se-lookup-error {
	background: #fcf0f1;
	border: 1px solid #f0b8bb;
	color: #8a2424;
	padding: 9px 12px;
	border-radius: 4px;
	font-size: 14px;
}