/* «Обучение на переписках Авито» — страница помощника и блок в карточке «Авито»
   (Figma «LidFly — Проекты», стр. 11). Кнопки, статусы, табы и списки — общие компоненты. */
.ermiy-learning{display:flex;flex-direction:column;gap:var(--space-5);min-width:0}
.ermiy-learning__back{align-self:flex-start}
.ermiy-learning__btn-icon{width:16px;height:16px;flex:none}
.ermiy-learning__icon{width:20px;height:20px;flex:none;color:var(--color-brand-text)}
.ermiy-learning__title-icon{width:20px;height:20px;flex:none;margin-right:var(--space-2);vertical-align:-3px;color:var(--color-brand-text)}
.ermiy-learning__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,320px);gap:var(--space-6);align-items:start}
.ermiy-learning__layout--single{grid-template-columns:minmax(0,1fr)}
.ermiy-learning__main,.ermiy-learning__aside{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}
.ermiy-learning__lead{color:var(--color-text-secondary);line-height:1.6;margin:0}

.ermiy-learning-steps{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin:0;padding:0;list-style:none}
.ermiy-learning-steps__item{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-weight:500}
.ermiy-learning-steps__item+.ermiy-learning-steps__item::before{content:"";width:40px;height:2px;margin-right:var(--space-1);border-radius:1px;background:var(--color-border)}
.ermiy-learning-steps__item.is-done+.ermiy-learning-steps__item::before{background:var(--color-brand-text)}
.ermiy-learning-steps__mark{display:grid;place-items:center;width:28px;height:28px;border:1.5px solid var(--color-border);border-radius:50%;background:var(--color-bg-card);font-size:13px}
.ermiy-learning-steps__check{width:16px;height:16px}
.ermiy-learning-steps__item.is-current{color:var(--color-text);font-weight:600}
.ermiy-learning-steps__item.is-current .ermiy-learning-steps__mark{border-color:var(--color-brand-text);color:var(--color-brand-text);background:var(--color-matcha-lighter)}
.ermiy-learning-steps__item.is-done{color:var(--color-text)}
.ermiy-learning-steps__item.is-done .ermiy-learning-steps__mark{border-color:var(--color-brand-fill);background:var(--color-brand-fill);color:var(--color-text-inverse)}

.ermiy-learning-card{display:flex;flex-direction:column;gap:var(--space-3);min-width:0;padding:var(--space-6);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-card)}
.ermiy-learning-card h3{margin:0;font-size:20px;line-height:1.35}
.ermiy-learning-card p{margin:0;line-height:1.6}
.ermiy-learning-card .ermiy-help{margin:0}
.ermiy-learning-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}
.ermiy-learning-card--accent{border-color:color-mix(in srgb,var(--color-brand) 40%,var(--color-border))}
.ermiy-learning-card--problem h3{display:flex;align-items:center}
.ermiy-learning-card--notice{background:var(--color-bg-subtle)}
.ermiy-learning-card .ermiy-agent-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin:var(--space-2) 0 0}
.ermiy-learning-facts{margin-top:var(--space-2)}

.ermiy-learning-field{display:flex;flex-direction:column;gap:var(--space-2);font-weight:600}
.ermiy-learning-field input,.ermiy-learning-edit textarea{width:100%;box-sizing:border-box;padding:12px 14px;border:1px solid var(--color-border);border-radius:var(--radius-element);background:var(--color-bg-card);font:inherit;font-weight:400;color:var(--color-text)}
.ermiy-learning-field input:focus,.ermiy-learning-edit textarea:focus{outline:none;border-color:var(--color-brand)}
.ermiy-learning-group{margin:0;padding:0;border:0;display:flex;flex-direction:column;gap:var(--space-2);min-width:0}
.ermiy-learning-group legend{padding:0;margin-bottom:var(--space-2);font-weight:600}
.ermiy-learning-group>.btn{align-self:flex-start}
.ermiy-learning-choices{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-6)}
.ermiy-learning-choices--column{flex-direction:column;gap:var(--space-3)}
.ermiy-learning-choice{display:flex;align-items:flex-start;gap:var(--space-3);line-height:1.45;cursor:pointer}
.ermiy-learning-choice input{flex:none;width:18px;height:18px;margin:2px 0 0;accent-color:var(--btn-filled-bg-top)}

.ermiy-learning-points{display:flex;flex-direction:column;gap:var(--space-3);margin:0;padding:0;list-style:none}
.ermiy-learning-points li{display:flex;gap:var(--space-3);line-height:1.5;color:var(--color-text-secondary)}

.ermiy-learning-stages{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}
.ermiy-learning-stage{display:flex;gap:var(--space-3);padding:var(--space-3) 0;border-top:1px solid var(--color-border)}
.ermiy-learning-stage div{display:flex;flex-direction:column;gap:2px}
.ermiy-learning-stage span{color:var(--color-text-muted);font-size:13px}
.ermiy-learning-stage.is-next{color:var(--color-text-muted)}
.ermiy-learning-stage.is-next .ermiy-learning__icon{color:var(--color-text-muted)}
.ermiy-learning-info{display:flex;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-medium);background:var(--color-matcha-lighter)}
.ermiy-learning-info p{color:var(--color-text-secondary)}

.ermiy-learning-items{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}
.ermiy-learning-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) 0;border-top:1px solid var(--color-border)}
.ermiy-learning-item:first-child{border-top:0;padding-top:0}
.ermiy-learning-item>input{flex:none;width:18px;height:18px;margin:3px 0 0;accent-color:var(--btn-filled-bg-top)}
.ermiy-learning-item__body{display:flex;flex-direction:column;gap:var(--space-1);flex:1;min-width:0;overflow-wrap:anywhere}
.ermiy-learning-item__body strong{font-weight:600;line-height:1.45}
.ermiy-learning-item__body p{color:var(--color-text-secondary)}
.ermiy-learning-item__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:13px}
.ermiy-learning-item.is-off .ermiy-learning-item__body strong,.ermiy-learning-item.is-off .ermiy-learning-item__body>p{color:var(--color-text-muted)}
.ermiy-learning-item>.status{flex:none;align-self:center}
.ermiy-learning-edit{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-1)}
.ermiy-learning-edit textarea{resize:vertical;min-height:72px}
#section-ermiy .ermiy-learning-excluded{padding:0}
.ermiy-learning-excluded .collapsible-body{display:flex;flex-direction:column;gap:var(--space-3)}
.ermiy-learning-apply{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2)}

/* Блок «Обучение» в карточке «Авито» на «Обзоре» (экраны A/E/E2). */
.ermiy-direction__icon--brand{background:var(--color-bg-card);border:1px solid var(--color-border)}
.ermiy-direction__icon--brand img{width:24px;height:24px}
.ermiy-learning-block{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-medium);background:var(--color-matcha-lighter)}
.ermiy-learning-block__head{display:flex;align-items:center;gap:var(--space-2)}
.ermiy-learning-block__head h5{flex:1;min-width:0;margin:0;font-size:16px;line-height:1.4}
.ermiy-learning-block__head>svg{width:20px;height:20px;flex:none;color:var(--color-brand-text)}
.ermiy-learning-block p{margin:0;color:var(--color-text-secondary);line-height:1.6}
.ermiy-learning-block .ermiy-agent-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin:0;padding:0}
.ermiy-learning-block .ermiy-help{margin:0}

/* app-ermiy.css gives every h3/p of the section a margin (#section-ermiy h3/p); this page keeps its own rhythm. */
#section-ermiy .ermiy-learning .ermiy-learning-card h3{margin:0;font-size:20px;line-height:1.35}
#section-ermiy .ermiy-learning .ermiy-learning-card p,#section-ermiy .ermiy-learning .ermiy-learning-card .ermiy-help,#section-ermiy .ermiy-learning .ermiy-learning-excluded p{margin:0}
#section-ermiy .ermiy-learning .ermiy-learning-field{color:var(--color-text);font-weight:600}
#section-ermiy .ermiy-learning .ermiy-learning-choice{color:var(--color-text);font-weight:400}
#section-ermiy .ermiy-direction .ermiy-learning-block p,#section-ermiy .ermiy-direction .ermiy-learning-block .ermiy-help{margin:0}
.ermiy-learning-card>.btn-plain{align-self:flex-start}
.ermiy-learning-excluded .collapsible-body{padding-top:var(--space-2)}

@media(max-width:1000px){.ermiy-learning__layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){
  .ermiy-learning-card{padding:var(--space-4)}
  .ermiy-learning-card h3{font-size:18px}
  .ermiy-learning-card__head{flex-direction:column;gap:var(--space-2)}
  .ermiy-learning-steps{gap:var(--space-2)}
  .ermiy-learning-steps__item+.ermiy-learning-steps__item::before{width:12px}
  .ermiy-learning-steps__item:not(.is-current) span:last-child{display:none}
  .ermiy-learning-item{flex-wrap:wrap}
  .ermiy-learning-item>.status{order:3;margin-left:30px}
}