.lttc-track{max-width:900px;margin:0 auto;padding:18px}
.t-title{font-size:26px;font-weight:900;color:#0f172a;margin:6px 0 4px}
.t-sub{color:#6b7280;margin:0 0 14px}

/* status header */
.t-status{display:flex;justify-content:space-between;align-items:center;gap:12px;background:linear-gradient(180deg,#f8f9ff,#fff);border:1px solid #e5e7eb;border-radius:14px;padding:14px}
.chip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;font-weight:800}
.chip .ico{width:10px;height:10px;border-radius:50%;display:inline-block}
.chip-pending{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}
.chip-pending .ico{background:#f59e0b}
.chip-progress{background:#eef2ff;color:#3730a3;border:1px solid #c7d2fe}
.chip-progress .ico{background:#6366f1}
.chip-ok{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}
.chip-ok .ico{background:#10b981}
.chip-bad{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}
.chip-bad .ico{background:#ef4444}

.cert{text-align:right}
.cert-label{font-size:12px;color:#6b7280;margin-bottom:2px}
.cert-code{font-weight:800;letter-spacing:.3px}

/* progress */
.progress-wrap{margin:14px 0 18px}
.progress-bar{height:10px;background:#f3f4f6;border-radius:999px;position:relative;overflow:hidden}
.progress-bar span{position:absolute;left:0;top:0;height:100%;width:0%;background:linear-gradient(90deg,#7c3aed,#22c55e);transition:width .4s ease;border-radius:999px}
.stops{display:flex;justify-content:space-between;font-size:12px;color:#6b7280;margin-top:6px}
.stops .stop.done{color:#065f46;font-weight:700}
.stops .stop.current{color:#3730a3;font-weight:800}

/* cards */
.cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:900px){ .cards{grid-template-columns:1fr} }

.lttc-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px}
.lttc-card.soft{background:#f9fafb}
.c-title{margin:0 0 10px;font-weight:800;color:#111827}

.grid{display:grid;grid-template-columns:220px 1fr;gap:10px 16px}
.grid>div{padding:4px 0;border-bottom:1px solid #f3f4f6}
.grid>div:nth-child(odd){color:#6b7280}

/* timeline */
.timeline{list-style:none;margin:0;padding:0}
.timeline li{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px dashed #e5e7eb}
.timeline .dot{width:14px;height:14px;border-radius:50%;background:#e5e7eb;margin-top:4px}
.timeline li.done .dot{background:#10b981}
.timeline li.current .dot{background:#6366f1}
.tl-sub{color:#6b7280;font-size:12px}

/* support */
.support .soft{display:flex;flex-direction:column;gap:8px}
.soft-row{display:flex;justify-content:space-between;align-items:center}
.btn{display:inline-block;background:#111827;color:#fff;text-decoration:none;padding:10px 14px;border-radius:10px;font-weight:800}
.tiny{font-size:12px;color:#6b7280;margin-top:4px}

/* error */
.lttc-card.err{color:#b91c1c}
