/* Your profile — page styling (shell + shared components come from tokens.css). */
.pf-head .eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--ink-3)}
.pf-head h1{font-size:24px;font-weight:750;letter-spacing:-.02em;margin:3px 0 2px}
.pf-head .sub{font-size:13px;color:var(--ink-3);margin:0}
.pf-card{max-width:760px;padding:22px 24px;margin-top:18px}

.pf-avrow{display:flex;align-items:center;gap:18px;padding-bottom:20px;margin-bottom:4px;border-bottom:1px solid var(--border)}
.pf-av{width:76px;height:76px;border-radius:50%;flex:0 0 auto;overflow:hidden;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#2E7DD8,#7C5CE0);color:#fff;font-size:24px;font-weight:700;letter-spacing:.02em}
.pf-av img{width:100%;height:100%;object-fit:cover;display:block}
.pf-avact{display:flex;flex-direction:column;gap:8px;min-width:0}
.pf-lbl{font-size:13px;font-weight:650;color:var(--ink)}
.pf-avbtns{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.pf-avbtns .btn svg{width:15px;height:15px}
.pf-link{border:none;background:none;font:inherit;font-size:13px;font-weight:600;color:var(--ink-3);cursor:pointer;padding:0}
.pf-link:hover{color:var(--red)}
.pf-hint{font-size:11.5px;color:var(--ink-4)}

.pf-fld{margin-top:18px}
.pf-fld > label{display:block;font-size:12.5px;font-weight:650;color:var(--ink-2);margin-bottom:6px}
.pf-fld input{width:100%;font:inherit;font-size:14px;color:var(--ink);background:var(--surface-1);
  border:1px solid var(--border-2);border-radius:10px;padding:11px 13px}
.pf-fld input:focus{outline:none;background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.pf-note{font-size:11.5px;color:var(--ink-4);margin-top:6px;line-height:1.5}

.pf-role{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:650;
  background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:7px 14px}
.pf-role svg{width:15px;height:15px}

.pf-rorow{position:relative}
.pf-ro{color:var(--ink-3)!important;cursor:default}
.pf-lock{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--ink-4);display:flex}
.pf-lock svg{width:15px;height:15px}

.pf-save{margin-top:22px}
.pf-signout{max-width:760px;margin-top:16px}
.pf-signout .btn svg{width:15px;height:15px}

.pf-toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(12px);opacity:0;pointer-events:none;
  background:var(--ink);color:#fff;font-size:13px;font-weight:600;padding:11px 18px;border-radius:10px;
  box-shadow:var(--shadow-lg);transition:opacity .18s,transform .18s;z-index:3000;max-width:90vw}
.pf-toast.open{opacity:1;transform:translateX(-50%) translateY(0)}