.documents-toolbar282{display:grid;grid-template-columns:minmax(240px,1.5fr) repeat(2,minmax(150px,.6fr)) auto;gap:10px;align-items:end;margin-bottom:16px}
.documents-toolbar282 .field{margin:0}.documents-actions282{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.document-drop282{border:2px dashed #b9c8e2;border-radius:16px;background:linear-gradient(135deg,#f8fbff,#f2f6ff);padding:24px;text-align:center;cursor:pointer;transition:.18s;margin-bottom:16px}
.document-drop282:hover,.document-drop282.dragging282{border-color:#2563eb;background:#eaf2ff;transform:translateY(-1px)}
.document-drop282 strong{display:block;font-size:16px;color:#17325f}.document-drop282 span{display:block;color:#68758b;margin-top:5px;font-size:13px}
.document-stats282{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}
.document-stat282{background:#fff;border:1px solid #e2e8f2;border-radius:13px;padding:13px}.document-stat282 span{display:block;color:#768399;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.document-stat282 strong{display:block;font-size:20px;margin-top:5px;color:#172b4d}
.document-grid282{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:13px}
.document-card282{background:#fff;border:1px solid #dfe6f0;border-radius:15px;padding:15px;box-shadow:0 5px 18px rgba(30,55,95,.055);display:flex;flex-direction:column;gap:12px;min-width:0;transition:.16s}
.document-card282:hover{border-color:#c6d5ec;box-shadow:0 9px 24px rgba(30,55,95,.09);transform:translateY(-1px)}
.document-head282{display:flex;gap:11px;align-items:flex-start}.document-icon282{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;background:#edf3ff;color:#2459bd;font-weight:800;font-size:12px;flex:0 0 auto}
.document-title282{min-width:0;flex:1}.document-title282 strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#182944}.document-title282 span{display:block;color:#748096;font-size:12px;margin-top:4px}
.document-category282{display:inline-flex!important;width:max-content;padding:3px 8px;border-radius:999px;background:#eef4ff;color:#2558aa!important;font-weight:700;font-size:10px!important}
.document-description282{color:#536177;font-size:12px;line-height:1.45;min-height:34px}.document-meta282{display:grid;grid-template-columns:1fr 1fr;gap:5px 12px;color:#7a8597;font-size:11px}.document-meta282 strong{color:#445168;font-weight:600}
.document-buttons282{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto;padding-top:3px}.document-buttons282 .btn{padding:7px 9px;font-size:11px}
.document-trash282{border-color:#f0caca;background:#fffafa}.document-trash282 .document-icon282{background:#fff0f0;color:#b42318}
.document-inline282{margin-top:12px}.document-inline282 .document-grid282{grid-template-columns:repeat(auto-fill,minmax(255px,1fr))}
.document-preview282{width:100%;height:min(65vh,720px);border:1px solid #dce3ee;border-radius:12px;background:#f6f8fb;object-fit:contain}.document-preview-empty282{padding:45px 20px;text-align:center;background:#f6f8fb;border-radius:12px;color:#66758b}
.document-version282{display:grid;grid-template-columns:70px 1fr auto;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid #edf0f5}.document-version282:last-child{border-bottom:0}
.document-version282 .version-number282{display:grid;place-items:center;height:35px;border-radius:9px;background:#edf3ff;color:#1f56b5;font-weight:800}
.document-migration282{display:flex;justify-content:space-between;align-items:center;gap:14px;background:#fff8e8;border:1px solid #f0d79d;border-radius:13px;padding:13px 15px;margin-bottom:16px}.document-migration282 strong{color:#754d00}.document-migration282 span{color:#896b2f;font-size:12px}
.upload-files282{display:grid;gap:6px;max-height:130px;overflow:auto;padding:9px;background:#f6f8fb;border-radius:10px}.upload-file282{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#536177}
@media(max-width:900px){.documents-toolbar282{grid-template-columns:1fr 1fr}.documents-actions282{justify-content:flex-start}.document-stats282{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.documents-toolbar282{grid-template-columns:1fr}.document-stats282{grid-template-columns:1fr 1fr}.document-grid282{grid-template-columns:1fr}}