/* Personal profile, avatars with photos, identity block, per-shift OP payouts. */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.avatar.has-img{padding:0;overflow:hidden;background:var(--surface-2)}
.avatar.has-img img{width:100%;height:100%;object-fit:cover;display:block}
.rail-ava,.top-ava{position:relative;display:inline-flex;text-decoration:none;border-radius:50%}
.rail-ava:focus-visible,.top-ava:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.dot-warn{position:absolute;right:-1px;top:-1px;width:11px;height:11px;border-radius:50%;background:var(--warn);border:2px solid var(--rail-bg, #1f3b28)}
.rail-acct a + a{margin-left:12px}
.pf-nag{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}

.pf-sync{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:14px 18px;margin-bottom:16px}
.pf-sync p{margin:2px 0 0}
.pf-form{max-width:860px}
.pf-sec{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:16px 18px;margin-bottom:14px}
.pf-sec h3{margin:0 0 12px;font-size:15px}
.pf-req{color:var(--bad)}
.pf-avatar{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.pf-ava-img{width:112px;height:112px;border-radius:50%;overflow:hidden;background:#cfe3d5;color:#173d23;display:grid;place-items:center;font-size:34px;flex:none;border:1px solid var(--line)}
.pf-ava-img img{width:100%;height:100%;object-fit:cover}
.pf-avatar.picked .pf-ava-img b{display:none}
.pf-avatar p{margin:6px 0 0}
.pf-idtype{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.pf-idtype label{display:inline-flex;gap:6px;align-items:center;border:1px solid var(--line);border-radius:999px;padding:6px 12px;cursor:pointer;background:var(--surface)}
.pf-idtype label:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}
.pf-sec:has(input[value="CCCD"]:checked) .pf-pp{display:none}
.pf-sec:has(input[value="PASSPORT"]:checked) .pf-cccd{display:none}
.pf-scans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0 8px}
.pf-scan{display:flex;flex-direction:column;gap:6px}
.pf-scan-box{position:relative;display:grid;place-items:center;aspect-ratio:1.58;border:1.5px dashed var(--line);border-radius:10px;background:var(--surface-2);overflow:hidden;cursor:pointer}
.pf-scan-box img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pf-scan-box img:not([hidden]) + .pf-scan-ph{display:none}
.pf-scan-ph{color:var(--ink-2);font-size:13px}
.pf-foot{display:flex;justify-content:flex-end;margin:6px 0 30px}
@media (max-width:560px){.pf-scans{grid-template-columns:minmax(0,1fr)}}

.pf-id-card{display:flex;gap:12px;align-items:center;flex-wrap:wrap;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:10px 14px;margin-top:12px}
.pf-id-card.missing{border-color:var(--warn)}
.pf-id-main{display:flex;flex-direction:column;gap:2px;flex:1;min-width:200px}
.pf-id-main .k{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-2);font-weight:600}
.pf-id-scans{display:flex;gap:6px}
.pf-id-scans img{width:64px;height:42px;object-fit:cover;border-radius:6px;border:1px solid var(--line)}

details.op-pay{border:1px solid var(--line);border-radius:12px;background:var(--surface);margin-bottom:8px}
details.op-pay > summary{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:10px 14px;cursor:pointer;list-style:none}
details.op-pay > summary::-webkit-details-marker{display:none}
details.op-pay[open] > summary{border-bottom:1px solid var(--line)}
.op-pay-who,.op-pay-bank,.op-pay-sum{display:flex;flex-direction:column;line-height:1.3}
.op-pay-who{flex:1;min-width:160px}
.op-pay-bank{min-width:180px}
.op-pay-sum{text-align:right;min-width:120px}
.op-pay small{color:var(--ink-2);font-size:12px}
.op-pay-rows{padding:4px 14px 8px}
input[style*="uppercase"]::placeholder{text-transform:none}
