/* Scoped recording layout and shared refresh controls. */
#patopsPenindakanFormV23B {grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;}
#patopsPenindakanFormV23B > section.app-pndk-form-section[data-pndk-step] {grid-column:auto;grid-row:auto;position:static;top:auto;min-width:0;}
#patopsPenindakanFormV23B > section.app-pndk-form-section[data-pndk-step] h3::before {display:none;content:none;}
#patopsPenindakanFormV23B > section.app-pndk-form-section.pl-pndk-primary[data-pndk-step],
#patopsPenindakanFormV23B > section.app-pndk-form-section.pl-pndk-object[data-pndk-step] {grid-column:1/-1;}
#patopsPenindakanFormV23B > section.app-pndk-form-section.pl-pndk-location[data-pndk-step] {grid-column:2;grid-row:auto;position:static;}
#patopsPenindakanFormV23B [hidden] {display:none!important;}
.pl-prin-summary-v121 {display:grid;grid-template-columns:1fr 1fr;column-gap:28px;}
.pl-prin-summary-v121 > div {display:grid;grid-template-columns:104px minmax(0,1fr);gap:10px;align-items:baseline;padding:9px 0;border-bottom:1px solid #e9eef5;}
.pl-prin-summary-v121 span {font-size:12px;color:#667d98;}
.pl-prin-summary-v121 strong {font-size:13px;line-height:1.5;font-weight:650;color:#15395e;overflow-wrap:anywhere;}
#patopsPenindakanFormV23B .app-pndk-form-grid {gap:16px;}
#patopsPenindakanFormV23B .pl-pndk-primary h3 {margin-bottom:6px;}
#patopsPenindakanFormV23B #pndkSignerPlan {margin-top:16px;}
#patopsPenindakanFormV23B .app-pndk-signer-card {padding:10px 12px;margin:8px 0 0;box-shadow:none;}
#patopsPenindakanFormV23B .app-pndk-signer-heading > span {display:none;}
#patopsPenindakanFormV23B .pl-riksa-required-v121 {color:#226a44;background:#f0faf4;border-color:#cce7d6;cursor:default;}
#patopsPenindakanFormV23B .pl-riksa-required-v121 input {accent-color:#267449;opacity:1;}
#pndkAddAdditionalPrinV111AN {width:40px;min-width:40px;min-height:40px;padding:0;font-size:24px;line-height:1;}
#patopsPenindakanFormV23B .app-pndk-additional-prin-heading-v111an {display:flex;align-items:center;justify-content:space-between;gap:12px;}
#patopsPenindakanFormV23B .app-pndk-coordinate-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 64px;gap:10px;}
#patopsPenindakanFormV23B .app-pndk-coordinate-grid label {min-width:0;}
#patopsPenindakanFormV23B .app-pndk-coordinate-grid label > span {white-space:nowrap;letter-spacing:0;font-size:11px;}
#patopsPenindakanFormV23B .app-pndk-coordinate-grid input,
#patopsPenindakanFormV23B .app-pndk-coordinate-grid select {width:100%;min-width:0;padding:10px 6px;font-size:15px;min-height:44px;}
#patopsPenindakanFormV23B .app-pndk-map-placeholder-head {display:flex;flex-wrap:nowrap;align-items:center;gap:8px;}
#patopsPenindakanFormV23B .app-pndk-map-placeholder-head > div {flex:1;min-width:0;}
#patopsPenindakanFormV23B .app-pndk-map-placeholder-head > div span {display:block;background:none;border:0;padding:3px 0;font-size:11px;line-height:1.4;}
#patopsPenindakanFormV23B .pl-map-icon-v121 {flex:0 0 40px;width:40px;min-width:40px;min-height:40px;padding:0;display:inline-grid;place-items:center;background:#14385f;color:#fff;border:1px solid #14385f;font-size:0;}
.pl-map-icon-v121::before {content:"";display:block;width:21px;height:21px;background:currentColor;mask:url('../assets/ui/my-location.png') center/contain no-repeat;-webkit-mask:url('../assets/ui/my-location.png') center/contain no-repeat;}
.pl-map-icon-v121[data-map-action="refresh"]::before {mask-image:url('../assets/ui/refresh.png');-webkit-mask-image:url('../assets/ui/refresh.png');}
.pl-map-icon-v121:disabled::before {opacity:.6;}
#patopsPenindakanFormV23B #pndkCoordinateMapStatus {margin:10px 0 0;color:#9f3737;font-size:12px;}
#patopsPenindakanFormV23B .app-pndk-form-actions {display:flex;align-items:center;gap:10px;}
#patopsPenindakanFormV23B .app-pndk-form-actions .primary-button {margin-left:auto;}
.pl-pndk-step-status-v121 {font-size:12px;font-weight:600;color:#60758d;}
button.pl-refresh-v121 {position:relative;display:inline-grid;place-items:center;flex-shrink:0;width:40px!important;min-width:40px!important;height:40px;min-height:40px;padding:0!important;gap:0!important;font-size:0!important;line-height:0!important;}
button.pl-refresh-v121[hidden] {display:none!important;}
button.pl-refresh-v121 > * {display:none!important;}
button.pl-refresh-v121::before {content:"";display:block;width:20px;height:20px;background:currentColor;mask:url('../assets/ui/refresh.png') center/contain no-repeat;-webkit-mask:url('../assets/ui/refresh.png') center/contain no-repeat;}
button.pl-refresh-v121:is([data-pl-refreshing="1"],[aria-busy="true"],.is-loading-v21c1,.is-loading-v24d10c)::before {animation:pl-refresh-turn-v121 .8s linear infinite;}
button.pl-refresh-v121.is-loading-v21c1,button.pl-refresh-v121.is-loading-v24d10c {animation:none;}
button.pl-refresh-v121:focus-visible,.pl-map-icon-v121:focus-visible {outline:3px solid #81b2f4;outline-offset:3px;}
@keyframes pl-refresh-turn-v121 {to{transform:rotate(360deg);}}
@media(max-width:1000px){
  #patopsPenindakanFormV23B {grid-template-columns:1fr;}
  #patopsPenindakanFormV23B > section.app-pndk-form-section[data-pndk-step],
  #patopsPenindakanFormV23B > section.app-pndk-form-section.pl-pndk-location[data-pndk-step] {grid-column:1/-1;}
}
@media(max-width:820px){
  #patopsPenindakanModal {top:var(--pl-recording-top,0px);bottom:auto;height:var(--pl-recording-height,100dvh);padding:0;align-items:stretch;}
  #patopsPenindakanModal .app-pndk-form-modal {display:flex;flex-direction:column;height:100%!important;max-height:100%!important;min-height:0!important;width:100%;border-radius:0;overflow:hidden!important;}
  #patopsPenindakanModal .patops-modal-header {flex-shrink:0;}
  #patopsPenindakanFormV23B {display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;align-items:stretch;}
  #patopsPenindakanFormV23B > section.app-pndk-form-section[data-pndk-step] {flex-shrink:0;}

  #patopsPenindakanFormV23B {padding:12px 12px 0;gap:12px;}
  #patopsPenindakanFormV23B > section.app-pndk-form-section[data-pndk-step] {padding:14px;border-radius:14px;}
  .pl-prin-summary-v121 {grid-template-columns:1fr;}
  .pl-prin-summary-v121 > div {grid-template-columns:92px minmax(0,1fr);padding:8px 0;}
  #patopsPenindakanFormV23B .app-pndk-form-grid {grid-template-columns:1fr;gap:14px;}
  #patopsPenindakanFormV23B .app-pndk-coordinate-grid {grid-template-columns:repeat(3,minmax(0,1fr)) 54px;gap:8px;}
  #patopsPenindakanFormV23B .app-pndk-form-actions {flex-shrink:0;flex-wrap:wrap;margin:auto -12px 0;padding:10px 12px max(8px,env(safe-area-inset-bottom));}
  #patopsPenindakanFormV23B .pl-pndk-step-status-v121 {width:100%;font-size:11px;}
  #patopsPenindakanFormV23B .app-pndk-form-actions .primary-button {flex:1;width:auto;min-width:0;min-height:44px;font-size:14px;padding:12px;}
  #patopsPenindakanFormV23B #pndkPreviousStepV121 {width:auto;min-width:86px;min-height:44px;padding:12px;font-size:13px;}
  #patopsPenindakanFormV23B .app-pndk-coordinate-manual-note {padding:10px;margin-top:14px;}
}
@media(prefers-reduced-motion:reduce){button.pl-refresh-v121::before {animation:none!important;}}

/* Keep icon positioning independent of text line boxes and button dimensions. */
button.pl-refresh-v121::before,button.pl-map-icon-v121::before {
  position:absolute!important;inset:0!important;margin:auto!important;display:block!important;
  width:20px!important;height:20px!important;padding:0!important;border:0!important;
  box-sizing:border-box;pointer-events:none;transform-origin:center;
}
button.pl-refresh-v121::after,button.pl-map-icon-v121::after {content:none!important;display:none!important;}
#patopsPenindakanFormV23B button.pl-map-icon-v121 {position:relative;height:40px;line-height:0;font-size:0;padding:0;}
#patopsPenindakanFormV23B button.pl-map-icon-v121[data-map-action="refresh"] {background:#fff;color:#173c62;border-color:#d6e0ed;animation:none!important;}
#patopsPenindakanFormV23B button.pl-map-icon-v121[data-map-action="refresh"]::before {
  mask-image:url('../assets/ui/refresh-map.png');-webkit-mask-image:url('../assets/ui/refresh-map.png');animation:none!important;transform:none!important;
}
#patopsPenindakanFormV23B .app-pndk-additional-prin-heading-v111an {flex-direction:row;text-align:left;gap:12px;margin-bottom:10px;}
#patopsPenindakanFormV23B .app-pndk-additional-prin-heading-v111an > div {flex:1;min-width:0;align-items:flex-start;text-align:left;}
#patopsPenindakanFormV23B .app-pndk-additional-prin-heading-v111an strong {font-size:13px;line-height:1.4;}
#patopsPenindakanFormV23B .app-pndk-additional-prin-heading-v111an small {margin-top:2px;font-size:11px;line-height:1.4;}
#patopsPenindakanFormV23B #pndkAddAdditionalPrinV111AN {flex:0 0 36px;align-self:center;margin:0;width:36px;min-width:36px;height:36px;min-height:36px;display:inline-grid;place-items:center;padding:0;}
#patopsPenindakanFormV23B .app-pndk-additional-prin-row-v111an {display:grid;grid-template-columns:minmax(0,1fr) 36px;gap:8px;align-items:end;}
#patopsPenindakanFormV23B .app-pndk-additional-prin-row-v111an > label {min-width:0;margin:0;}
#patopsPenindakanFormV23B .app-pndk-additional-prin-row-v111an select {width:100%;max-width:100%;min-width:0;min-height:40px;padding:8px;font-size:12px;border:1px solid #d6e0ed;border-radius:8px;}
#patopsPenindakanFormV23B .app-pndk-remove-prin-button-v111an {display:inline-grid;place-items:center;width:36px;min-width:36px;height:36px;min-height:36px;padding:0;margin:0 0 2px;color:#b72b36;background:#fff5f5;border:1px solid #f4ced2;border-radius:8px;font-size:24px;line-height:1;}
#patopsPenindakanFormV23B #pndkSignerPlan {margin-top:12px;}
#patopsPenindakanFormV23B .pl-signer-summary-v121 h4 {margin:0 0 4px;font-size:12px;font-weight:750;line-height:1.4;color:#15385e;}
#patopsPenindakanFormV23B .pl-signer-summary-v121 p {margin:2px 0;font-size:12px;line-height:1.4;overflow-wrap:anywhere;}
#patopsPenindakanFormV23B .pl-signer-summary-v121 .pl-signer-name-v121 {font-weight:650;}
#patopsPenindakanFormV23B .pl-signer-summary-v121 small,#patopsPenindakanFormV23B .pl-signer-summary-v121 .pl-signer-vessel-v121 {font-weight:400;font-size:11px;color:#647b94;}
#patopsPenindakanFormV23B .vh-match .vh-candidate {flex-direction:row;align-items:center;gap:10px;min-height:44px;margin:0;padding:8px 0!important;}
#patopsPenindakanFormV23B .vh-match .pl-vessel-suggestion-v121 {display:flex;flex-wrap:wrap;align-items:baseline;column-gap:10px;row-gap:2px;}
#patopsPenindakanFormV23B .vh-match .pl-vessel-suggestion-v121 strong {font-size:12px;line-height:1.4;}
#patopsPenindakanFormV23B .vh-match .pl-vessel-suggestion-v121 small {margin:0;font-size:11px;line-height:1.4;white-space:nowrap;}
#patopsPenindakanFormV23B .vh-match .vh-candidate .vh-link {align-self:center;flex-shrink:0;font-size:20px;line-height:1;}
@media(max-width:820px){
  #patopsPenindakanModal[data-keyboard-open="1"] .app-pndk-form-actions {padding-bottom:8px;}
}

/* Compact header and inline field actions for recording. */
#patopsPenindakanModal .patops-modal-header{padding:10px 16px;min-height:0;align-items:center}
#patopsPenindakanModal .rd-header-title{gap:3px 10px}
#patopsPenindakanModal .rd-header-title>h2{font-size:18px;line-height:1.25}
#patopsPenindakanModal .rd-header-status{min-height:18px;line-height:1.4;width:100%}
#patopsPenindakanModal .rd-header-status .rd-actions:empty{display:none}
#patopsPenindakanModal .patops-modal-close{width:34px;height:34px;min-height:34px;min-width:34px;display:flex;align-items:center;justify-content:center;padding:0;line-height:1}
#patopsPenindakanFormV23B .pl-pndk-date-error-v121{display:block;font-size:12px;line-height:1.4;color:#b42318;margin-top:6px}
#patopsPenindakanFormV23B .pl-pndk-date-error-v121[hidden]{display:none}
#patopsPenindakanFormV23B #pndkTanggalPenindakan[aria-invalid=true]{border-color:#d65d50!important}
#patopsPenindakanFormV23B .pl-clear-control-v121{position:relative;display:block;min-width:0;width:100%}
#patopsPenindakanFormV23B .pl-clear-control-v121>input,#patopsPenindakanFormV23B .pl-clear-control-v121>textarea{width:100%;box-sizing:border-box;padding-right:40px!important}
#patopsPenindakanFormV23B .pl-field-clear-v121{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:30px;height:30px;min-height:30px;min-width:30px;padding:0;margin:0;border:0;background:transparent;box-shadow:none;cursor:pointer;z-index:1;touch-action:manipulation}
#patopsPenindakanFormV23B .pl-field-clear-v121[hidden]{display:none}
#patopsPenindakanFormV23B .pl-field-clear-v121>span{display:flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:50%;border:1px solid #b7c0ca;background:#eef1f5;color:#748295;font:15px/1 Arial,sans-serif}
#patopsPenindakanFormV23B .pl-field-clear-v121:hover>span{background:#e0e6ed;color:#425a72}
#patopsPenindakanFormV23B .pl-field-clear-v121:focus-visible{outline:2px solid #3979bb;outline-offset:0;border-radius:50%}
@media(max-width:600px){#patopsPenindakanModal .patops-modal-header{padding:10px 13px}#patopsPenindakanModal .rd-header-title>h2{font-size:17px}#patopsPenindakanModal .rd-header-status{min-height:18px}}