/**
 * profile.css — the Profile page: identity card, the settings list rows
 * (assigned site, sampling, connection, appearance), and the sign-out button.
 */

.pf-id{display:flex;align-items:center;gap:14px;padding:20px;background:var(--surface);border:none;border-radius:16px;box-shadow:0 1px 2px rgba(16,32,54,.04);margin:22px 0 14px}
.pf-av{width:52px;height:52px;border-radius:50%;flex:none;background:linear-gradient(150deg,var(--accent),var(--brand));display:grid;place-items:center;color:#fff;font-weight:800;font-size:20px}
.pf-list{background:var(--surface);border:none;border-radius:16px;box-shadow:0 1px 2px rgba(16,32,54,.04);overflow:hidden}
.pf-row{display:flex;align-items:center;gap:12px;padding:15px 18px;border-bottom:1px solid var(--line-2);width:100%;text-align:left}
.pf-row:last-child{border-bottom:none}
.pf-row .k{color:var(--muted);font-size:13px;font-weight:600}
.pf-row .v{margin-left:auto;font-weight:700;font-size:14px;display:flex;align-items:center;gap:7px}
.pf-row.tap:hover{background:var(--surface-2)}
.pf-dot{width:8px;height:8px;border-radius:50%}
.pf-row .v svg{width:16px;height:16px;display:block;color:var(--faint)}

/* View-as dropdown (shown only when the user also holds higher credentials) */
.pf-select{background:var(--surface-2);border:1px solid var(--line);border-radius:9px;padding:7px 10px;font-family:inherit;font-size:13.5px;font-weight:700;color:var(--ink);max-width:180px}
/* appearance moon glyph (half-filled disc) */
.moon{width:13px;height:13px;border-radius:50%;border:1.6px solid currentColor;flex:none;background:linear-gradient(90deg,currentColor 0 50%,transparent 50%)}
.moon.d{background:linear-gradient(90deg,transparent 0 50%,currentColor 50%)}

.submit{width:100%;padding:17px;border-radius:16px;background:var(--brand);color:#fff;font-weight:800;font-size:15.5px;box-shadow:var(--shadow);margin-top:22px}
.submit:active{background:var(--brand-dk)}
.submit[disabled]{background:var(--line);color:var(--faint);box-shadow:none}