/* Kartu status diletakkan di dalam hero, di sudut bawah kanan tanpa memodifikasi latar. */
.hero{position:relative}
.cs-status-area{position:absolute;right:clamp(20px,3vw,44px);bottom:72px;z-index:3;width:min(515px,54%);font-family:inherit}
.cs-status-title{color:white;font-size:12px;font-weight:800;margin-bottom:8px;text-shadow:0 1px 5px rgba(0,0,0,.4)}
.cs-status-title span{opacity:.85;font-weight:500;margin-left:6px}
.cs-status-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.cs-status-card{min-width:0;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;gap:2px 6px;text-align:left;background:rgba(255,255,255,.97);border:1px solid rgba(255,255,255,.8);border-radius:13px;padding:12px;cursor:pointer;box-shadow:0 10px 22px rgba(1,21,43,.14);color:#123456;transition:transform .15s}
.cs-status-card:hover{transform:translateY(-2px)}.cs-status-number{font-size:22px;font-weight:850;line-height:1.1;font-variant-numeric:tabular-nums}.cs-status-label{grid-row:2;grid-column:1/-1;font-size:11px;font-weight:750}.cs-status-more{grid-column:2;grid-row:1;font-size:20px;font-weight:800;color:#1769d0}
.cs-proses .cs-status-more{color:#d99024}.cs-selesai .cs-status-more{color:#12895b}
.cs-status-modal[hidden]{display:none!important}.cs-status-modal{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:16px}.cs-status-shade{position:absolute;inset:0;background:rgba(7,26,50,.63)}.cs-status-dialog{position:relative;background:white;color:#123456;border-radius:20px;padding:28px;max-width:520px;width:100%;box-shadow:0 20px 80px #071a3266;outline:none}.cs-status-chip{color:#236bc2;font-size:12px;font-weight:700}.cs-status-dialog h2{margin:10px 0;font-size:22px}.cs-status-dialog p{font-size:14px;line-height:1.6}.cs-status-privacy{border-radius:12px;padding:12px;background:#f3f7fd;color:#536a83}.cs-status-close{position:absolute;top:10px;right:12px;border:none;background:transparent;font-size:27px;cursor:pointer}.cs-status-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.cs-status-primary,.cs-status-secondary{border-radius:10px;padding:11px 14px;font-size:13px;font-weight:700;text-decoration:none}.cs-status-primary{background:#226fda;color:white}.cs-status-secondary{background:#eef3fa;color:#17395f;border:none;cursor:pointer}.cs-modal-open{overflow:hidden}
@media(max-width:1120px){.cs-status-area{bottom:60px;width:min(470px,58%)}.cs-status-card{padding:9px}.cs-status-number{font-size:19px}}
@media(max-width:800px){.cs-status-area{position:relative;right:auto;bottom:auto;width:100%;padding:16px 18px 64px;margin-top:14px}.hero{height:auto!important;min-height:0}.cs-status-title{font-size:12px}.cs-status-card{padding:10px 8px}.cs-status-number{font-size:19px}.cs-status-label{font-size:10px}}
@media(max-width:360px){.cs-status-row{gap:5px}.cs-status-card{padding:8px 5px}.cs-status-label{font-size:9px}}