﻿.custom-uploader{font-family:inherit;inline-size:100%}
.upload-zone{border:2px dashed #cbd5e1;border-radius:12px;padding:20px;text-align:center;transition:all 0.2s;background:#f8fafc;cursor:pointer;margin-block-end:16px}
.upload-zone:hover{border-color:#3b82f6;background:#eff6ff}
.upload-zone.drag-over{border-color:#3b82f6;background:#e0f2fe}
.upload-zone-icon{font-size:40px}
.upload-zone-text{margin-block-start:8px;margin-inline-end:0;margin-block-end:0;margin-inline-start:0;color:#334155}
.upload-zone-hint{color:#64748b;font-size:12px}
.file-info{display:flex;align-items:center;justify-content:space-between;background:#f1f5f9;border-radius:12px;padding-block-start:12px;padding-inline-end:16px;padding-block-end:12px;padding-inline-start:16px;margin-block-end:16px}
.file-info-rtl{direction:rtl}
.file-details{display:flex;align-items:center;gap:10px;overflow:hidden;flex:1}
.file-icon{font-size:24px}
.file-name{font-weight:500;color:#0f172a;background:white;padding-block-start:4px;padding-inline-end:12px;padding-block-end:4px;padding-inline-start:12px;border-radius:20px;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-inline-size:50%}
.file-size{font-size:12px;color:#475569;background:#e2e8f0;padding-block-start:2px;padding-inline-end:8px;padding-block-end:2px;padding-inline-start:8px;border-radius:12px}
.remove-btn{background:#ef4444;color:white;border:none;border-radius:40px;inline-size:32px;block-size:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:0.2s;font-size:18px;font-weight:bold}
.remove-btn:hover{background:#dc2626;transform:scale(1.05)}
.btn-select{background:#3b82f6;color:white;border:none;padding-block-start:10px;padding-inline-end:18px;padding-block-end:10px;padding-inline-start:18px;border-radius:40px;font-size:14px;font-weight:500;cursor:pointer;transition:0.2s;inline-size:100%}
.btn-select:hover{background:#2563eb}
.status-message{margin-block-start:12px;font-size:13px;text-align:center;color:#16a34a}
.status-message.error{color:#dc2626}
