.attachment-field{margin:24px 0;padding:20px;border:1px solid var(--border,#34505d);border-radius:12px}
.attachment-field label{display:block;font-weight:700;margin-bottom:10px}
.attachment-field input[type=file]{width:100%;padding:10px 0;font:inherit}
.attachment-field input::file-selector-button{padding:10px 14px;border:0;border-radius:7px;background:#187f78;color:white;margin-right:12px;cursor:pointer}
.attachment-field p,.attachment-field small{font-size:13px;line-height:1.6}
.attachment-list{list-style:none;margin:12px 0;padding:0}
.attachment-list li{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border,#34505d);padding:14px 0}
.attachment-list strong{display:block;overflow-wrap:anywhere}
.attachment-list small{display:block;margin-top:5px;opacity:.75}
.attachment-list li>span{min-width:0}
.file-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}
.file-actions a{color:inherit}
.attachment-error{color:#e89989}
.attachment-review{padding-left:20px;overflow-wrap:anywhere}
.ticket-attachments{margin:24px 0}
#upload-progress{padding:16px;border:1px solid #187f78;border-radius:8px;margin:16px 0}
#attachment-preview{padding:16px;border:1px solid var(--border,#34505d);border-radius:10px;margin:18px 0}
#attachment-preview img,#attachment-preview video{display:block;max-width:100%;max-height:65vh;margin:12px auto}
#attachment-preview h4{overflow-wrap:anywhere}
@media(max-width:600px){.attachment-list li{align-items:flex-start;flex-direction:column}.file-actions{flex-wrap:wrap}}