.payment-proof-preview{margin:16px 0;max-width:100%}
.payment-proof-thumbnail{position:relative;display:block;width:220px;max-width:100%;height:148px;padding:8px;border:1px solid var(--k-line,var(--brand-border));border-radius:12px;overflow:hidden;background:var(--color-surface,var(--brand-surface));cursor:zoom-in}
.payment-proof-thumbnail img{display:block;width:100%;height:100%;object-fit:contain}
.payment-proof-magnifier{position:absolute;right:8px;bottom:8px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#080b08e8;color:#fff;box-shadow:0 2px 8px #0005}
.payment-proof-thumbnail:focus-visible{outline:2px solid var(--brand-primary,#c9fa00);outline-offset:4px}
.proof-lightbox{box-sizing:border-box;width:min(1100px,calc(100% - 32px));height:min(850px,calc(100dvh - 32px));max-width:none;max-height:none;padding:0;border:1px solid #42483b;border-radius:16px;background:#10130f;color:#f6f8f3;box-shadow:0 24px 80px #0008;overflow:hidden}
.proof-lightbox[open]{display:flex;flex-direction:column}
.proof-lightbox::backdrop{background:#000c}
.proof-lightbox-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid #343d2b}
.proof-lightbox-header h2{font:700 16px/1.3 var(--font-family,sans-serif);margin:0;color:inherit}
.proof-lightbox-controls{display:flex;align-items:center;gap:8px}
.proof-lightbox button{display:grid;place-items:center;min-width:44px;height:44px;border:1px solid #59654c;border-radius:8px;background:#20261b;color:#f6f8f3;font:600 16px/1 var(--font-family,sans-serif);cursor:pointer}
.proof-lightbox button:disabled{opacity:.4;cursor:default}
.proof-lightbox button:focus-visible{outline:2px solid #c9fa00;outline-offset:2px}
.proof-lightbox-reset{padding:0 12px}
.proof-lightbox-zoom{min-width:48px;text-align:center;font-size:13px}
.proof-lightbox-stage{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;background:#080b08;scrollbar-width:thin;scrollbar-color:#657b3a transparent}
.proof-lightbox-stage.is-zoomed{cursor:grab}
.proof-lightbox-stage.is-dragging{cursor:grabbing;user-select:none}
.proof-lightbox-canvas{box-sizing:border-box;display:grid;place-items:center;width:max-content;min-width:100%;min-height:100%;padding:16px}
.proof-lightbox-image{display:block;max-width:none!important;max-height:none!important;object-fit:contain;flex-shrink:0}
.proof-lightbox-help{margin:0;padding:10px 16px;color:#abb2a6;font-size:13px;line-height:1.4}
@media(max-width:600px){.proof-lightbox{width:calc(100% - 16px);height:calc(100dvh - 16px);border-radius:12px}.proof-lightbox-header{padding:10px;gap:8px}.proof-lightbox-controls{gap:5px}.proof-lightbox-help{padding:8px 12px}.proof-lightbox-header h2{font-size:14px}}