/* CSPLUS.ID v9.9.17 — Vertical Timeline Tracking & Admin Status Engine */
.cs-service-timeline{position:relative;display:grid;gap:14px;margin:18px 0 0;padding:0;--tl-line:#dbe5ef;--tl-active:#0f766e;--tl-done:#15803d;--tl-pending:#94a3b8}
.cs-service-timeline::before{content:"";position:absolute;left:17px;top:18px;bottom:18px;width:2px;background:var(--tl-line);border-radius:999px}
.cs-service-timeline__item{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);gap:13px;align-items:start;z-index:1}
.cs-service-timeline__dot{width:18px;height:18px;margin:16px 0 0 9px;border-radius:50%;border:4px solid #fff;box-shadow:0 0 0 2px var(--tl-pending);background:#fff;box-sizing:border-box}
.cs-service-timeline__card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:14px 16px;box-shadow:0 10px 26px rgba(15,23,42,.055);min-width:0}
.cs-service-timeline__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.cs-service-timeline__title{font-weight:900;color:#0f172a;line-height:1.35}.cs-service-timeline__time{font-size:12px;color:#64748b;white-space:nowrap;font-weight:800}.cs-service-timeline__note{margin:7px 0 0;color:#64748b;font-size:13px;line-height:1.55}.cs-service-timeline__badge{display:inline-flex;margin-top:8px;border-radius:999px;padding:4px 8px;background:#f1f5f9;color:#64748b;font-size:11px;font-weight:900;letter-spacing:.02em;text-transform:uppercase}
.cs-service-timeline__item.is-done .cs-service-timeline__dot{background:var(--tl-done);box-shadow:0 0 0 2px var(--tl-done)}.cs-service-timeline__item.is-done .cs-service-timeline__card{border-color:#bbf7d0;background:#fbfffc}.cs-service-timeline__item.is-done .cs-service-timeline__badge{background:#dcfce7;color:#166534}
.cs-service-timeline__item.is-active .cs-service-timeline__dot{background:var(--tl-active);box-shadow:0 0 0 3px rgba(15,118,110,.18)}.cs-service-timeline__item.is-active .cs-service-timeline__card{border-color:#99f6e4;background:linear-gradient(135deg,#f0fdfa,#fff);box-shadow:0 14px 34px rgba(15,118,110,.10)}.cs-service-timeline__item.is-active .cs-service-timeline__badge{background:#ccfbf1;color:#115e59}.cs-service-timeline__item.is-pending .cs-service-timeline__card{background:#f8fafc;box-shadow:none}.cs-service-timeline__item.is-pending .cs-service-timeline__title{color:#64748b}
.cs-admin-status-timeline{margin:8px 0 16px}.cs-admin-status-timeline .cs-service-timeline__card{cursor:pointer;text-align:left;width:100%;font:inherit}.cs-admin-status-timeline button.cs-service-timeline__card{appearance:none}.cs-admin-status-timeline button.cs-service-timeline__card:hover{border-color:#94a3b8;transform:translateY(-1px)}.cs-admin-status-timeline__hint{margin:0 0 8px;color:#64748b;font-size:13px}.cs-admin-status-timeline .is-selected .cs-service-timeline__card{outline:2px solid rgba(15,118,110,.18)}
.timeline-mini.cs-admin-history-timeline{position:relative;display:grid;gap:12px;padding-left:38px}.timeline-mini.cs-admin-history-timeline::before{content:"";position:absolute;left:14px;top:9px;bottom:9px;width:2px;background:#dbe5ef}.timeline-mini.cs-admin-history-timeline>div{position:relative;border:1px solid #e2e8f0;border-radius:16px;background:#fff;padding:12px 14px;box-shadow:0 8px 20px rgba(15,23,42,.04)}.timeline-mini.cs-admin-history-timeline>div::before{content:"";position:absolute;left:-31px;top:16px;width:12px;height:12px;border-radius:50%;background:#0f766e;border:3px solid #fff;box-shadow:0 0 0 2px #0f766e}.timeline-mini.cs-admin-history-timeline>div small{display:block;margin-top:3px;color:#64748b}.timeline-mini.cs-admin-history-timeline>div p{margin:7px 0 0;color:#64748b}
@media(max-width:640px){.cs-service-timeline{gap:11px}.cs-service-timeline__item{grid-template-columns:32px minmax(0,1fr);gap:9px}.cs-service-timeline::before{left:15px}.cs-service-timeline__dot{margin-left:7px}.cs-service-timeline__card{padding:13px 14px}.cs-service-timeline__head{display:block}.cs-service-timeline__time{display:block;margin-top:4px;white-space:normal}}