/* ДНЖ · днж-практики.рф · sections.css
   Новая архитектура разделов (15.09.2026): счётчик очереди у «Библиотеки», метки «скоро»,
   полоса подразделов с неактивными пунктами, карточки инструментов и заглушки «в разработке». */

/* счётчик у вкладки «Библиотека»: сколько практик ещё без оценки */
.nav-count{
  display:inline-block; margin-left:7px; min-width:20px; padding:1px 6px; border-radius:var(--r-pill);
  background:var(--orange); color:#fff; font-size:11.5px; font-weight:800; line-height:17px; text-align:center;
  vertical-align:1px;
}
header nav button.act .nav-count{background:var(--orange); color:#fff}

/* метка «скоро» у пунктов, которые ещё в разработке (в шапке и в полосе подразделов) */
.soon-tag{
  display:inline-block; margin-left:7px; padding:1px 7px; border-radius:var(--r-pill);
  font-size:9.5px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; line-height:15px; vertical-align:2px;
  background:rgba(255,255,255,.18); color:#F3E9FB;
}
header nav button.act .soon-tag{background:var(--violet-l); color:var(--violet)}
/* вкладка показана, но раздела ещё нет — нажать нельзя */
header nav button.navsoon,header nav button.navsoon:hover{background:transparent; color:#C6B2DA; cursor:default}
.subnav button .soon-tag{background:var(--violet-l2); color:var(--mut)}

/* счётчик отправлено/доступно у вкладки «Мои оценки» */
.tab-count{
  display:inline-block; margin-left:7px; padding:1px 7px; border-radius:var(--r-pill);
  background:var(--violet-l2); color:var(--violet); font-size:11.5px; font-weight:700; line-height:16px; vertical-align:1px;
}
.subnav button.act .tab-count{background:var(--violet); color:#fff}

/* вторая строка полосы подразделов: пункты в разработке (кнопки неактивны) */
.subnav .soon-row{
  flex-basis:100%; display:flex; align-items:center; gap:2px; flex-wrap:wrap;
  border-top:1px dashed var(--line-2); padding:3px 0 4px;
}
.subnav .soon-row .lb2{
  font-size:11px; font-weight:800; letter-spacing:var(--tracking-caps); text-transform:uppercase; color:var(--mut);
  padding:0 14px 0 0; margin-right:6px;
}
.subnav button.soon,.subnav button.soon:hover{
  padding:7px 12px; font-size:14px; font-weight:500; color:var(--mut); background:transparent; cursor:default;
  border-radius:var(--r-sm); opacity:.85;
}
.subnav button.soon::after{display:none}
.subnav .soon-row .hint{margin-left:auto; font-size:var(--fs-2); color:var(--mut)}
@media (max-width:900px){ .subnav .soon-row .lb2{width:100%; padding:4px 0 2px} }

/* карточки инструментов */
.tool-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:18px}
.tool-card{
  position:relative; background:#fff; border:1px solid var(--line); border-radius:var(--r);
  padding:22px 20px 18px; overflow:hidden; box-shadow:var(--shadow);
  display:flex; flex-direction:column; gap:8px; min-height:230px;
}
.tool-card::before{content:""; position:absolute; left:0; right:0; top:0; height:8px; background:var(--violet)}
.tool-card.soon{background:linear-gradient(180deg,#fff 0%, #FBF9FD 100%)}
.tool-card.soon::before{background:var(--line)}

/* главный инструмент (дорожная карта): выделен спокойно — фирменная полоса сверху,
   чуть тёплая подложка, мягкая тень. Без плашек и подписей. */
.tool-card.lead{
  background:linear-gradient(168deg,#fff 0%,#fff 56%,#FBF7FD 100%);
  border-color:#DCD1E9;
  box-shadow:0 1px 2px rgba(45,5,64,.06), 0 16px 32px -20px rgba(45,5,64,.38);
}
.tool-card.lead::before{background:linear-gradient(90deg,var(--violet) 0%,var(--orange) 100%)}
.tool-card.lead .tool-kicker::before{
  content:""; display:inline-block; width:5px; height:5px; border-radius:50%;
  background:var(--orange); margin-right:7px; vertical-align:2px;
}
.tool-card.lead .tool-foot{border-top-color:#EAE1F2}
.tool-kicker{font-size:12.5px; font-weight:800; color:var(--violet); letter-spacing:var(--tracking-caps); text-transform:uppercase}
.tool-card.soon .tool-kicker{color:var(--mut)}
.tool-card h3{margin:0; font-size:var(--fs-6); font-weight:700; line-height:1.28; color:var(--ink)}
.tool-card.soon h3{color:var(--ink-2)}
.tool-card p{margin:0; font-size:15px; line-height:1.55; color:var(--mut)}
.tool-foot{
  margin-top:auto; padding-top:12px; border-top:1px solid var(--line-2);
  display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap;
}
.tool-foot .btn{padding:10px 16px}
.soon-badge{
  display:inline-block; padding:4px 10px; border-radius:var(--r-pill); border:1px dashed var(--line);
  font-size:11.5px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--mut); background:#fff;
}

/* заглушка раздела (дашборд и подобные) */
.soon-page{margin-top:18px; display:grid; grid-template-columns:minmax(0,720px); }
.soon-card{
  background:#fff; border:1px solid var(--line); border-radius:var(--r); padding:22px 22px 18px; box-shadow:var(--shadow);
  display:flex; flex-direction:column; gap:10px;
}
.soon-card ul{margin:0; padding-left:20px; color:var(--ink-2); font-size:15.5px; line-height:1.6}
.soon-card li+li{margin-top:4px}

/* очередь оценщика на странице «Обзор» */
.queue-strip{
  margin:0 0 16px; padding:12px 16px; border-radius:var(--r-md); background:var(--violet-l2); border:1px solid var(--info-b);
  display:flex; align-items:center; gap:14px; flex-wrap:wrap; font-size:15px; color:var(--ink);
}
.queue-strip b{color:var(--violet)}
.queue-strip .btn{padding:8px 14px; margin-left:auto}

@media (max-width:900px){
  .tool-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:600px){
  .tool-grid{grid-template-columns:1fr}
  .tool-card{min-height:0}
  .queue-strip .btn{margin-left:0}
}