/* v6: Merah (.current) & Primary (.active), danger configurable + ETA iqamah */
.msolat-wrap{--ms-primary:#16a34a;--ms-danger:#dc2626;--ms-border:#e5efe9;--ms-muted:#6b7280;--ms-bg:#f7faf9;--ms-card:#ffffff}
.msolat-cards{display:grid;grid-template-columns:repeat(6,minmax(140px,1fr));gap:14px}
.msolat-card{background:var(--ms-card);border:1px solid var(--ms-border);border-radius:16px;padding:16px 14px;display:flex;flex-direction:column;justify-content:space-between;min-height:130px;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.msolat-card-top{display:flex;align-items:center;justify-content:space-between}
.msolat-card-h{font-size:12px;letter-spacing:.08em;color:#065f46;font-weight:700;margin-bottom:6px}
.msolat-ico{width:24px;height:24px;border-radius:999px;background:#eef7f1;color:#0f5132;display:flex;align-items:center;justify-content:center}
.msolat-ico svg{width:16px;height:16px}
.msolat-card-t{font-size:36px;font-weight:800;letter-spacing:0;color:#0f172a}
.msolat-card-b{margin-top:10px;font-size:13px;color:#111827;display:flex;align-items:center;gap:8px}
.msolat-eta{font-size:12px;color:#374151;background:#f3f4f6;border-radius:6px;padding:2px 8px}
.msolat-badge{display:inline-block;background:#e5f9ee;color:#065f46;border:1px solid #b6eccf;border-radius:6px;padding:3px 8px;font-weight:600;font-size:11px}
.msolat-badge.muted{background:#f3f4f6;color:#6b7280;border-color:#e5e7eb}
/* Akan tiba */
.msolat-card.active{background:var(--ms-primary);color:#fff;border-color:var(--ms-primary)}
.msolat-card.active .msolat-card-h{color:#dcfce7}
.msolat-card.active .msolat-card-t{color:#fff}
.msolat-card.active .msolat-badge{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.22);color:#fff}
.msolat-card.active .msolat-ico{background:rgba(255,255,255,.18);color:#fff}
.msolat-card.active .msolat-eta{background:rgba(255,255,255,.15);color:#fff}
/* Semasa */
.msolat-card.current{background:var(--ms-danger);color:#fff;border-color:var(--ms-danger)}
.msolat-card.current .msolat-card-h{color:#fee2e2}
.msolat-card.current .msolat-card-t{color:#fff}
.msolat-card.current .msolat-badge{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.22);color:#fff}
.msolat-card.current .msolat-ico{background:rgba(255,255,255,.18);color:#fff}
.msolat-card.current .msolat-eta{background:rgba(255,255,255,.15);color:#fff}

.msolat-footer{margin-top:12px;border:1px solid var(--ms-border);background:var(--ms-bg);padding:12px 16px;border-radius:14px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;color:#111827}
.msolat-now{font-weight:600}
.msolat-zone,.msolat-src{color:#6b7280;font-size:14px}
@media (max-width:920px){.msolat-cards{grid-template-columns:repeat(2,1fr)}}