/* LogisticsOS — public tracking widget (Corridor palette, theme-agnostic) */
.lgt-wrap { max-width: 640px; margin: 0 auto; padding: 8px 0 32px; font-family: inherit; }
.lgt-card { background: #fff; border: 1px solid #E2E4DF; border-radius: 14px; padding: 28px; box-shadow: 0 2px 10px rgba(21,24,29,.05); }
.lgt-title { margin: 0 0 4px; font-size: 24px; font-weight: 800; letter-spacing: .01em; }
.lgt-sub { margin: 0 0 18px; color: #5B6673; font-size: 14px; }
.lgt-form { display: flex; gap: 8px; }
.lgt-form input { flex: 1; padding: 12px 14px; border: 1px solid #D8DBD5; border-radius: 10px; font-family: monospace; font-size: 15px; }
.lgt-form input:focus { outline: 2px solid var(--lgt-accent, #F5A623); border-color: var(--lgt-accent, #F5A623); }
.lgt-form button { padding: 12px 22px; border: 0; border-radius: 10px; background: var(--lgt-accent, #F5A623); color: #15181D; font-weight: 700; font-size: 15px; cursor: pointer; }
.lgt-form button:hover { filter: brightness(.95); }
.lgt-result { margin-top: 20px; border-top: 4px solid var(--lgt-accent, #F5A623); padding-top: 16px; }
.lgt-loading, .lgt-error { color: #5B6673; }
.lgt-error { color: #D14330; font-weight: 600; }
.lgt-status { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 8px; }
.lgt-route { font-weight: 700; }
.lgt-badge { display: inline-block; padding: 5px 12px; border-radius: 999px; font-size: 12px; font-weight: 700; background: #EDEFEA; }
.lgt-badge.lgt-delivered, .lgt-badge.lgt-cleared { background: #E1F1E7; color: #2FA05A; }
.lgt-badge.lgt-in_transit, .lgt-badge.lgt-out_for_delivery { background: #FCF0D8; color: #7A4E00; }
.lgt-badge.lgt-at_border, .lgt-badge.lgt-customs_hold, .lgt-badge.lgt-failed { background: #F8E2DD; color: #D14330; }
.lgt-border { color: #5B6673; font-size: 13px; margin: 0 0 10px; }
.lgt-timeline { list-style: none; margin: 14px 0 0; padding: 0; }
.lgt-timeline li { display: flex; gap: 12px; padding: 10px 0; border-bottom: 1px dashed #E2E4DF; font-size: 14px; }
.lgt-timeline li:last-child { border-bottom: 0; }
.lgt-dot { width: 10px; height: 10px; border-radius: 99px; background: var(--lgt-accent, #F5A623); margin-top: 6px; flex: none; }
.lgt-timeline small { color: #8B93A0; }
.lgt-credit { margin: 18px 0 0; font-size: 11px; color: #A6ADB8; text-align: center; letter-spacing: .04em; }