/**
 * F.75 | Dropbox Upload for Fluent Forms — Front-end
 * @version 1.7.0
 */
.f75-upload-wrapper{max-width:100%;margin:1rem 0;font-family:inherit}
.f75-light .f75-dropzone{background:#f9fafb;border-color:#d1d5db}.f75-light .f75-dropzone:hover{border-color:#93c5fd;background:#f0f7ff}.f75-light .f75-dropzone.f75-dragover{border-color:#2563eb;background:#eff6ff}.f75-light .f75-dropzone p{color:#6b7280}.f75-light .f75-file-entry{background:#f9fafb;border-color:#e5e7eb}.f75-light .f75-file-name{color:#1f2937}
.f75-dark .f75-dropzone{background:#1f2937;border-color:#4b5563}.f75-dark .f75-dropzone:hover{border-color:#60a5fa;background:#1e3a5f}.f75-dark .f75-dropzone.f75-dragover{border-color:#3b82f6;background:#1e3a5f}.f75-dark .f75-dropzone p,.f75-dark .f75-hint{color:#d1d5db!important}.f75-dark .f75-browse-link{color:#60a5fa}.f75-dark .f75-file-entry{background:#374151;border-color:#4b5563}.f75-dark .f75-file-name{color:#f3f4f6}
.f75-dropzone{display:flex;align-items:center;justify-content:center;min-height:180px;border:2px dashed;border-radius:12px;padding:2rem;text-align:center;cursor:pointer;transition:all .2s ease}
.f75-dropzone.f75-dragover{border-style:solid}.f75-dropzone svg{display:block;margin:0 auto .75rem}.f75-dropzone p{margin:.25rem 0}.f75-dz-title{font-weight:700}
.f75-browse-link{color:#2563eb;cursor:pointer;text-decoration:underline;font-weight:500}.f75-hint{font-size:.8rem;color:#9ca3af!important;margin-top:.5rem!important}
.f75-file-list{margin-top:.75rem}.f75-file-entry{border:1px solid;border-radius:8px;padding:.75rem 1rem;margin-bottom:.5rem;transition:border-color .2s}
.f75-file-info-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.f75-file-icon{flex-shrink:0;font-size:1.1rem}.f75-file-name{flex:1;font-weight:500;word-break:break-all;font-size:.9rem}
.f75-file-size{color:#9ca3af;font-size:.8rem;white-space:nowrap}.f75-file-status{font-size:.8rem;font-weight:600;white-space:nowrap;min-width:40px;text-align:right}
.f75-file-remove{background:none;border:none;font-size:1.25rem;cursor:pointer;color:#9ca3af;padding:0 .25rem;line-height:1;transition:color .15s}.f75-file-remove:hover{color:#dc2626}

/* Thumbnail */
.f75-thumb{flex-shrink:0;object-fit:cover;background:#f3f4f6}

/* Green badge */
.f75-badge-green{display:inline-block;width:14px;height:14px;border-radius:50%;background:#10b981;position:relative}
.f75-badge-green::after{content:'✓';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:white;font-size:9px;font-weight:700;line-height:1}

.f75-progress-bar{width:100%;height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden}.f75-progress-fill{height:100%;background:#2563eb;border-radius:2px;transition:width .3s ease;width:0%}
.f75-upload-status{margin-top:1rem;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;text-align:center}
.f75-status-uploading{background:#f0f7ff;color:#1e40af}.f75-status-complete{background:#ecfdf5;color:#065f46}.f75-status-error{background:#fef2f2;color:#991b1b}

.f75-notification{display:flex;align-items:flex-start;gap:.75rem;margin-top:.75rem;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;animation:f75-slide-in .3s ease}
.f75-notif-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.f75-notif-warning{background:#fffbeb;border:1px solid #fde68a;color:#92400e}
.f75-notif-content{flex:1}.f75-notif-content strong{display:block;margin-bottom:.25rem}.f75-notif-content p{margin:0}
.f75-notif-close{background:none;border:none;font-size:1.25rem;cursor:pointer;color:inherit;opacity:.5;padding:0;line-height:1}.f75-notif-close:hover{opacity:1}

/* Toast */
.f75-toast{position:fixed;top:20px;right:20px;z-index:999999;display:flex;align-items:flex-start;gap:12px;padding:16px 20px;border-radius:12px;min-width:300px;max-width:420px;box-shadow:0 8px 30px rgba(0,0,0,.15);font-size:14px;line-height:1.4;opacity:0;transform:translateX(100%);transition:all .4s cubic-bezier(.4,0,.2,1)}
.f75-toast-show{opacity:1;transform:translateX(0)}.f75-toast-hide{opacity:0;transform:translateX(100%)}
.f75-toast-icon{font-size:20px;flex-shrink:0;margin-top:2px}.f75-toast-body{flex:1}.f75-toast-body strong{display:block;margin-bottom:4px;font-size:15px}.f75-toast-body p{margin:0;opacity:.9}
.f75-toast-close{background:none;border:none;font-size:20px;cursor:pointer;opacity:.7;padding:0;line-height:1;flex-shrink:0}.f75-toast-close:hover{opacity:1}

/* PDF Preview Modal */
.f75-preview-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);z-index:999999;display:flex;align-items:center;justify-content:center}
.f75-preview-content{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}
.f75-preview-close{position:absolute;top:-30px;right:-10px;background:none;border:none;color:#fff;font-size:28px;cursor:pointer;z-index:1}
#f75-preview-canvas{max-width:100%;max-height:85vh;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.3)}

.f75-locked-field{opacity:.7!important;pointer-events:none!important;background-color:#f3f4f6!important}

@keyframes f75-slide-in{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:480px){.f75-file-info-row{flex-wrap:wrap}.f75-file-name{flex-basis:100%;order:1}.f75-dropzone{padding:1.5rem 1rem;min-height:140px}.f75-toast{left:10px;right:10px;min-width:auto}}