/* history — экран «История»: список сохранённых разборов, удаление, пустое состояние.
   Только токены, ни одного сырого цвета. */

.s-history{
  display:flex;
  flex-direction:column;
  gap:var(--space-6);
}
.s-history-body{
  display:flex;
  flex-direction:column;
  gap:var(--space-5);
}

/* ——— счётчик ——— */
.s-history-count{
  margin:0;
  font-size:var(--t-caption-size);
  line-height:var(--t-caption-lh);
  letter-spacing:var(--t-caption-tracking);
}

/* ——— список ——— */
.s-history-list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:var(--space-4);
}
.s-history-item{
  display:flex;
  align-items:stretch;
  gap:var(--space-3);
  padding:var(--space-3);
  border-radius:var(--radius-lg);
  background:var(--c-glass);
  border:1px solid var(--c-glass-border);
  box-shadow:var(--shadow-glass);
  backdrop-filter:blur(var(--blur-glass));
  -webkit-backdrop-filter:blur(var(--blur-glass));
}
@supports not (backdrop-filter:blur(1px)){
  .s-history-item{background:var(--c-surface)}
}

/* ——— открыть разбор ——— */
.s-history-open{
  flex:1;
  min-width:0;
  appearance:none;
  border:0;
  cursor:pointer;
  text-align:left;
  background:transparent;
  color:var(--c-text);
  font-family:var(--font-text);
  min-height:var(--tap-min);
  padding:var(--space-4) var(--space-4);
  border-radius:var(--radius-md);
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
  transition:background var(--motion-base) var(--motion-ease);
}
.s-history-open:hover{background:var(--c-accent-quiet)}
.s-history-open:focus-visible{outline:none;box-shadow:var(--shadow-glow)}
.s-history-open:active{background:var(--c-sunken)}

.s-history-open__head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:var(--space-4);
}
.s-history-open__title{
  min-width:0;
  font-family:var(--font-display);
  font-size:var(--t-title-size);
  line-height:var(--t-title-lh);
  font-weight:var(--t-title-weight);
  letter-spacing:var(--t-title-tracking);
  color:var(--c-text);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.s-history-open__date{
  flex:none;
  font-size:var(--t-caption-size);
  line-height:var(--t-caption-lh);
  letter-spacing:var(--t-caption-tracking);
  color:var(--c-text-3);
  font-variant-numeric:tabular-nums;
}
.s-history-open__text{
  font-size:var(--t-body-s-size);
  line-height:var(--t-body-s-lh);
  color:var(--c-text-2);
  display:-webkit-box;
  -webkit-line-clamp:2;
  line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* ——— удалить ——— */
.s-history-del{
  flex:none;
  appearance:none;
  cursor:pointer;
  width:var(--tap-min);
  min-width:var(--tap-min);
  min-height:var(--tap-min);
  border:0;
  border-radius:var(--radius-md);
  background:transparent;
  color:var(--c-text-3);
  display:grid;
  place-items:center;
  align-self:center;
  transition:background var(--motion-base) var(--motion-ease),
             color var(--motion-base) var(--motion-ease);
}
.s-history-del:hover{background:var(--danger-bg);color:var(--danger)}
.s-history-del:focus-visible{outline:none;box-shadow:var(--shadow-glow);color:var(--danger)}
.s-history-del__i{display:inline-flex}
.s-history-del svg{width:20px;height:20px}

/* ——— шторка подтверждения ——— */
.s-history-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-history-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-history-sheet__actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--space-4);
}
.s-history-danger{
  background:var(--danger-bg);
  color:var(--danger);
  border-color:var(--danger-bg);
}
.s-history-danger:hover{box-shadow:var(--shadow-glass)}

/* ——— пустое состояние ——— */
.s-history-empty{
  padding-top:var(--space-9);
}
.s-history-art{
  background-image:url("../assets/sparkles.webp");
}

@media (prefers-reduced-motion:reduce){
  .s-history-open,
  .s-history-del{transition:none}
}