/* Экраны «Я в этом проекте» и «Мой профиль» (features/profile-screens.js).
   Токены цвета и шрифты — общие с style.css; сюда вынесено, потому что бюджет
   размера style.css исчерпан. */
.profile-screen{max-width:560px;width:100%;margin:0 auto}
.profile-card{display:grid;gap:12px;padding:16px;border:1px solid var(--line);border-radius:10px;background:#fbfaf6}
.profile-card h3{margin:0;font-size:1.02rem;letter-spacing:-.02em}
.profile-note{margin:0;color:var(--muted);font-size:.78rem;line-height:1.45;overflow-wrap:anywhere}
.profile-field{display:grid;gap:6px;margin:0}
.profile-label{font:12px 'DM Mono','Manrope',ui-sans-serif,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.profile-field input{width:100%;min-width:0;min-height:44px;padding:8px 0;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);font:500 .95rem Manrope,Arial,sans-serif;outline:none}
.profile-field input:focus{border-bottom-color:var(--accent)}
.profile-field input:disabled{color:var(--muted);border-bottom-color:transparent}
.profile-field input::placeholder{color:var(--muted);opacity:.8}
.profile-hint{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;min-height:28px;margin-top:-4px}
.profile-badge{display:inline-block;max-width:100%;padding:3px 9px;border:1px solid var(--tap-border);border-radius:99px;background:var(--tap-bg);color:var(--deep);font:12px 'DM Mono','Manrope',ui-sans-serif,system-ui,sans-serif;overflow-wrap:anywhere}
.profile-badge-own{background:transparent;color:var(--accent)}
.profile-reset{min-height:32px;font-size:.72rem}
.profile-save{justify-self:start;min-width:160px;min-height:44px}
.profile-screen .profile-status{margin:0;min-height:1.2em;font:12px 'DM Mono','Manrope',ui-sans-serif,system-ui,sans-serif;color:var(--muted)}
.profile-screen .profile-status-ok{color:var(--ok)}
.profile-screen .profile-status-error{color:var(--warn)}
.profile-screen .ui-select{display:block;width:100%}
.person-own-link{justify-self:start;margin-top:6px}
.person-row .person-requisites-hint[hidden],.person-row .person-own-link[hidden],.person-row .person-requisites input[hidden]{display:none}
@media (max-width:380px){
  .profile-card{padding:14px 12px}
  .profile-save{width:100%}
}