/* Start:/local/templates/ulstd/components/bitrix/news.list/docs_ulstd/style.css?17915206935171*/
/* =====================================================================
   Раздел «Документы»: поиск, категории-таблетки, карточки документов
   ===================================================================== */
.ustd-docs{max-width:var(--ustd-maxw,1440px);margin:0 auto;transition:opacity .2s;}
.ustd-docs.is-loading{opacity:.55;pointer-events:none;}

/* --- поиск --- */
.ustd-docs__search{display:flex;align-items:stretch;gap:10px;margin:0 0 18px;}
.ustd-docs__search-icon{position:relative;width:0;}
.ustd-docs__search-icon svg{
  position:absolute;left:18px;top:50%;transform:translateY(-50%);
  width:19px;height:19px;color:#9aa3b8;pointer-events:none;
}
.ustd-docs__input{
  flex:1;height:52px;border:1px solid #E5E8EF;border-radius:12px;
  padding:0 16px 0 50px;font-size:15.5px;color:#080F2B;background:#fff;
  min-width:0;
}
.ustd-docs__input:focus{outline:2px solid #8D1035;outline-offset:-1px;border-color:#8D1035;}
.ustd-docs__submit{
  height:52px;padding:0 26px;border:0;border-radius:12px;background:#8D1035;color:#fff;
  font-weight:600;font-size:15.5px;cursor:pointer;flex:0 0 auto;
}
/* цвет именно через повышенную специфичность: [type=submit]{color:inherit}
   из старого фреймворка грузится позже и при равной специфичности перебивает */
.ustd-docs .ustd-docs__submit,
.ustd-docs .ustd-docs__submit:hover{
  color:#fff;
}
.ustd-docs .ustd-docs__submit:hover{background:#6f0c29;}

/* --- категории --- */
.ustd-docs__cats{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 24px;}
.ustd-docs__cat{
  display:inline-flex;align-items:center;gap:8px;
  padding:10px 18px;border:1px solid #E5E8EF;border-radius:999px;
  background:#fff;color:#080F2B;text-decoration:none;font-size:14.5px;font-weight:600;
  transition:color .15s,border-color .15s,background .15s;
}
.ustd-docs__cat:hover{border-color:#8D1035;color:#8D1035;}
.ustd-docs__cat.is-active{background:#8D1035;border-color:#8D1035;color:#fff;}
.ustd-docs__cnt{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:22px;height:22px;padding:0 6px;border-radius:999px;
  font-size:12px;font-weight:700;background:#F1F2F6;color:#52627C;
}
.ustd-docs__cat.is-active .ustd-docs__cnt{background:rgba(255,255,255,.22);color:#fff;}

/* --- карточки --- */
.ustd-docs__list{display:flex;flex-direction:column;gap:14px;}
.ustd-doc{
  display:flex;align-items:center;gap:18px;
  background:#fff;border:1px solid #E5E8EF;border-radius:12px;
  padding:18px 22px;transition:border-color .2s,box-shadow .2s;
}
.ustd-doc:hover{border-color:#c9cddb;box-shadow:0 8px 22px rgba(8,15,43,.06);}
.ustd-doc__icon{
  flex:0 0 auto;width:46px;height:46px;border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  font-size:12.5px;font-weight:800;letter-spacing:.03em;color:#fff;
}
.ustd-doc__icon--pdf{background:#D6453C;}
.ustd-doc__icon--doc,
.ustd-doc__icon--docx{background:#3D6DB5;}
.ustd-doc__icon--xls,
.ustd-doc__icon--xlsx{background:#2E8B57;}
.ustd-doc__info{flex:1;min-width:0;}
.ustd-doc__name{
  margin:0;font-size:16.5px;font-weight:700;line-height:1.35;color:#080F2B;
}
.ustd-doc__name a{color:inherit;text-decoration:none;}
.ustd-doc__name a:hover{color:#8D1035;}
.ustd-doc__meta{margin:5px 0 0;font-size:13px;color:#52627C;}
.ustd-doc__size{
  flex:0 0 auto;font-size:13.5px;color:#52627C;white-space:nowrap;
}
.ustd-doc__btn{
  flex:0 0 auto;display:inline-flex;align-items:center;gap:9px;
  padding:11px 20px;border:1px solid #E5E8EF;border-radius:999px;
  background:#fff;color:#080F2B;text-decoration:none;font-weight:600;font-size:14.5px;
  transition:color .15s,border-color .15s;
}
.ustd-doc__btn:hover{border-color:#8D1035;color:#8D1035;}
.ustd-doc__btn svg{width:17px;height:17px;}

.ustd-docs__empty{
  padding:36px 24px;text-align:center;color:#52627C;font-size:15.5px;
  border:1px dashed #E5E8EF;border-radius:12px;background:#fff;
}
.ustd-docs__empty a{color:#8D1035;font-weight:600;}

/* --- планшет --- */
@media (max-width:1023px){
  .ustd-doc{padding:16px 18px;gap:14px;}
  .ustd-doc__size{display:none;}
}

/* --- смартфон --- */
@media (max-width:767px){
  .ustd-docs__search{flex-direction:column;gap:10px;}
  .ustd-docs__search-icon svg{left:16px;}
  .ustd-docs__input{height:48px;padding-left:44px;}
  .ustd-docs__submit{height:48px;width:100%;}
  .ustd-docs__cats{
    flex-direction:column;gap:8px;border:1px solid #E5E8EF;border-radius:12px;
    background:#fff;padding:10px;
  }
  .ustd-docs__cat{justify-content:space-between;padding:12px 16px;border-radius:9px;}
  .ustd-docs__cat::after{
    content:"";width:8px;height:8px;border-right:1.8px solid #b9bcc9;border-top:1.8px solid #b9bcc9;
    transform:rotate(45deg);flex:0 0 auto;
  }
  .ustd-docs__cat.is-active::after{border-color:rgba(255,255,255,.8);}
  .ustd-doc{
    flex-wrap:wrap;align-items:flex-start;
    padding:16px;gap:12px;
  }
  .ustd-doc__info{flex:1;min-width:calc(100% - 58px);}
  .ustd-doc__btn{
    margin-left:58px;padding:9px 16px;font-size:14px;
  }
}

/* End */
/* /local/templates/ulstd/components/bitrix/news.list/docs_ulstd/style.css?17915206935171 */