.attachment-panel{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.attachment-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;gap:12px}.attachment-head h3{display:flex;align-items:center;gap:7px;font-size:12px}.attachment-head h3>.icon{color:var(--accent);width:16px;height:16px}.attachment-head .btn{padding:6px 10px;font-size:10px}.attachment-drop{display:flex;align-items:center;gap:11px;padding:17px 15px;background:var(--surface2);border:1px dashed #dcd8ee;border-radius:8px;transition:.18s}.attachment-drop.drag-over{background:var(--soft);border-color:var(--accent)}.attachment-drop-icon{color:var(--accent);width:35px;height:35px;display:grid;place-items:center;background:var(--soft);border-radius:8px;flex-shrink:0}.attachment-drop strong{font-size:10px;font-weight:500}.attachment-drop p{color:var(--muted);font-size:9px;margin-top:3px}.attachment-drop>.text-btn{margin-left:auto;font-size:10px}.attachment-hint{color:var(--muted);font-size:9px;line-height:1.9;margin-top:10px}.attachment-images{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:15px}.attachment-image-card{border:1px solid var(--line);border-radius:8px;overflow:hidden;min-width:0}.attachment-image-open{width:100%;height:125px;position:relative;background:var(--surface2);display:block;padding:0}.attachment-image-open img{width:100%;height:100%;object-fit:contain;padding:5px}.attachment-cover-label{position:absolute;left:7px;top:7px;padding:2px 6px;background:#7264e9df;color:white;border-radius:4px;font-size:8px}.attachment-image-meta{padding:10px 10px 5px}.attachment-image-meta span{display:block;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-image-meta small{font-size:8px;color:var(--muted)}.attachment-item-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:4px 9px 9px;min-height:27px}.attachment-item-actions button{font-size:9px;color:var(--muted);padding:2px}.attachment-item-actions button:hover{color:var(--accent)}.attachment-item-actions button:first-child:not(:last-child){margin-right:auto}.attachment-item-actions .icon{width:13px;height:13px}.attachment-item-actions>.small{margin-right:auto;font-size:8px}.attachment-item-actions .attachment-confirm-remove{color:var(--red)}.attachment-file{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:7px;padding:12px;margin-top:9px}.attachment-file-icon{background:var(--soft);color:var(--accent);border-radius:6px;width:33px;height:35px;display:grid;place-items:center;flex-shrink:0}.attachment-file-icon .icon{width:17px;height:17px}.attachment-file-name{min-width:0;flex:1}.attachment-file-name strong{font-size:10px;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-file-name span{font-size:8px;color:var(--muted)}.attachment-file .attachment-item-actions{padding:0;flex-shrink:0}.task-media{width:48px;height:48px;border:1px solid var(--line);border-radius:7px;background:var(--surface2);display:inline-block;flex-shrink:0;overflow:hidden;position:relative;vertical-align:middle}.task-media img{width:100%;height:100%;object-fit:cover}.task-media-file{display:grid;place-items:center;width:100%;height:100%;color:var(--accent)}.task-media-file .icon{width:21px;height:21px}.task-media-count{position:absolute;bottom:2px;right:2px;border-radius:3px;background:#21273a98;color:white;font-size:7px;line-height:14px;min-width:12px;text-align:center}.task-media-count:empty{display:none}.task-media-count .icon{width:9px;height:9px}.task-media.kanban-cover{display:block;width:100%;height:115px;border:0;border-radius:5px;margin-bottom:12px}.task-media.kanban-cover img{object-fit:contain;padding:5px}.task-media.kanban-cover .task-media-count{font-size:9px;min-width:18px;line-height:18px;bottom:6px;right:6px}.table-cover{float:left;margin-right:10px;width:43px;height:43px}.attachment-lightbox{display:flex;align-items:center;justify-content:center;background:var(--surface2);border-radius:8px;min-height:140px;max-height:65vh;padding:8px}.attachment-lightbox img{display:block;max-width:100%;max-height:62vh;object-fit:contain}.attachment-missing{font-size:9px;color:var(--muted)}.table-cover~.req-name{padding-top:3px}.task-row:has(.task-media){min-height:86px}.attachment-viewer{border:1px solid var(--line);padding:0;border-radius:13px;width:min(850px,93vw);max-height:90vh;background:var(--surface);color:var(--ink);box-shadow:0 20px 80px #0004}.attachment-viewer::backdrop{background:#101326b0;backdrop-filter:blur(5px)}.attachment-viewer-head{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:15px 20px;font-size:12px}.attachment-viewer-head strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-viewer-foot{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;color:var(--muted);font-size:10px}
@media(max-width:760px){.attachment-images{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.attachment-image-open{height:110px}.attachment-drop{padding:13px 11px;gap:9px;flex-wrap:wrap}.attachment-drop strong{font-size:9px}.attachment-drop p{font-size:8px}.attachment-drop>.text-btn{margin-left:46px;font-size:9px}.attachment-drop-icon{width:30px;height:30px}.task-media{width:42px;height:42px}.task-row:has(.task-media){gap:7px}.task-row:has(.task-media) .task-date,.task-row:has(.task-media)>.avatar{display:none}.attachment-file-name strong{font-size:9px}.attachment-file{padding:10px;gap:8px}.attachment-item-actions{gap:6px}.attachment-head .btn{font-size:9px}}