/* tracking.css - Modern blue/white logistics theme (custom CSS only) */
.ge-container { max-width: 980px; margin: 28px auto; padding: 20px; font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; color: #15324b; }
.ge-header { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:18px; }
.ge-brand { font-weight:700; font-size:1.2rem; color:var(--brand-blue); }
.ge-back { background:transparent; border:1px solid #e6eef9; padding:8px 12px; border-radius:8px; cursor:pointer; color:var(--brand-blue); text-decoration:none; font-weight:600; }
.ge-summary { display:grid; grid-template-columns: 1fr 340px; gap:18px; background: #ffffff; border-radius:14px; padding:20px; box-shadow: 0 8px 30px rgba(10, 35, 77, 0.06); }
.ge-left { min-width:0; }
.ge-tracking { font-size:1.6rem; font-weight:700; color:#072146; margin-bottom:6px; letter-spacing:2px; }
.ge-sub { color:#5b7186; font-size:0.95rem; margin-bottom:12px; }
.ge-kv { display:flex; gap:12px; flex-wrap:wrap; }
.ge-kv .kv { background:var(--brand-light); padding:8px 10px; border-radius:8px; font-weight:600; color:var(--brand-blue); }
.ge-status { display:flex; align-items:center; gap:12px; justify-content:flex-end; }
.status-badge { padding:8px 14px; border-radius:999px; font-weight:700; display:inline-flex; align-items:center; gap:10px; box-shadow: 0 6px 18px rgba(11,94,215,0.08); }
.status-dot { width:12px; height:12px; border-radius:50%; display:inline-block; }
.s-delivered { background: linear-gradient(90deg,#e6fff0,#f6fff8); color: #14684a; }
.s-intransit { background: linear-gradient(90deg,#eef6ff,#f8fbff); color: var(--brand-blue); }
.s-onhold { background: linear-gradient(90deg,#fff8e6,#fffdf5); color: #7a5a00; }
.s-picked { background: linear-gradient(90deg,#f5f7f9,#ffffff); color: #6c757d; }
.ge-details { background:#fbfdff; border-radius:10px; padding:14px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.6); }
.ge-details h6 { margin:0 0 8px 0; font-size:0.95rem; color:#072146; }
.ge-details .line { font-size:0.95rem; color:#23404f; margin-bottom:6px; }
.ge-timeline { margin-top:20px; background:transparent; padding:18px; border-radius:12px; }
.timeline-list { padding:0; margin:0; list-style:none; display:flex; flex-direction:column; gap:12px; }
.timeline-item { display:grid; grid-template-columns: 78px 1fr 120px; gap:12px; align-items:start; padding:12px; border-radius:10px; background:#ffffff; box-shadow: 0 6px 18px rgba(9,30,66,0.04); }
.t-date { font-size:0.85rem; color:#6b8293; }
.t-body { font-weight:600; color:#072146; }
.t-activity { font-size:0.95rem; color:#486273; margin-top:6px; font-weight:500; }
.t-status { justify-self:end; display:flex; flex-direction:column; align-items:flex-end; gap:6px; }
.t-tag { padding:6px 10px; border-radius:999px; font-weight:700; font-size:0.9rem; background:#f1f8ff; color:var(--brand-blue); }
.timeline-item.delivered { border-left:4px solid #2ea25b; background: linear-gradient(180deg,#f8fff9,#ffffff); }
@media (max-width:880px){ .ge-summary { grid-template-columns: 1fr; } .timeline-item { grid-template-columns: 1fr; } .t-status { align-items:flex-start; } .ge-status { justify-content:flex-start; margin-top:12px; } } .small { font-size:0.88rem; color:#6b8293; }