.rd-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;margin:0 0 16px;border:1px solid #d7e3ed;border-radius:12px;background:#f5f9fd;color:#27415e;font-size:13px;line-height:1.45;min-width:0}
.rd-copy{display:flex;align-items:flex-start;gap:9px;min-width:0}.rd-copy strong{display:block;font-size:13px;overflow-wrap:anywhere}.rd-copy small{display:block;color:#66798e;font-size:12px;margin-top:2px}.rd-dot{width:7px;height:7px;flex:0 0 7px;margin-top:6px;border-radius:50%;background:#5682ac}.rd-banner[data-tone=success] .rd-dot{background:#29835b}.rd-banner[data-tone=warning]{background:#fff9ed;border-color:#ebd6aa}.rd-banner[data-tone=warning] .rd-dot{background:#b07a1f}
.rd-actions{display:flex;gap:6px;flex-wrap:wrap;flex-shrink:0}.rd-actions button{font:inherit;font-weight:600;border:1px solid #cbd9e5;border-radius:8px;background:#fff;color:#31567b;min-height:36px;padding:6px 10px;cursor:pointer}.rd-actions button:hover{background:#edf4fc}.rd-actions button:focus-visible{outline:3px solid #8eb7ee;outline-offset:2px}.rd-actions .rd-primary{background:#245c94;border-color:#245c94;color:#fff}.rd-actions .rd-primary:hover{background:#194877}.rd-paused>:not(.rd-banner){display:none!important}
@media(max-width:600px){.rd-banner{align-items:flex-start;flex-direction:column;padding:11px 12px;gap:9px}.rd-actions{width:100%;justify-content:flex-end}.rd-actions button{min-height:40px}.rd-copy{width:100%}}

@media(max-width:600px){.rd-banner[data-actions="1"]{flex-direction:row;align-items:center}.rd-banner[data-actions="1"] .rd-copy{width:auto;flex:1}.rd-banner[data-actions="1"] .rd-actions{width:auto;flex-shrink:0}.rd-banner[data-actions="1"] .rd-actions button{padding:6px 8px;font-size:12px}}

/* Penindakan: the draft status lives in the title header, outside the form grid. */
#patopsPenindakanModal .rd-header-title{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;flex:1;min-width:0}
#patopsPenindakanModal .rd-header-title>h2{flex:0 0 100%;margin:0}
#patopsPenindakanModal .rd-header-title>p{margin:0;overflow-wrap:anywhere}
#patopsPenindakanModal .rd-header-status{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:6px 10px;max-width:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:#dbeafe;font:inherit;font-size:12px;line-height:1.4}
#patopsPenindakanModal .rd-header-status .rd-copy{width:auto;flex:0 1 auto;align-items:center;gap:6px;min-width:0}
#patopsPenindakanModal .rd-header-status .rd-copy strong{font:inherit;font-size:12px;font-weight:500}
#patopsPenindakanModal .rd-header-status .rd-dot{width:6px;height:6px;flex-basis:6px;margin:0;background:#a7c9f0}
#patopsPenindakanModal .rd-header-status[data-tone=success] .rd-dot{background:#79deb4}
#patopsPenindakanModal .rd-header-status[data-tone=warning]{color:#ffe2a6}
#patopsPenindakanModal .rd-header-status[data-tone=warning] .rd-dot{background:#ffd078}
#patopsPenindakanModal .rd-header-status .rd-actions{width:auto;justify-content:flex-start;flex-shrink:1;gap:6px}
#patopsPenindakanModal .rd-header-status .rd-actions:empty{display:none}
#patopsPenindakanModal .rd-header-status .rd-actions button{min-height:30px;padding:4px 9px;border:1px solid #ffffff45;border-radius:7px;background:#ffffff0d;color:#f1f6ff;font:inherit;font-size:12px;font-weight:600}
#patopsPenindakanModal .rd-header-status .rd-actions button:hover{background:#ffffff24}
#patopsPenindakanModal .rd-header-status .rd-actions .rd-primary{background:#eaf2ff;border-color:#eaf2ff;color:#153e6b}
#patopsPenindakanModal .rd-header-status .rd-actions .rd-primary:hover{background:#d4e5ff}
#patopsPenindakanFormV23B.rd-paused{display:none}
@media(max-width:600px){#patopsPenindakanModal .rd-header-status{flex-basis:100%}#patopsPenindakanModal .rd-header-status .rd-actions button{min-height:36px}#patopsPenindakanModal .patops-modal-close{flex-shrink:0}}

/* Autosave updates text in place. Reserve the action row even while saving. */
.rd-copy > div {min-width:0;}
.rd-banner[data-routine="1"] .rd-copy strong {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.rd-actions {min-height:36px;align-items:center;}
.rd-actions button:disabled {opacity:.55;cursor:default;}
#patopsPenindakanModal .rd-header-status {width:100%;min-height:30px;flex-wrap:nowrap;align-items:center;}
#patopsPenindakanModal .rd-header-status .rd-copy {flex:1;min-width:0;}
#patopsPenindakanModal .rd-header-status .rd-actions {flex-shrink:0;min-height:30px;}
#patopsPenindakanModal .rd-header-status .rd-actions button {min-width:56px;}
@media(max-width:600px){
  .rd-actions {min-height:40px;}
  #patopsPenindakanModal .rd-header-status,#patopsPenindakanModal .rd-header-status .rd-actions {min-height:36px;}
}

.rd-loading-panel{padding:28px 24px;min-height:150px;box-sizing:border-box;display:flex;gap:12px;align-items:center;justify-content:center;color:#27415e}
.rd-loading-panel[hidden]{display:none!important}
.rd-loading-panel[aria-busy=true]::before{content:"";width:22px;height:22px;flex:none;border:3px solid #cbdced;border-top-color:#245c94;border-radius:50%;animation:rd-spin .8s linear infinite}
#patopsPenindakanModal .rd-header-status[aria-busy=true] .rd-dot{width:12px;height:12px;flex-basis:12px;border:2px solid #ffffff55;border-top-color:#fff;background:transparent;animation:rd-spin .8s linear infinite}
@keyframes rd-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.rd-loading-panel::before,.rd-header-status .rd-dot,.rt-page [data-rt-status]::before{animation:none!important}}

#patopsPenindakanFormV23B[inert] #submitPatopsPenindakanButton::before,#submitPatopsPenindakanButton[aria-busy=true]::before{content:"";display:inline-block;vertical-align:middle;margin-right:8px;width:16px;height:16px;border:2px solid #ffffff66;border-top-color:currentColor;border-radius:50%;animation:rd-spin .8s linear infinite}