/* Express Movers Tracking - frontend styles */
.emt-wrap{max-width:960px;margin:0 auto}
.emt-card{background:#fff;border:1px solid #e3e9f0;border-radius:12px;padding:28px;margin-bottom:22px;box-shadow:0 4px 16px rgba(10,37,64,.05)}
.emt-card h2{font-size:26px;margin-bottom:8px}
.emt-card h3{font-size:17px;margin-bottom:12px}
.emt-muted{color:#5b6b7c;font-size:14.5px}
.emt-small{font-size:13px;margin-top:10px}

.emt-track-form{display:flex;gap:10px;margin-top:16px}
.emt-track-form input{flex:1;border:2px solid #e3e9f0;border-radius:8px;padding:13px 14px;font-size:15px;font-family:inherit;text-transform:uppercase}
.emt-track-form input:focus{outline:none;border-color:#1652a3}

/* notices */
.emt-notice{border-left:5px solid}
.emt-notice-ok{border-left-color:#1a9850;background:#f2fbf5}
.emt-notice-warn{border-left-color:#e8930c;background:#fdf6ea}
.emt-notice-hold{border-left-color:#e8930c;background:#fdf6ea}
.emt-hold-msg{background:#fdeaea;border:1px solid #f3c2c2;border-left:6px solid #e63946}
.emt-hold-msg h3{color:#c62828;font-size:17px;margin-bottom:8px}
.emt-hold-text{color:#9c1f1f;font-size:15px;line-height:1.55;margin-bottom:10px;white-space:pre-line}
.emt-hold-support{font-size:13.5px;color:#7a4a4a;margin:0}
.emt-notice-error{border-left-color:#e63946;background:#fdeaea}

/* progress bar */
.emt-progress{display:flex;justify-content:space-between;position:relative;margin:6px 0 20px}
.emt-progress::before{content:"";position:absolute;top:9px;left:6%;right:6%;height:3px;background:#e3e9f0;z-index:0}
.emt-step{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;z-index:1;flex:1}
.emt-dot{width:20px;height:20px;border-radius:50%;background:#e3e9f0;border:3px solid #fff;box-shadow:0 0 0 1px #d5dde6}
.emt-step.done .emt-dot{background:#1652a3}
.emt-step.current .emt-dot{background:#e8930c;box-shadow:0 0 0 4px rgba(232,147,12,.25)}
.emt-step-label{font-size:12.5px;font-weight:700;color:#5b6b7c;text-align:center}
.emt-step.done .emt-step-label{color:#0a2540}
.emt-step.current .emt-step-label{color:#e8930c}
.emt-status-line{display:flex;align-items:center;gap:14px;flex-wrap:wrap}

.emt-status-badge{display:inline-block;padding:5px 14px;border-radius:999px;font-size:13px;font-weight:700}
.is-green{background:#e6f7ec;color:#1a9850}
.is-blue{background:#e8f0fc;color:#1652a3}
.is-amber{background:#fdf3e0;color:#c47a08}
.is-red{background:#fdeaea;color:#e63946}
.is-gray{background:#eef1f5;color:#5b6b7c}

/* two-column layout */
.emt-grid-2{display:grid;grid-template-columns:1.15fr .85fr;gap:22px}
@media (max-width:820px){.emt-grid-2{grid-template-columns:1fr}}

/* map */
.emt-map{height:340px;border-radius:10px;background:#e8f0f8;position:relative;overflow:hidden}
.emt-map-note{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#5b6b7c;font-size:14px;padding:20px;text-align:center}
.emt-route-summary{display:flex;align-items:center;gap:16px;margin-top:16px;flex-wrap:wrap;font-size:14.5px}
.emt-route-summary small{display:block;font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:#8a97a5}
.emt-arrow{color:#1652a3;font-size:20px;font-weight:800}
.emt-eta{margin-left:auto;background:#e8f0fc;border-radius:8px;padding:8px 14px}
.emt-eta strong{color:#0f3d7d}

/* latest update */
.emt-h-latest{color:#1a9850}
.emt-latest-panel{background:#f2fbf5;border-left:6px solid #1a9850;border-radius:8px;padding:16px 18px;margin-bottom:6px}
.emt-latest-title{display:block;font-size:16px;color:#0a2540;margin-bottom:4px}
.emt-note{margin-top:8px;font-size:13.5px;color:#5b6b7c;background:#f5f8fb;border-left:3px solid #1652a3;padding:8px 12px;border-radius:0 6px 6px 0}
.emt-hr{border:none;border-top:1px solid #e3e9f0;margin:20px 0}

/* details dl */
.emt-details{margin:0}
.emt-details>div{display:flex;justify-content:space-between;gap:14px;padding:8px 0;border-bottom:1px solid #eef2f7;font-size:14.5px}
.emt-details>div:last-child{border-bottom:none}
.emt-details dt{color:#5b6b7c;margin:0}
.emt-details dd{margin:0;font-weight:600;color:#0a2540;text-align:right}

/* timeline */
.emt-timeline{list-style:none;margin:6px 0 0;padding:0}
.emt-timeline li{position:relative;padding:0 0 22px 30px}
.emt-timeline li::before{content:"";position:absolute;left:7px;top:16px;bottom:0;width:2px;background:#e3e9f0}
.emt-timeline li:last-child::before{display:none}
.emt-tl-dot{position:absolute;left:0;top:4px;width:16px;height:16px;border-radius:50%;background:#c7d3e0;border:3px solid #fff;box-shadow:0 0 0 1px #d5dde6}
.emt-timeline li.active .emt-tl-dot{background:#1652a3;box-shadow:0 0 0 4px rgba(22,82,163,.18)}
.emt-tl-body strong{display:block;font-size:15px;color:#0a2540}
.emt-tl-body .emt-muted{font-size:14px}
.emt-tl-time{display:block;font-size:12.5px;color:#8a97a5;margin-top:2px}

.emt-help-card{text-align:center}
.emt-help-card .btn{margin-top:12px}

/* quote form */
.emt-quote-form .emt-f-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
@media (max-width:640px){.emt-quote-form .emt-f-row{grid-template-columns:1fr}}
.emt-f-field label{display:block;font-weight:600;font-size:13px;margin-bottom:5px}
.emt-f-field input,.emt-f-field select,.emt-f-field textarea{width:100%;border:2px solid #e3e9f0;border-radius:8px;padding:11px 12px;font-size:14.5px;font-family:inherit;background:#fff}
.emt-f-field input:focus,.emt-f-field select:focus,.emt-f-field textarea:focus{outline:none;border-color:#1652a3}
.emt-quote-form .btn{margin-top:6px}