.demo-label { font-size: 10px; font-weight: 800; letter-spacing: 1px; color: var(--blue); background: var(--sky); border-radius: 9px; padding: 8px 10px; margin-bottom: 16px; text-align: center; }
button:disabled, select:disabled { opacity: .6; cursor: not-allowed; transform: none; }
.error-message { color: #b42318 !important; }
.success-message { background: #e6fbf5; color: #087c63 !important; padding: 14px; border-radius: 12px; }
.tracking-result { display: flex; flex-direction: column; gap: 6px; background: #fff; padding: 18px; border-radius: 14px; }
.tracking-result > strong { font-size: 20px; }
.tracking-result > span, .tracking-result > em { font-size: 13px; color: var(--muted); }
.tracking-result ol { list-style: none; padding: 0; margin: 12px 0 0; border-left: 2px solid var(--line); }
.tracking-result li { display: flex; flex-direction: column; gap: 3px; padding: 0 0 16px 16px; position: relative; }
.tracking-result li::before { content: ""; width: 9px; height: 9px; border-radius: 50%; background: var(--blue); position: absolute; left: -6px; top: 5px; }
.tracking-result li span, .tracking-result li small { font-size: 12px; color: var(--muted); }
.optional { font-weight: 600 !important; }
