.wr-upload { border: 1px dashed #b8c7e8; border-radius: 9px; background: #f8faff; padding: 16px; color: #637695; transition: background .15s,border-color .15s; outline-offset: 3px; }
.wr-upload.is-dragging { border-color: #3454e4; background: #eaf0ff; outline: 2px solid #3454e4; }
.wr-upload[aria-disabled="true"] { opacity: .7; }
.wr-upload-prompt { display: flex; gap: 12px; align-items: center; min-width: 0; }
.wr-upload-prompt > svg { width: 25px; height: 25px; flex: 0 0 25px; color: #4964df; }
.wr-upload-prompt > div { flex: 1; min-width: 0; }
.wr-upload-prompt strong,.wr-upload-prompt span,.wr-upload-prompt small { display: block; line-height: 1.6; overflow-wrap: anywhere; }
.wr-upload-prompt strong { font-size: 12px; color: #35486c; }
.wr-upload-prompt span { font-size: 11px; }
.wr-upload-prompt small { font-size: 10px; color: #7e8da7; margin-top: 3px; }
.wr-upload-input { position: absolute; width: 1px; height: 1px; opacity: 0; overflow: hidden; pointer-events: none; }
.wr-upload-status:empty { display: none; }
.wr-upload-status { display: grid; gap: 5px; margin-top: 10px; }
.wr-upload-result { color: #426a58; font-size: 11px; line-height: 1.6; overflow-wrap: anywhere; }
.wr-upload-result.is-error { color: #a63535; }
@media(max-width:600px) { .wr-upload-prompt { flex-wrap: wrap; } .wr-upload-prompt > div { flex-basis: calc(100% - 40px); } .wr-upload-prompt > button { width: 100%; justify-content: center; min-height: 44px; } }

.document-file-thumb { width:44px; height:44px; flex:0 0 44px; object-fit:contain; border-radius:5px; background:#f1f5fc; }
.document-editor-files { display:grid; gap:10px; margin-top:14px; }
.document-attachment-row > .btn, .task-attachment-row > [data-file-preview] { flex-shrink:0; }
.task-attachment-links > [data-file-preview] { padding:3px 7px; min-height:25px; font-size:10px; }
@media(max-width:600px) { .task-attachment-row { flex-wrap:wrap; } .task-attachment-row > a { flex:1 1 160px; } .task-attachment-row > [data-file-preview] { margin-left:0; } }