/* profile — экран «Профиль»: шапка, форма данных рождения, подписка,
   купленные разборы, очистка данных. Только токены, ни одного сырого цвета. */

.s-profile{
  display:flex;
  flex-direction:column;
  gap:var(--space-6);
}
.s-profile .screen-head{margin-bottom:0}

/* ——— шапка ——— */
.s-profile-head{
  display:flex;
  align-items:center;
  gap:var(--space-6);
}
.s-profile-avatar{
  display:grid;
  place-items:center;
  background:var(--gradient-gold);
  color:var(--c-on-gold);
}
.s-profile-avatar__letter{
  font-family:var(--font-display);
  font-size:var(--t-display-m-size);
  line-height:1;
  font-weight:var(--t-display-m-weight);
}
.s-profile-avatar__icon{display:inline-flex}
.s-profile-avatar__icon svg{width:28px;height:28px}

.s-profile-head__id{min-width:0}
.s-profile-name{
  margin:0;
  font-family:var(--font-display);
  font-size:var(--t-display-m-size);
  line-height:var(--t-display-m-lh);
  font-weight:var(--t-display-m-weight);
  letter-spacing:var(--t-display-m-tracking);
  color:var(--c-text);
  overflow:hidden;
  text-overflow:ellipsis;
}
.s-profile-sign{
  margin:var(--space-3) 0 0;
  display:flex;
  align-items:center;
  gap:var(--space-3);
  font-size:var(--t-body-s-size);
  line-height:var(--t-body-s-lh);
  color:var(--c-accent);
}
.s-profile-sign__glyph{font-size:var(--t-title-size);line-height:1}
.s-profile-sign--empty{color:var(--c-text-3)}

/* ——— карточки ——— */
.s-profile-card{
  display:flex;
  flex-direction:column;
  gap:var(--space-5);
}
.s-profile-card .a-card__text{margin:0}
.s-profile-card__title{margin:0}
.s-profile-cta{align-self:flex-start}

/* ——— форма ——— */
.s-profile-form{
  display:flex;
  flex-direction:column;
  gap:var(--space-6);
}
.s-profile-field{
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
}
.s-profile-label{
  font-size:var(--t-label-size);
  line-height:var(--t-label-lh);
  font-weight:var(--t-label-weight);
  letter-spacing:var(--t-label-tracking);
  color:var(--c-text-2);
}
.s-profile-input{
  display:block;
  width:100%;
  box-sizing:border-box;
  min-height:var(--tap-comfort);
  padding:var(--space-4) var(--space-6);
  border-radius:var(--radius-md);
  background:var(--c-surface);
  border:1px solid var(--c-border-2);
  color:var(--c-text);
  font-family:var(--font-text);
  font-size:var(--t-body-l-size);
  line-height:var(--t-body-l-lh);
  transition:border-color var(--motion-base) var(--motion-ease),
             box-shadow var(--motion-base) var(--motion-ease);
}
.s-profile-input:focus{
  outline:none;
  border-color:var(--c-accent);
  box-shadow:var(--shadow-glow);
}
.s-profile-input--bad{border-color:var(--danger)}
.s-profile-input--bad:focus{border-color:var(--danger)}
/* нативные пикеры даты и времени в тёмной теме */
.s-profile-input::-webkit-calendar-picker-indicator{
  opacity:.65;
  cursor:pointer;
  min-width:24px;
  min-height:24px;
}
.s-profile-input::-webkit-date-and-time-value{text-align:left}

.s-profile-hint{
  margin:0;
  font-size:var(--t-caption-size);
  line-height:var(--t-caption-lh);
  letter-spacing:var(--t-caption-tracking);
  color:var(--c-text-3);
}
.s-profile-err{
  margin:0;
  font-size:var(--t-caption-size);
  line-height:var(--t-caption-lh);
  letter-spacing:var(--t-caption-tracking);
  color:var(--danger);
}
.s-profile-err[hidden]{display:none}
.s-profile-save{align-self:flex-start;margin-top:var(--space-2)}

/* ——— купленные разборы ——— */
.s-profile-buys{display:block}
.s-profile-buys .section-title{margin-top:0}
.s-profile-list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:var(--space-4);
}
.s-profile-item{
  width:100%;
  box-sizing:border-box;
  appearance:none;
  cursor:pointer;
  text-align:left;
  min-height:var(--tap-min);
  padding:var(--space-5) var(--space-6);
  display:flex;
  align-items:center;
  gap:var(--space-5);
  border-radius:var(--radius-lg);
  background:var(--c-glass);
  border:1px solid var(--c-glass-border);
  box-shadow:var(--shadow-glass);
  color:var(--c-text);
  font-family:var(--font-text);
  transition:border-color var(--motion-base) var(--motion-ease),
             background var(--motion-base) var(--motion-ease);
}
@supports not (backdrop-filter:blur(1px)){
  .s-profile-item{background:var(--c-surface)}
}
.s-profile-item:hover{border-color:var(--c-accent)}
.s-profile-item:focus-visible{outline:none;box-shadow:var(--shadow-glow)}
.s-profile-item__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-2)}
.s-profile-item__title{
  font-size:var(--t-body-size);
  line-height:var(--t-body-lh);
  font-weight:600;
  color:var(--c-text);
}
.s-profile-item__sub{
  font-size:var(--t-body-s-size);
  line-height:var(--t-body-s-lh);
  color:var(--c-text-2);
}
.s-profile-item__chev{flex:none;display:inline-flex;color:var(--c-text-3)}
.s-profile-item__chev svg{width:20px;height:20px}

/* ——— подвал ——— */
.s-profile-foot{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:var(--space-4);
  padding-top:var(--space-5);
  border-top:1px solid var(--c-border);
}
.s-profile-clear{color:var(--danger);min-height:var(--tap-comfort)}
.s-profile-clear:hover{background:var(--danger-bg)}
.s-profile-note{
  margin:0;
  text-align:center;
  max-width:38ch;
  font-size:var(--t-caption-size);
  line-height:var(--t-caption-lh);
  letter-spacing:var(--t-caption-tracking);
}

/* ——— шторка подтверждения ——— */
.s-profile-sheet__title{
  margin:0 0 var(--space-4);
  font-family:var(--font-display);
  font-size:var(--t-display-m-size);
  line-height:var(--t-display-m-lh);
  font-weight:var(--t-display-m-weight);
  letter-spacing:var(--t-display-m-tracking);
  color:var(--c-text);
}
.s-profile-sheet__text{
  margin:0 0 var(--space-7);
  font-size:var(--t-body-size);
  line-height:var(--t-body-lh);
  color:var(--c-text-2);
}
.s-profile-sheet__actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--space-4);
}
.s-profile-danger{
  background:var(--danger-bg);
  color:var(--danger);
  border-color:var(--danger-bg);
}
.s-profile-danger:hover{box-shadow:var(--shadow-glass)}

@media (prefers-reduced-motion:reduce){
  .s-profile-input,
  .s-profile-item{transition:none}
}

/* ——— утренняя сводка и цель ——— */
.s-profile-notify__rows{display:flex;flex-direction:column;gap:var(--space-3)}
.s-profile-notify__hours{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.a-chip.s-profile-notify__hour{cursor:pointer}
.a-chip.s-profile-notify__hour[aria-pressed="true"]{
  background:var(--c-accent);
  color:var(--c-on-gold);
  border-color:var(--c-accent);
}
.s-profile-goal__input{width:100%;margin-bottom:var(--space-3)}