.secure-card progress { display: block; width: 100%; height: 14px; accent-color: #63e5cd; }
.secure-card ol { padding-left: 20px; }
.secure-card input[type=file] { font-size: 13px; }
.secure-card input[type=file]::file-selector-button { margin-right: 12px; padding: 9px 16px; border: 1px solid #3b4c65; border-radius: 8px; background: #1b2b42; color: #e9f0ff; font: inherit; cursor: pointer; }
.secure-card input[type=file]:not(:disabled)::file-selector-button:hover { background: #263b55; border-color: #63e5cd; }
.secure-card input[type=file]:focus-visible { outline: 2px solid #63e5cd; outline-offset: 3px; }
.secure-card input[type=file]:disabled::file-selector-button { opacity: .45; cursor: not-allowed; }
#selection, #progress-detail, #result { overflow-wrap: anywhere; }
.secure-card #add-files { margin-top: 0; }
.secure-card .file-list { list-style: none; padding: 0; margin: 0 0 18px; }
.file-list li { display: flex; align-items: center; gap: 12px; padding: 9px 12px; border: 1px solid #29364c; border-radius: 8px; background: #0b111c; }
.file-list li + li { margin-top: 8px; }
.file-name { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.file-size { flex: none; white-space: nowrap; }
.secure-card .file-remove { flex: none; margin: 0; padding: 0; width: 28px; height: 28px; border: 0; border-radius: 5px; background: transparent; color: #ff8282; font-size: 22px; line-height: 1; }
.file-remove:hover:not(:disabled) { background: #ff82821a; }
.file-remove:focus-visible { outline: 2px solid #ff8282; outline-offset: 2px; }
.secure-card .inline-feedback, #status.inline-feedback { margin: 6px 0 0; padding: 0; font-size: 13px; line-height: 1.8; overflow-wrap: anywhere; color: #63e5cd; }
.secure-card .inline-feedback.failed, #status.inline-feedback.failed { color: #f3ac9e; }
.secure-card [aria-invalid=true] { border-color: #ff8282; }
.inline-feedback:empty { display: none; }
.secure-card .delivery-status-controls .inline-feedback { margin: 0; }