.mk-tracking-wrap{max-width:1100px;margin:32px auto;padding:0 14px;box-sizing:border-box;font-family:Inter,Arial,sans-serif;color:#132238}
.mk-tracking-search-card{background:linear-gradient(135deg,#0b2d64,#123b84);border-radius:24px;padding:28px;color:#fff;box-shadow:0 18px 50px rgba(11,45,100,.18)}
.mk-eyebrow{display:inline-block;font-size:12px;text-transform:uppercase;letter-spacing:.12em;background:rgba(255,255,255,.14);padding:6px 10px;border-radius:999px;margin-bottom:12px}
.mk-tracking-search-card h2{margin:0 0 10px;font-size:32px;line-height:1.1;color:#fff}
.mk-tracking-search-card p{margin:0 0 18px;max-width:700px;color:rgba(255,255,255,.88)}
.mk-tracking-form{display:flex;gap:12px;flex-wrap:wrap}
.mk-tracking-form input{flex:1;min-width:260px;height:52px;border:none;border-radius:14px;padding:0 16px;font-size:16px;background:#fff;color:#132238}
.mk-tracking-form button{height:52px;border:none;border-radius:14px;padding:0 20px;background:#1cc36b;color:#fff;font-weight:700;cursor:pointer}
.mk-demo-help{margin-top:14px;font-size:14px;color:rgba(255,255,255,.88)}
.mk-tracking-result{margin-top:20px}
.mk-result-card{background:#fff;border-radius:26px;box-shadow:0 18px 50px rgba(15,34,58,.08);overflow:hidden;border:1px solid #e7edf5}
.mk-result-top{display:flex;justify-content:space-between;gap:16px;padding:24px 24px 10px 24px;flex-wrap:wrap;background:linear-gradient(180deg,#f7fbff 0%,#fff 100%)}
.mk-result-title h3{margin:0;font-size:24px;line-height:1.2;color:#0e2a54;font-weight:800}
.mk-result-title p{margin:6px 0 0;color:#5f6f85;font-size:15px;line-height:1.4}
.mk-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;font-weight:700;font-size:15px;background:#fff3e5;color:#d07a0f;border:1px solid #ffe0b2}
.mk-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:0 24px 24px}
.mk-summary-box{background:#f7f9fc;border:1px solid #e9eef6;border-radius:18px;padding:16px;min-width:0}
.mk-summary-box span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#74839a;margin-bottom:8px;font-weight:700}
.mk-summary-box strong{display:block;font-size:15px;color:#12233a;line-height:1.35;font-weight:700;overflow-wrap:anywhere}
.mk-timeline{padding:0 24px 24px}
.mk-step{display:grid;grid-template-columns:64px minmax(180px,1.25fr) minmax(120px,.8fr) minmax(180px,1fr) minmax(140px,.9fr) minmax(120px,.8fr);gap:16px;align-items:center;border-top:1px solid #edf2f8;padding:18px 0;position:relative}
.mk-step:first-child{border-top:none}
.mk-step-marker{position:relative;height:100%;display:flex;align-items:center;justify-content:center}
.mk-step-line{position:absolute;left:50%;transform:translateX(-50%);top:-18px;bottom:-18px;width:3px;background:#dbe3ef}
.mk-step:first-child .mk-step-line{top:18px}
.mk-step:last-child .mk-step-line{bottom:18px}
.mk-step-dot{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;position:relative;z-index:2;border:4px solid #fff;box-shadow:0 0 0 1px #d9e4f1;font-size:15px}
.mk-step.completed .mk-step-dot{background:#18b45a;color:#fff}
.mk-step.active .mk-step-dot{background:#ff9f1a;color:#fff;box-shadow:0 0 0 8px rgba(255,159,26,.15)}
.mk-step.pending .mk-step-dot{background:#c9d3df;color:#6a7789}
.mk-step-main,.mk-step-status,.mk-step-desc,.mk-step-location,.mk-step-time{min-width:0}
.mk-step-main strong{display:block;font-size:12px;color:#6a7a90;text-transform:uppercase;letter-spacing:.06em;line-height:1.2;margin-bottom:4px;font-weight:700}
.mk-step-main span{display:block;font-size:16px;font-weight:700;color:#12233a;line-height:1.3;overflow-wrap:anywhere}
.mk-step-status{font-weight:700;font-size:15px;line-height:1.3}
.mk-step.completed .mk-step-status{color:#18b45a}
.mk-step.active .mk-step-status{color:#d07a0f}
.mk-step.pending .mk-step-status{color:#7f8b9d}
.mk-step-desc,.mk-step-location,.mk-step-time{font-size:15px;line-height:1.4;color:#33445c;overflow-wrap:anywhere}
.mk-step-time{text-align:right;font-weight:700;color:#44556f}
.mk-detail-card{margin:0 24px 24px;background:#f8fafc;border:1px solid #e6edf5;border-radius:22px;padding:18px;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px;align-items:center}
.mk-detail-card h4{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#6e7f96;font-weight:700}
.mk-detail-card strong{display:block;font-size:16px;color:#12233a;line-height:1.35;font-weight:800;overflow-wrap:anywhere}
.mk-notice{padding:18px;background:#fff;border:1px dashed #cfd9e7;border-radius:18px;color:#51637c}
.mk-empty-state{margin-top:20px;background:#fff;border:1px dashed #cfd9e7;border-radius:24px;padding:42px 24px;text-align:center;box-shadow:0 10px 30px rgba(15,34,58,.05)}
.mk-empty-icon{width:70px;height:70px;margin:0 auto 14px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;background:#eef5ff;color:#0e2a54}
.mk-empty-state h3{margin:0 0 8px;font-size:26px;color:#0e2a54}
.mk-empty-state p{margin:0;color:#5f6f85;font-size:16px}
@media (max-width:1024px){.mk-step{grid-template-columns:56px minmax(160px,1.2fr) minmax(110px,.8fr) minmax(150px,1fr) minmax(120px,.9fr) minmax(110px,.8fr);gap:12px}.mk-summary-box strong,.mk-step-main span,.mk-step-status,.mk-step-desc,.mk-step-location,.mk-step-time,.mk-detail-card strong{font-size:14px}}
@media (max-width:920px){.mk-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mk-step{grid-template-columns:56px 1fr;gap:12px}.mk-step-status,.mk-step-desc,.mk-step-location,.mk-step-time{grid-column:2}.mk-step-time{text-align:left}.mk-detail-card{grid-template-columns:1fr}}
@media (max-width:600px){.mk-tracking-search-card{padding:20px}.mk-tracking-search-card h2{font-size:26px}.mk-summary-grid{grid-template-columns:1fr}.mk-result-top,.mk-summary-grid,.mk-timeline{padding-left:18px;padding-right:18px}.mk-detail-card{margin:0 18px 18px}.mk-result-title h3{font-size:20px}.mk-step-main span,.mk-detail-card strong{font-size:15px}}