/* 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.detail/.default/style.css?17856910615094*/
div.news-detail
{
	word-wrap: break-word;
}
div.news-detail img.detail_picture
{
	float:left;
	margin:0 8px 6px 1px;
}
.news-date-time
{
	color:#486DAA;
}


/* test */
.doc-detail{
  --text: rgba(255,255,255,.92);
  --muted: rgba(255,255,255,.62);
  --brd: rgba(255,255,255,.10);
  --glass: rgba(255,255,255,.04);
}

.doc-shell{
  /* border: 1px solid var(--brd); */
  border-radius: 24px;
  padding: 28px;
    /* background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.015));  */
    /* box-shadow: 0 18px 60px rgba(0,0,0,.45);  */
}

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

.doc-back{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 6px 10px;
  border-radius: 4px;
  border: 1px solid var(--brd);
  background: rgba(255,255,255,.03);
  color: var(--text);
  text-decoration: none;
  font-size: 14px;
}

.doc-back:hover{ background: rgba(255,255,255,.06); }

.doc-meta{
  color: var(--muted);
  font-size: 12px;
}

.doc-badge{
  padding: 6px 10px;
  border: 1px solid var(--brd);
  background: rgba(255,255,255,.04);
  color: var(--text);
  font-size: 14px;
  border-radius: 4px;
}

.doc-grid{
  display:grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 28px;
  align-items:start;
}

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

.doc-title{
  color: var(--text);
  font-weight: 800;
  line-height: 1.12;
  font-size: clamp(1.35rem, 2.2vw, 1.9rem);
  margin: 0;
}

.doc-lead{
  margin-top: 10px;
  color: var(--muted);
  line-height: 1.65;
  max-width: 70ch;
}

.doc-cover{
  margin-top: 16px;
}

.doc-cover img{
  width: 100%;
  max-width: 760px;
  height: auto;
  border-radius: 18px;
  border: 1px solid var(--brd);
  display:block;
}

.doc-preview{
  margin-top: 18px;
}

.doc-subtitle{
  color: var(--text);
  font-weight: 700;
  margin-bottom: 10px;
}

.doc-preview__frame{
  height: min(72vh, 760px);
  border-radius: 4px;
  border: 1px solid var(--brd);
  overflow:hidden;
  background: rgba(0,0,0,.35);
}

.doc-preview__frame iframe{
  width:100%;
  height:100%;
  border:0;
  background:#fff;
}

.doc-hint{
  margin-top: 10px;
  color: var(--muted);
  font-size: 12px;
}

.doc-content{
  margin-top: 22px;
  color: var(--text);
  line-height: 1.75;
}

.doc-content img{ max-width:100%; height:auto; }

@media (max-width: 991.98px){
  .doc-aside{ position: static; }
}

.doc-card{
  background: var(--glass);
  border: 1px solid var(--brd);
  border-radius: 8px;
  padding: 16px;
  box-shadow: 0 16px 40px rgba(0,0,0,.35);
}

.doc-card--mt{ margin-top: 14px; }

.doc-card__row{
  display:flex;
  align-items:flex-start;
  justify-content: space-between;
  gap: 14px;
}

.doc-card__label{
  color: var(--muted);
  font-size: 12px;
  margin-bottom: 6px;
}

.doc-card__name{
  color: var(--text);
  font-weight: 700;
  word-break: break-word;
}

.doc-card__meta{
  color: var(--muted);
  font-size: 12px;
  margin-top: 6px;
}

.doc-card__ext{
  border-radius: 999px;
  border: 1px solid var(--brd);
  background: rgba(255,255,255,.06);
  color: var(--text);
  font-size: 12px;
  padding: 6px 10px;
  white-space: nowrap;
}

.doc-actions{
  display:grid;
  gap: 10px;
  margin-top: 14px;
}

.doc-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:100%;
  padding: 12px 14px;
  border-radius: 4px;
  text-decoration:none;
  font-weight: 500;
  border: 1px solid transparent;
}

.doc-btn--accent{
  background: var(--brand-color);
  border-color: var(--brand-color);
  color: #0b0b0b;
}

.doc-btn--accent:hover{ filter: brightness(.95); color:#0b0b0b; }

.doc-btn--outline{
  background: transparent;
  border-color: rgba(155,226,0,.55);
  color: var(--brand-color);
}

.doc-btn--outline:hover{
  background: rgba(155,226,0,.10);
  border-color: rgba(155,226,0,.75);
  color: var(--brand-color);
}

.doc-divider{
  height:1px;
  background: var(--brd);
  margin: 14px 0;
}

.doc-files{
  display:grid;
  gap: 10px;
  margin-top: 10px;
}

.doc-file{
  display:flex;
  align-items:baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px dashed rgba(255,255,255,.10);
  text-decoration:none;
}

.doc-file:last-child{ border-bottom: 0; }

.doc-file__name{
  color: var(--text);
  overflow:hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 240px;
}

.doc-file__meta{
  color: var(--muted);
  font-size: 12px;
  white-space: nowrap;
}

.doc-warn{
  margin-top: 12px;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(255, 193, 7, .25);
  background: rgba(255, 193, 7, .08);
  color: var(--text);
  font-size: 13px;
}

.doc-dl{
  margin-top: 10px;
  display:grid;
  gap: 10px;
}

.doc-dl__row{
  border-top: 1px solid rgba(255,255,255,.06);
  padding-top: 10px;
}

.doc-dl__row:first-child{
  border-top: 0;
  padding-top: 0;
}

.doc-dl__dt{
  color: var(--muted);
  font-size: 12px;
  margin-bottom: 4px;
  font-weight: 600;
}

.doc-dl__dd{
  color: var(--text);
  line-height: 1.5;
}
/* End */
/* /bitrix/templates/vsp_black/components/bitrix/news/docs/style.css?17856910623703 */
/* /bitrix/templates/vsp_black/components/bitrix/news/docs/bitrix/news.detail/.default/style.css?17856910615094 */