/* Start:/bitrix/templates/vsp_black/components/bitrix/news/docs/style.css?17856910623703*/
/* =========================================================
   Общая тема для списков (news.php / section.php)
   Использует ту же "стеклянную" стилистику, что и detail.php
   ========================================================= */

.docs-page{
  --text: rgba(255,255,255,.92);
  --muted: rgba(255,255,255,.62);
  --brd: rgba(255,255,255,.10);
  --glass: rgba(255,255,255,.04);
  --brand: var(--brand-color, #9be200);
}

.docs-shell{
  border-radius: 24px;
  padding: 28px;
}

.docs-top{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  margin-bottom: 18px;
}

/* --- Хлебные крошки --- */
.docs-breadcrumbs{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px;
  font-size: 13px;
  color: var(--muted);
}
.docs-breadcrumbs a{
  color: var(--muted);
  text-decoration:none;
}
.docs-breadcrumbs a:hover{ color: var(--text); }
.docs-breadcrumbs .sep{ color: var(--brd); }
.docs-breadcrumbs .current{ color: var(--text); font-weight:600; }

/* --- Заголовок --- */
.docs-title{
  color: var(--text);
  font-weight: 800;
  line-height: 1.15;
  font-size: clamp(1.35rem, 2.2vw, 1.9rem);
  margin: 4px 0 24px;
}

/* --- Сетка разделов/подразделов --- */
.docs-sections-grid{
  display:grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 14px;
  margin-bottom: 28px;
}

.docs-section-card{
  display:flex;
  flex-direction:column;
  gap:10px;
  background: var(--glass);
  border: 1px solid var(--brd);
  border-radius: 18px;
  padding: 18px;
  text-decoration:none;
  box-shadow: 0 16px 40px rgba(0,0,0,.30);
  transition: border-color .18s ease, transform .18s ease, background .18s ease;
}
.docs-section-card:hover{
  border-color: var(--brand);
  background: rgba(255,255,255,.06);
  transform: translateY(-2px);
}
.docs-section-card__icon{
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: rgba(255,255,255,.06);
  border: 1px solid var(--brd);
  color: var(--brand);
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}
.docs-section-card__icon svg{ width:18px; height:18px; }
.docs-section-card__title{
  color: var(--text);
  font-weight: 700;
  font-size: 15px;
  line-height:1.3;
}
.docs-section-card__count{
  color: var(--muted);
  font-size: 12px;
}

/* --- Список документов раздела (карточки-строки в духе .doc-file) --- */
.docs-items-list{
  display:grid;
  gap: 10px;
}
.docs-item-row{
  display:flex;
  align-items:center;
  gap: 14px;
  padding: 14px 16px;
  border-radius: 14px;
  background: var(--glass);
  border: 1px solid var(--brd);
  text-decoration:none;
  transition: border-color .15s ease, background .15s ease;
}
.docs-item-row:hover{
  border-color: var(--brand);
  background: rgba(255,255,255,.06);
}
.docs-item-row__icon{
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: rgba(255,255,255,.06);
  border: 1px solid var(--brd);
  color: var(--brand);
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}
.docs-item-row__icon svg{ width:16px; height:16px; }
.docs-item-row__title{
  color: var(--text);
  font-weight: 600;
  font-size: 14px;
  flex: 1;
  word-break: break-word;
}
.docs-item-row__date{
  color: var(--muted);
  font-size: 12px;
  white-space:nowrap;
}

/* --- Пусто --- */
.docs-empty{
  padding: 32px 20px;
  text-align:center;
  color: var(--muted);
  border: 1px dashed var(--brd);
  border-radius: 16px;
}

@media (max-width: 640px){
  .docs-shell{ padding: 18px; border-radius: 18px; }
  .docs-sections-grid{ grid-template-columns: 1fr; }
}

/* End */


/* Start:/bitrix/templates/vsp_black/components/bitrix/news/docs/bitrix/news.list/.default/style.css?1785691061150*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

/* End */
/* /bitrix/templates/vsp_black/components/bitrix/news/docs/style.css?17856910623703 */
/* /bitrix/templates/vsp_black/components/bitrix/news/docs/bitrix/news.list/.default/style.css?1785691061150 */