.toolfa-imgconv {
    width: 100%;
    margin: 0 auto;
    direction: rtl;
    font-size: 14px;
}

.toolfa-imgconv-dropzone {
    border: 2px dashed #ccc;
    border-radius: 12px;
    padding: 18px;
    text-align: center;
    cursor: pointer;
    transition: background-color .15s ease, border-color .15s ease;
    margin-bottom: 16px;
}

.toolfa-imgconv-dropzone.is-dragover {
    background-color: #fafafa;
    border-color: #999;
}

.toolfa-imgconv-drop-inner {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: center;
    justify-content: center;
}

.toolfa-imgconv-drop-icon {
    font-size: 32px;
}

.toolfa-imgconv-drop-text-main {
    font-weight: 600;
}

.toolfa-imgconv-drop-text-sub {
    font-size: 12px;
    color: #666;
}

/* ===== دکمه انتخاب فایل مثل toolfa-imgcomp-select-btn ===== */
.toolfa-imgconv-select-btn {
    margin-top: 8px;
    display: inline-block;
    padding: 6px 14px;
    font-size: 13px;
    border-radius: 999px;
    border: 1px solid #4b5563;
    background: #fff;
    cursor: pointer;
}

.toolfa-imgconv-select-btn:hover {
    background: #4b5563;
    color: #fff;
}

/* ===== نوار تنظیمات ===== */
.toolfa-imgconv-options {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 16px;
}

.toolfa-imgconv-field {
    min-width: 220px;
    flex: 1 1 220px;
}

.toolfa-imgconv-field label {
    display: block;
    margin-bottom: 6px;
}

.toolfa-imgconv-output {
    width: 100%;
    box-sizing: border-box;
}

/* ===== select fix (فلش روی متن نیفته) + استایل شبیه بقیه ابزارها ===== */
.toolfa-imgconv-output {
    padding: 6px 15px 6px 8px !important;
    background-position: left 10px center;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    background-color: #fff;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-inline-end: 32px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
    background-repeat: no-repeat;
    background-position: right 10px center;
}

html[dir='rtl'] .toolfa-imgconv-output {
    background-position: left 10px center;
}

.toolfa-imgconv-field select {
    background-origin: content-box;
}

/* ===== دکمه‌های نوار ابزار پایین (حذف همه / دانلود همه) شبیه clear & download-all imgcomp ===== */
.toolfa-imgconv-toolbar {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 10px;
    font-size: 13px;
    align-items: center;
}

.toolfa-imgconv-counter {
    font-size: 13px;
}

.toolfa-imgconv-buttons {
    display: flex;
    gap: 8px;
}

/* حذف همه + دانلود همه */
.toolfa-imgconv-clear-btn,
.toolfa-imgconv-download-all-btn {
    padding: 4px 10px;
    border-radius: 999px;
    border: 1px solid #e5e7eb;
    background: #fff;
    cursor: pointer;
    font-size: 13px;
}

/* hover حذف همه */
.toolfa-imgconv-clear-btn:hover {
    background: #f3f4f6;
}

/* دانلود همه مثل imgcomp-download-all-btn (قرمز) */
.toolfa-imgconv-download-all-btn {
    background-color: #dd3333;
    color: #fff;
    border-color: #dd3333;
}

.toolfa-imgconv-download-all-btn[disabled] {
    opacity: 0.6;
    cursor: default;
}

/* hover وقتی فعال است */
.toolfa-imgconv-download-all-btn:not([disabled]):hover {
    background: #ff5b4a;
    color: #fff;
}

/* ===== لیست فایل‌ها ===== */
.toolfa-imgconv-list-wrapper {
    max-height: 420px;
    overflow: auto;
}

.toolfa-imgconv-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.toolfa-imgconv-item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 8px 6px;
    border-bottom: 1px solid #eee;
    font-size: 13px;
}

.toolfa-imgconv-item-main {
    min-width: 0;
    flex: 1 1 auto;
}

.toolfa-imgconv-filename {
    font-weight: 600;
    word-break: break-all;
}

.toolfa-imgconv-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 4px;
    font-size: 12px;
    color: #555;
}

.toolfa-imgconv-badge {
    padding: 2px 8px;
    border-radius: 999px;
    background: #f0f0f0;
}

.toolfa-imgconv-size,
.toolfa-imgconv-status {
    white-space: nowrap;
}

.toolfa-imgconv-item-actions {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
}

/* دکمه دانلود هر ردیف مثل toolfa-imgcomp-download */
.toolfa-imgconv-download-btn {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 999px;
    border: 1px solid #dd3333;
    background: #fff;
    font-size: 12px;
    cursor: pointer;
}

.toolfa-imgconv-download-btn:hover {
    background: #dd3333;
    color: #fff;
}

/* دکمه حذف هر ردیف مثل toolfa-imgcomp-remove */
.toolfa-imgconv-remove-btn {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 999px;
    border: 1px solid #e5e7eb;
    background: #fff;
    font-size: 12px;
    cursor: pointer;
}

.toolfa-imgconv-remove-btn:hover {
    background: #f3f4f6;
}

.toolfa-imgconv-download-btn[disabled] {
    opacity: .6;
    cursor: default;
}

/* ===== موبایل ===== */
@media (max-width:640px) {
    .toolfa-imgconv {
        font-size: 13px;
    }

    .toolfa-imgconv-item {
        align-items: flex-start;
    }
}