.documents-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:20px}
.documents-toolbar .outline,.documents-toolbar .documents-upload{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 12px;font-size:13px;line-height:18px;white-space:nowrap}
.documents-upload{margin:0;cursor:pointer}
.documents-location{display:flex;gap:7px;align-items:center;flex-wrap:wrap;padding:12px 0;border-top:1px solid #eef2f6;border-bottom:1px solid #eef2f6}
.documents-location small{flex:0 1 auto;min-width:0;max-width:min(55vw,780px);margin-left:auto;overflow:hidden;color:#8490a4;text-overflow:ellipsis;white-space:nowrap}
.documents-open-folder{display:inline-grid;flex:0 0 30px;width:30px;height:30px;place-items:center;padding:5px}
.documents-open-folder svg{width:17px;height:17px}
.documents-item{display:flex;align-items:center;gap:13px;padding:14px 4px;border-bottom:1px solid #eef2f6}
.documents-item:last-child{border-bottom:0}
.documents-item>div{min-width:0;overflow-wrap:anywhere}
.documents-item>div:nth-of-type(1){flex:1}
.documents-item strong,.documents-item small{display:block}
.documents-item small{color:#8490a4;margin-top:4px}
.documents-icon{font-size:22px}
.documents-item a{text-decoration:none}
.documents-item-actions{display:flex;flex:0 1 auto;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.documents-delete{color:#b42318}
.documents-dialog{width:min(440px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto}
.documents-dialog .modal-head{gap:12px}
.documents-dialog .modal-head h2{min-width:0;overflow-wrap:anywhere}
.documents-dialog [data-doc-dialog-body]{padding:8px 25px 23px;overflow-wrap:anywhere}
.documents-dialog .modal-actions{flex-wrap:wrap}
.documents-dialog .modal-actions button{white-space:nowrap}
.documents-folder-label{display:block;margin-bottom:8px}
.documents-dialog input{width:100%;box-sizing:border-box}
.documents-dialog-error{color:#b42318;margin:0;padding:0 25px 16px;overflow-wrap:anywhere}
.documents-dialog-error[hidden]{display:none}
@media(max-width:480px){.documents-dialog .modal-head{padding:18px 20px 10px}.documents-dialog [data-doc-dialog-body]{padding:8px 20px 20px}.documents-dialog .modal-actions{padding:16px 20px}.documents-dialog-error{padding:0 20px 16px}}