/* Профиль. Один столбец карточек: личность, контакты, учёба, платежи,
   безопасность. Все краски — токены кабинета: своя палитра этому экрану
   не положена, иначе тёмная тема снова разъедется. */

.prof{max-width:880px;margin:0 auto;display:flex;flex-direction:column;gap:var(--s4);padding-bottom:var(--s9)}
.prof section{border-radius:var(--r-l);padding:var(--s6)}
.prof h2{font-size:17px;font-weight:680;letter-spacing:-.02em}
.prof .hint{font-size:12.5px;line-height:1.5;color:var(--muted);margin-top:6px;max-width:60ch}

/* ── личность ── */
.p-id{display:flex;align-items:center;gap:var(--s6);flex-wrap:wrap}
.p-ava{position:relative;width:96px;height:96px;flex:none;border-radius:50%;overflow:hidden;
  display:grid;place-items:center;color:#fff;font-size:34px;font-weight:700;
  background:linear-gradient(145deg,#0a82f7,#0755c9);
  box-shadow:0 14px 30px -14px rgba(5,102,219,.55),inset 0 1px rgba(255,255,255,.4)}
.p-ava img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.p-who{flex:1 1 260px;min-width:0}
.p-who h1{font-size:24px;font-weight:680;letter-spacing:-.03em}
.p-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.p-since{margin-top:10px;font-size:12.5px;color:var(--muted)}
.p-ava-act{display:flex;flex-direction:column;gap:8px;align-items:stretch}
.p-ava-act .btn{height:40px;padding:0 18px;font-size:12.5px}
.p-ava-act .quiet{border:0;background:none;box-shadow:none;color:var(--muted);cursor:pointer;
  font-size:12px;padding:2px}
.p-ava-act .quiet:hover{color:var(--ink)}
#avaFile{display:none}
/* display в правиле .btn сильнее браузерного [hidden] — гасим явно. */
#avaTg[hidden]{display:none}

/* ── контакты ── */
.p-form{margin-top:var(--s4);display:grid;grid-template-columns:1fr 1fr;gap:var(--s4)}
@media (max-width:640px){ .p-form{grid-template-columns:1fr} }
.p-form label{display:block;font-size:12px;font-weight:650;color:var(--sub);margin-bottom:7px;
  letter-spacing:.06em;text-transform:uppercase}
.p-form .box{display:flex;align-items:center;gap:10px;padding:0 14px;height:48px;
  border-radius:14px;border:1px solid var(--chip-line);background:var(--chip-bg)}
.p-form .box svg{color:var(--sub)}
.p-form input{flex:1;min-width:0;border:0;background:none;color:var(--ink);font:inherit;font-size:14.5px}
.p-form input::placeholder{color:var(--muted)}
.p-form .box:focus-within{border-color:var(--open-line)}
.p-act{margin-top:var(--s4);display:flex;align-items:center;gap:var(--s4);flex-wrap:wrap}
.p-note{font-size:12.5px;min-height:1.2em}
.p-note.ok{color:var(--ok-ink)}
.p-note.bad{color:var(--alarm-ink)}

/* ── учёба ── */
.p-rows{margin-top:var(--s4);display:flex;flex-direction:column}
.p-row{display:flex;align-items:center;gap:var(--s4);padding:13px 2px;min-height:56px}
.p-row + .p-row{border-top:1px solid var(--hair)}
.p-row .tx{flex:1;min-width:0}
.p-row .tx b{display:block;font-size:14.5px;font-weight:650}
.p-row .tx i{display:block;font-style:normal;font-size:12.5px;color:var(--muted);margin-top:2px}
.p-row .mono{font-family:var(--mono);font-size:12px;color:var(--muted);white-space:nowrap}
.p-row .chip{margin-left:0}
.p-row a.go{color:var(--kick-ink);font-size:13px;font-weight:650;white-space:nowrap}
.p-empty{margin-top:var(--s4);font-size:13.5px;line-height:1.55;color:var(--muted)}

/* ── безопасность ── */
.p-safe-row{display:flex;align-items:center;gap:var(--s4);flex-wrap:wrap;margin-top:var(--s4)}
.p-safe-row .tx{flex:1 1 260px}
.p-safe-row .tx b{display:block;font-size:14px;font-weight:650}
.p-safe-row .tx i{display:block;font-style:normal;font-size:12.5px;color:var(--muted);margin-top:2px}
.p-theme{display:flex;gap:6px;flex-wrap:wrap;margin-top:var(--s3)}
.p-theme button{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 16px;
  border-radius:999px;font-size:13px;font-weight:650;cursor:pointer;color:var(--chip-ink);
  border:1px solid var(--chip-line);background:var(--chip-bg);
  transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease)}
.p-theme button[aria-pressed="true"]{color:var(--ink);background:var(--seg-on);border-color:var(--open-line)}
.danger{color:var(--alarm-ink) !important;border-color:var(--alarm-line) !important;
  background:var(--alarm-bg) !important}

/* ── готовые аватарки ── */
.p-ava-hint{margin-top:var(--s6)}
.p-nabor{margin-top:var(--s3);display:flex;flex-wrap:wrap;gap:12px}
.p-nabor button{width:64px;height:64px;padding:0;border-radius:50%;cursor:pointer;overflow:hidden;
  border:2px solid transparent;background:none;line-height:0;
  transition:transform var(--dur) var(--ease),border-color var(--dur) var(--ease)}
.p-nabor img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.p-nabor button:hover{transform:translateY(-2px)}
.p-nabor button[aria-checked="true"]{border-color:var(--blue);
  box-shadow:0 0 0 3px var(--blue-soft)}
@media (max-width:640px){ .p-nabor button{width:56px;height:56px} }