.service-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:24px}
.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:0 12px 35px #0b294b10}
.panel h2,.panel h3{margin-top:0;color:var(--navy)}
.panel label{display:block;font-weight:700;font-size:14px;margin-bottom:16px}
.panel input,.panel select,.panel textarea{display:block;width:100%;margin-top:7px;border:1px solid #cbd9e6;border-radius:10px;padding:12px;font:inherit;background:#fff}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.btn-primary{border:0;border-radius:10px;background:var(--blue);color:#fff;padding:13px 20px;font-weight:800;cursor:pointer}
.requirements-box{background:#edf6ff;border-left:4px solid var(--blue);padding:16px;margin:0 0 20px;border-radius:8px}
.requirements-box p{color:#536b82;line-height:1.5}.public-track{align-self:start}
.public-track hr{border:0;border-top:1px solid var(--line);margin:26px 0}
.alert{background:#fff0f0;border:1px solid #ffcaca;color:#9d2020;border-radius:10px;padding:13px;margin-bottom:16px}
.success{background:#effcf3;border:1px solid #bce8c8;color:#176c32;border-radius:10px;padding:13px;margin-bottom:16px}
@media(max-width:850px){.service-layout,.form-row{grid-template-columns:1fr}}
/* SERUMPUN eLayanan v2 */
.horizontal-timeline .timeline-track{display:flex;overflow-x:auto;gap:0}.ticket-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.result-document-box{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 16px;margin:18px 0;border:1px solid #b8dfc9;border-radius:12px;background:#f1fbf5}.result-document-box small{display:block;margin-top:4px;color:#688171}.virtual-channel-list{display:grid;gap:10px}.virtual-channel-list>div{padding:11px 12px;border:1px solid #dce8f4;border-radius:10px;background:#f8fbff}.virtual-channel-list b,.virtual-channel-list small{display:block}.virtual-channel-list small{margin-top:3px;color:#6d8195}.timeline-note a,.staff-note a{word-break:break-all}

/* FINAL HORIZONTAL TIMELINE FIX */
.service-timeline.horizontal-timeline .timeline-track{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;}
.service-timeline.horizontal-timeline .timeline-step{display:flex!important;flex-direction:column!important;align-items:center!important;flex:0 0 220px!important;width:220px!important;min-width:220px!important;max-width:220px!important;}
.service-timeline.horizontal-timeline .timeline-step:before{display:none!important;}
.service-timeline.horizontal-timeline .timeline-step:not(:last-child):after{content:'➜'!important;position:absolute!important;right:-2px!important;top:17px!important;left:auto!important;border:0!important;}
.service-timeline.horizontal-timeline .timeline-content{text-align:center!important;width:100%!important;}