.imp-photo-preview-btn {width:66px!important; height:58px!important; padding:4px!important; display:inline-flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; gap:3px!important; border-radius:14px!important; background:#f8fafc!important; border:1px solid #cfe4ff!important; color:#0369a1!important; font-size:.58rem!important; font-weight:950!important; box-shadow:0 6px 14px rgba(15,23,42,.06)!important;}
.imp-photo-preview-btn img {width:48px!important; height:36px!important; object-fit:cover!important; border-radius:10px!important; display:block!important;}
.imp-photo-empty {display:inline-flex!important; align-items:center!important; justify-content:center!important; width:54px!important; height:38px!important; border-radius:10px!important; background:#f8fafc!important; border:1px dashed #cbd5e1!important; color:#94a3b8!important; font-weight:900!important;}
.imp-photo-viewer24 {position:fixed!important; inset:0!important; z-index:1000002!important; display:flex!important; align-items:center!important; justify-content:center!important; padding:22px!important; background:rgba(2,6,23,.78)!important; backdrop-filter:blur(10px)!important; -webkit-backdrop-filter:blur(10px)!important; opacity:0!important; visibility:hidden!important; transition:opacity .18s ease,visibility .18s ease!important;}
.imp-photo-viewer24.show {opacity:1!important; visibility:visible!important;}
.imp-photo-x24 {position:fixed!important; top:18px!important; right:18px!important; width:42px!important; height:42px!important; border-radius:999px!important; border:1px solid rgba(255,255,255,.20)!important; background:rgba(15,23,42,.92)!important; color:#fff!important; font-size:30px!important; line-height:1!important; font-weight:800!important; display:flex!important; align-items:center!important; justify-content:center!important; box-shadow:0 16px 40px rgba(0,0,0,.35)!important; cursor:pointer!important;}
.imp-phone-frame24 {position:relative!important; width:min(84vw,360px)!important; height:min(82vh,720px)!important; padding:18px 12px 14px!important; border-radius:38px!important; background:linear-gradient(145deg,#0f172a,#020617)!important; border:5px solid #111827!important; box-shadow:0 35px 90px rgba(0,0,0,.55),inset 0 0 0 1px rgba(255,255,255,.08)!important; display:flex!important; align-items:center!important; justify-content:center!important; overflow:hidden!important;}
.imp-phone-notch24 {position:absolute!important; top:9px!important; left:50%!important; transform:translateX(-50%)!important; width:92px!important; height:18px!important; border-radius:0 0 15px 15px!important; background:#020617!important; z-index:2!important;}
.imp-phone-frame24 img {width:100%!important; height:100%!important; object-fit:contain!important; border-radius:28px!important; background:#050816!important; display:block!important;}
#pmodal-Piutang .modal-dialog, #pmodal-Utang .modal-dialog {max-width:min(430px,94vw)!important;}
#pmodal-Piutang .modal-content, #pmodal-Utang .modal-content {border-radius:22px!important;}
#pmodal-Piutang .modal-header, #pmodal-Utang .modal-header {padding:12px 16px!important;}
#pmodal-Piutang .modal-title, #pmodal-Utang .modal-title {font-size:.98rem!important;}
#pmodal-Piutang .modal-body, #pmodal-Utang .modal-body {padding:13px 16px!important; display:grid!important; grid-template-columns:1fr 1fr!important; gap:8px 10px!important;}
#pmodal-Piutang .modal-body>input[type="hidden"], #pmodal-Utang .modal-body>input[type="hidden"] {display:none!important;}
#pmodal-Piutang .mb-3, #pmodal-Utang .mb-3 {margin-bottom:0!important;}
#pmodal-Piutang .form-label-premium, #pmodal-Utang .form-label-premium {font-size:.62rem!important; margin-bottom:4px!important; letter-spacing:.35px!important;}
#pmodal-Piutang .quick-input-field, #pmodal-Utang .quick-input-field, #pmodal-Piutang .form-control, #pmodal-Utang .form-control {min-height:34px!important; border-radius:10px!important; font-size:.76rem!important; padding:6px 9px!important;}
#pmodal-Piutang textarea.quick-input-field, #pmodal-Utang textarea.quick-input-field {min-height:48px!important; rows:2!important;}
#pmodal-Piutang .imp-photo-field, #pmodal-Utang .imp-photo-field, #pmodal-Piutang .mb-3:has(textarea), #pmodal-Utang .mb-3:has(textarea) {grid-column:1/-1!important;}
#pmodal-Piutang .imp-photo-hint, #pmodal-Utang .imp-photo-hint {font-size:.62rem!important; margin-top:3px!important;}
#pmodal-Piutang .imp-photo-form-preview img, #pmodal-Utang .imp-photo-form-preview img {width:58px!important; height:42px!important; border-radius:10px!important;}
#pmodal-Piutang .modal-footer, #pmodal-Utang .modal-footer {padding:10px 14px!important;}
#pmodal-Piutang .modal-footer .btn, #pmodal-Utang .modal-footer .btn {padding:7px 13px!important; border-radius:11px!important; font-size:.78rem!important;}
@media(max-width:520px) {
#pmodal-Piutang .modal-body, #pmodal-Utang .modal-body {grid-template-columns:1fr!important}
.imp-phone-frame24 {width:88vw!important;height:78vh!important;border-radius:32px!important}
}