.documents-intro-v108{margin:6px 0 0;color:#7b8d97;font-size:12px}
.documents-toolbar-v108{
  display:flex;justify-content:space-between;align-items:center;gap:18px;
  margin-bottom:16px;padding:14px 16px;border:1px solid var(--line);
  border-radius:16px;background:#fff;
}
.documents-toolbar-v108>div{display:flex;flex-direction:column;gap:3px}
.documents-toolbar-v108 strong{font-size:13px;color:#17364b}
.documents-toolbar-v108 span{font-size:10px;color:#82929b}
.documents-toolbar-v108 input{
  width:min(320px,100%);min-height:40px;border:1px solid #d7e2e7;
  border-radius:11px;padding:0 12px;background:#fbfdfe;color:#254858;
}
.documents-list-v108{
  overflow:hidden;border:1px solid #dbe7ec;border-radius:18px;
  background:#fff;box-shadow:0 10px 26px rgba(11,53,87,.03)
}
.document-card-v108{
  display:grid;grid-template-columns:48px minmax(0,1fr) auto;
  gap:14px;align-items:center;padding:16px 18px;
}
.document-card-v108+.document-card-v108{border-top:1px solid #e8eff2}
.document-icon-v108{
  width:44px;height:44px;border-radius:12px;display:flex;align-items:center;
  justify-content:center;background:#eef5f8;color:#0b638b;font-size:10px;font-weight:900;
}
.document-main-v108{min-width:0;display:flex;flex-direction:column;gap:3px}
.document-main-v108>strong{color:#17364b;font-size:14px}
.document-main-v108>span{color:#73858f;font-size:11px}
.document-meta-v108{display:flex;flex-wrap:wrap;gap:5px 12px;margin-top:5px}
.document-meta-v108 span{color:#94a1a8;font-size:9px}
.document-actions-v108{display:flex;align-items:center;gap:8px}
.document-primary-v108,.document-secondary-v108{
  min-height:38px;padding:0 12px;border-radius:10px;display:inline-flex;
  align-items:center;justify-content:center;text-decoration:none;font-size:10px;font-weight:800;
}
.document-primary-v108{background:#0b3557;color:#fff}
.document-secondary-v108{background:#eef5f8;color:#355f75}
@media(max-width:720px){
  .documents-toolbar-v108{align-items:stretch;flex-direction:column}
  .documents-toolbar-v108 input{width:100%}
  .document-card-v108{grid-template-columns:44px 1fr}
  .document-actions-v108{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}
}