.sn-files-section { margin: 22px 0; padding-top: 18px; border-top: 1px solid #dfe6e9; }
.sn-files-heading { margin: 0 0 6px; font-size: 17px; font-weight: 600; letter-spacing: 0; }
.sn-file-meta { display: block; color: #6b7278; font-size: 12px; line-height: 1.6; margin: 4px 0 10px; overflow-wrap: anywhere; }
.sn-file-picker { position: relative; }
.sn-file-picker .file-label { min-height: 40px; margin: 0; border-radius: 5px; }
.sn-file-input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.sn-file-picker:focus-within .file-label { outline: 2px solid #6c5ce7; outline-offset: 2px; }
.sn-file-row { display: grid; grid-template-columns: 20px minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 12px 0; border-bottom: 1px solid #e6ebee; text-align: start; }
.sn-file-row > i { color: #6c5ce7; }
.sn-file-name { display: block; overflow-wrap: anywhere; word-break: break-word; font-size: 13px; line-height: 1.5; }
.sn-file-details { min-width: 0; }
.sn-file-details .sn-file-meta { margin: 3px 0 0; }
.sn-file-actions { display: flex; gap: 5px; }
.sn-file-icon { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; flex: 0 0 36px; padding: 0; border: 1px solid #c8c1f4; border-radius: 5px; background: transparent; color: #6c5ce7; text-decoration: none; cursor: pointer; }
.sn-file-icon:hover { background: #eeebff; }
.sn-file-icon:disabled { opacity: .5; cursor: wait; }
.sn-file-status { font-size: 13px; line-height: 1.5; color: #70543e; overflow-wrap: anywhere; margin: 8px 0; }
.sn-file-status:empty { display: none; }
.sn-file-progress { width: 100%; height: 8px; margin-top: 12px; accent-color: #6c5ce7; }
.sn-file-controls { display: flex; flex-wrap: wrap; align-items: end; gap: 12px; margin: 12px 0; }
.sn-file-controls > div { flex: 1 1 180px; }
.sn-file-controls select { width: 100%; min-height: 40px; margin-top: 5px; }
.sn-file-controls button { min-height: 40px; }
.sn-file-expiry-label { font-size: 13px; }
.sn-file-url { grid-column: 2 / -1; box-sizing: border-box; width: 100%; min-width: 0; font-size: 12px; padding: 8px; border: 1px solid #dfe6e9; border-radius: 4px; }
.sn-note-files { margin: 12px 0; }
.sn-note-files:empty { display: none; }
@media (max-width: 480px) { .sn-file-row { gap: 7px; } .sn-file-icon { width: 32px; height: 32px; flex-basis: 32px; } }