/* SIAPIYA v3.18.9 — Pusat Notifikasi & Tindak Lanjut */
.siapiya-action-center-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:7px 10px;border:1px solid var(--sia-line,#d9dee7);border-radius:12px;background:var(--sia-surface,#fff);color:var(--sia-muted,#667085);font-size:.74rem;font-weight:780;white-space:nowrap}
.siapiya-action-center-button:hover,.siapiya-action-center-button.has-items{border-color:color-mix(in srgb,var(--sia-primary,#0b66c3) 42%,var(--sia-line,#d9dee7));color:var(--sia-primary,#0b66c3);background:var(--sia-primary-soft,#eef6ff)}
.siapiya-action-center-button.has-items>.bi{animation:siapiyaBellAttention .55s ease-out 1}
.siapiya-action-center-count{position:absolute;top:-5px;right:-5px;min-width:19px;height:19px;display:grid;place-items:center;padding:0 5px;border:2px solid var(--sia-surface,#fff);border-radius:999px;background:#d92d20;color:#fff;font-size:.58rem;font-weight:850;line-height:1}
.siapiya-action-center{position:fixed;inset:0;z-index:2147483651;display:grid;grid-template-columns:minmax(0,1fr) min(430px,100%)}
.siapiya-action-center[hidden]{display:none!important}
.siapiya-action-center-backdrop{grid-column:1/-1;grid-row:1;background:rgba(10,16,26,.48);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.siapiya-action-center-panel{grid-column:2;grid-row:1;position:relative;display:flex;min-height:100%;max-height:100dvh;flex-direction:column;border-left:1px solid var(--sia-line,#d9dee7);background:var(--sia-surface,#fff);color:var(--sia-text,#172033);box-shadow:-24px 0 70px rgba(0,0,0,.22);overflow:hidden;animation:siapiyaActionIn .2s ease-out}
.siapiya-action-center-panel>header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:19px 18px 12px;border-bottom:1px solid var(--sia-line,#d9dee7)}
.siapiya-action-center-panel>header small{display:block;margin-bottom:2px;color:var(--sia-primary,#0b66c3);font-size:.61rem;font-weight:850;letter-spacing:.13em}
.siapiya-action-center-panel>header h2{margin:0;font-size:1.08rem;font-weight:850;letter-spacing:-.025em}
.siapiya-action-center-close{width:40px;height:40px;display:grid;place-items:center;flex:0 0 auto;border:1px solid var(--sia-line,#d9dee7);border-radius:12px;background:var(--sia-surface-muted,#f6f8fb);color:var(--sia-muted,#667085)}
.siapiya-action-center-summary{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--sia-line,#d9dee7);background:var(--sia-surface-muted,#f6f8fb);color:var(--sia-muted,#667085);font-size:.68rem;font-weight:700}
.siapiya-action-center-summary>span{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid var(--sia-line,#d9dee7);border-radius:999px;background:var(--sia-surface,#fff)}
.siapiya-action-center-body{min-height:0;flex:1;padding:12px;overflow:auto;overscroll-behavior:contain}
.siapiya-action-group+.siapiya-action-group{margin-top:16px}
.siapiya-action-group-title{display:flex;align-items:center;justify-content:space-between;padding:0 4px 7px;color:var(--sia-muted,#667085);font-size:.67rem;font-weight:820;letter-spacing:.04em;text-transform:uppercase}
.siapiya-action-group-title b{min-width:22px;height:22px;display:grid;place-items:center;border-radius:999px;background:var(--sia-surface-muted,#f6f8fb);color:var(--sia-text,#172033);font-size:.65rem}
.siapiya-action-item{display:grid;grid-template-columns:42px minmax(0,1fr) 34px;align-items:start;gap:10px;margin-bottom:8px;padding:11px;border:1px solid var(--sia-line,#d9dee7);border-radius:15px;background:var(--sia-surface,#fff);box-shadow:0 5px 16px rgba(16,24,40,.04)}
.siapiya-action-item.priority-high{border-left:4px solid #d92d20}
.siapiya-action-item.priority-medium{border-left:4px solid #dc8b00}
.siapiya-action-item.priority-normal{border-left:4px solid var(--sia-primary,#0b66c3)}
.siapiya-action-icon{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--sia-line,#d9dee7);border-radius:12px;background:var(--sia-primary-soft,#eef6ff);color:var(--sia-primary,#0b66c3);font-size:1rem}
.siapiya-action-copy{min-width:0}
.siapiya-action-copy strong{display:block;color:var(--sia-text,#172033);font-size:.82rem;line-height:1.25}
.siapiya-action-copy p{margin:4px 0 0;color:var(--sia-muted,#667085);font-size:.69rem;line-height:1.4}
.siapiya-action-copy small{display:block;margin-top:6px;color:var(--sia-primary,#0b66c3);font-size:.64rem;font-weight:750}
.siapiya-action-item>button{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:10px;background:var(--sia-surface-muted,#f6f8fb);color:var(--sia-primary,#0b66c3)}
.siapiya-action-item>button:hover{background:var(--sia-primary-soft,#eef6ff)}
.siapiya-action-empty{min-height:58vh;display:grid;place-items:center;align-content:center;gap:6px;padding:28px;text-align:center;color:var(--sia-muted,#667085)}
.siapiya-action-empty>.bi{font-size:2.4rem;color:#12b76a}
.siapiya-action-empty strong{color:var(--sia-text,#172033);font-size:1rem}
.siapiya-action-empty span{max-width:270px;font-size:.72rem;line-height:1.45}
.siapiya-action-center-panel>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--sia-line,#d9dee7);background:var(--sia-surface-muted,#f6f8fb)}
.siapiya-action-center-panel>footer>div{min-width:0}
.siapiya-action-center-panel>footer strong,.siapiya-action-center-panel>footer span{display:block}
.siapiya-action-center-panel>footer strong{color:var(--sia-text,#172033);font-size:.67rem}
.siapiya-action-center-panel>footer span{margin-top:2px;color:var(--sia-muted,#667085);font-size:.61rem}
body.siapiya-action-center-open{overflow:hidden}
@keyframes siapiyaActionIn{from{transform:translateX(28px);opacity:.2}to{transform:none;opacity:1}}
@keyframes siapiyaBellAttention{0%,100%{transform:rotate(0)}30%{transform:rotate(12deg)}65%{transform:rotate(-10deg)}}
@media(max-width:991.98px){
  .siapiya-action-center-button{width:36px;height:36px;min-height:36px;padding:0;border-radius:10px}
  .siapiya-action-center-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
}
@media(max-width:575.98px){
  .siapiya-action-center{display:grid;align-items:end;grid-template-columns:1fr;padding:8px 7px calc(8px + env(safe-area-inset-bottom))}
  .siapiya-action-center-backdrop{position:absolute;inset:0}
  .siapiya-action-center-panel{grid-column:1;min-height:0;height:min(84dvh,760px);max-height:84dvh;border:1px solid var(--sia-line,#d9dee7);border-radius:22px;box-shadow:0 -18px 60px rgba(0,0,0,.28);animation:siapiyaActionUp .2s ease-out}
  .siapiya-action-center-panel>header{padding:15px 15px 10px}
  .siapiya-action-center-body{padding:9px}
  .siapiya-action-center-panel>footer{padding:10px 11px calc(10px + env(safe-area-inset-bottom))}
  .siapiya-action-center-panel>footer span{display:none}
}
@keyframes siapiyaActionUp{from{transform:translateY(28px);opacity:.2}to{transform:none;opacity:1}}
@media(prefers-reduced-motion:reduce){.siapiya-action-center-panel,.siapiya-action-center-button.has-items>.bi{animation:none!important}}