/* VERSÃO DO ARQUIVO: 1.2.9 - Atualização de versão para cache busting */
:root {
--heic2jpg-dragover-bg:rgba(0,166,81,0.05);
--heic2jpg-dragover-shadow:rgba(0,166,81,0.1);
--heic2jpg-button-shadow:rgba(0,166,81,0.3);
--heic2jpg-button-hover-shadow:rgba(0,166,81,0.4);
--heic2jpg-blue-shadow:rgba(0,114,188,0.3);
--heic2jpg-blue-hover-shadow:rgba(0,114,188,0.4);
--heic2jpg-item-hover-shadow:rgba(0,166,81,0.1);
--heic2jpg-thumb-shadow:rgba(0,0,0,0.15);
--heic2jpg-focus-shadow:rgba(0,166,81,0.1);
}
[data-theme="dark"] {
--heic2jpg-dragover-bg:rgba(0,166,81,0.1);
--heic2jpg-dragover-shadow:rgba(0,166,81,0.2);
--heic2jpg-button-shadow:rgba(0,166,81,0.4);
--heic2jpg-button-hover-shadow:rgba(0,166,81,0.5);
--heic2jpg-blue-shadow:rgba(0,114,188,0.4);
--heic2jpg-blue-hover-shadow:rgba(0,114,188,0.5);
--heic2jpg-item-hover-shadow:rgba(0,166,81,0.2);
--heic2jpg-thumb-shadow:rgba(0,0,0,0.3);
--heic2jpg-focus-shadow:rgba(0,166,81,0.2);
}
.heic2jpg-wrapper {display:grid;grid-template-columns:1fr;gap:var(--spacing-lg);max-width:var(--container-max-width);margin:0 auto;padding:0;}
.heic2jpg-panels {display:grid;grid-template-columns:1fr;gap:var(--spacing-lg);}
@media (min-width:960px) {
.heic2jpg-panels {grid-template-columns:2fr 1fr;align-items:start;}
}
.heic2jpg-card {background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--box-shadow-sm);transition:all var(--transition-normal);}
.heic2jpg-card:hover {box-shadow:var(--box-shadow);}
.heic2jpg-section-title {font-size:1.15rem;font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-border);display:flex;align-items:center;gap:var(--spacing-sm);}
.heic2jpg-section-title svg {color:var(--primary-green);flex-shrink:0;}
.tool-upload-container.is-dragover {transform:scale(0.98);border-color:var(--primary-green);background:var(--heic2jpg-dragover-bg);box-shadow:0 0 0 3px var(--heic2jpg-dragover-shadow);}
.heic2jpg-actions {display:flex;flex-wrap:wrap;gap:var(--spacing-sm);align-items:center;margin-top: 20px;}
.heic2jpg-actions button {padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--border-radius-md);font-weight:600;font-size:0.9rem;cursor:pointer;transition:all var(--transition-normal);background:linear-gradient(135deg,var(--primary-green),var(--dark-green));color:var(--white);box-shadow:0 4px 12px var(--heic2jpg-button-shadow);display:inline-flex;align-items:center;gap:var(--spacing-xs);}
.heic2jpg-actions button:hover {background:linear-gradient(135deg,var(--dark-green),#006030);transform:translateY(-2px);box-shadow:0 6px 20px var(--heic2jpg-button-hover-shadow);}
.heic2jpg-actions button:active {transform:translateY(0);}
.heic2jpg-actions button:disabled {opacity:0.4;cursor:not-allowed;transform:none;filter:grayscale(50%);background:linear-gradient(135deg,var(--color-border),var(--color-border));color:var(--color-text-secondary);box-shadow:none;}
.heic2jpg-preferences {display:grid;gap:var(--spacing-md);}
.heic2jpg-preferences label {display:flex;align-items:center;gap:var(--spacing-sm);font-size:0.95rem;color:var(--color-text);cursor:pointer;}
.heic2jpg-preferences input[type="number"],.heic2jpg-preferences input[type="text"] {width:100%;padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);background:var(--off-white);color:var(--color-text);font-size:0.9rem;transition:all var(--transition-fast);}
[data-theme="dark"] .heic2jpg-preferences input[type="number"],[data-theme="dark"] .heic2jpg-preferences input[type="text"] {background:rgba(255,255,255,0.05);}
.heic2jpg-preferences input[type="number"]:focus,.heic2jpg-preferences input[type="text"]:focus {outline:none;border-color:var(--primary-green);box-shadow:0 0 0 3px var(--heic2jpg-focus-shadow);}
.heic2jpg-status {font-size:0.9rem;color:var(--color-text-secondary);padding:var(--spacing-sm);background:var(--off-white);border-radius:var(--border-radius-sm);border-left:3px solid var(--primary-blue);margin-top:var(--spacing-md);min-height:40px;display:flex;align-items:center;}
.heic2jpg-status:empty {display:none;}
[data-theme="dark"] .heic2jpg-status {background:rgba(255,255,255,0.05);}
.heic2jpg-list {display:grid;gap:var(--spacing-md);}
.heic2jpg-item {display:grid;grid-template-columns:120px 1fr auto;gap:var(--spacing-md);align-items:center;border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--spacing-md);background:var(--off-white);transition:all var(--transition-fast);}
[data-theme="dark"] .heic2jpg-item {background:rgba(255,255,255,0.03);}
.heic2jpg-item:hover {border-color:var(--primary-green);box-shadow:0 4px 12px var(--heic2jpg-item-hover-shadow);}
.heic2jpg-thumb {width:120px;height:120px;object-fit:cover;border:2px solid var(--color-border);border-radius:var(--border-radius-sm);background:var(--white);transition:all var(--transition-fast);}
.heic2jpg-thumb:hover {transform:scale(1.05);box-shadow:0 4px 12px var(--heic2jpg-thumb-shadow);}
.heic2jpg-meta {font-size:0.95rem;color:var(--color-text);}
.heic2jpg-meta strong {display:block;margin-bottom:var(--spacing-xs);word-break:break-word;}
.heic2jpg-item .heic2jpg-status {font-size:0.85rem;color:var(--color-text-secondary);margin-top:var(--spacing-xs);padding:0;background:none;border:none;min-height:auto;}
.heic2jpg-item-actions {display:flex;flex-direction:column;gap:var(--spacing-xs);}
.heic2jpg-item-actions button {padding:var(--spacing-xs) var(--spacing-sm);border:none;border-radius:var(--border-radius-sm);font-weight:600;font-size:0.85rem;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:4px;}
.heic2jpg-item-actions button:first-child {background:linear-gradient(135deg,var(--primary-blue),var(--dark-blue));color:var(--white);box-shadow:0 2px 8px var(--heic2jpg-blue-shadow);}
.heic2jpg-item-actions button:first-child:hover {background:linear-gradient(135deg,var(--dark-blue),#004a7a);transform:translateY(-1px);box-shadow:0 4px 12px var(--heic2jpg-blue-hover-shadow);}
.heic2jpg-item-actions button:last-child {background:var(--off-white);color:var(--color-text);border:1px solid var(--color-border);box-shadow:none;}
[data-theme="dark"] .heic2jpg-item-actions button:last-child {background:rgba(255,255,255,0.05);}
[data-theme="dark"] .heic2jpg-item-actions button:last-child:hover {background:var(--light-gray);border-color:var(--primary-green);}
[data-theme="dark"] .heic2jpg-thumb {background:var(--color-bg-card);border-color:var(--color-border);}
[data-theme="dark"] .heic2jpg-thumb:hover {box-shadow:0 4px 12px rgba(0,0,0,0.4);}
.heic2jpg-item-actions button:last-child:hover {background:var(--light-gray);border-color:var(--primary-green);}
.heic2jpg-item-actions button:disabled {opacity:0.5;cursor:not-allowed;transform:none;}
.heic2jpg-actions button.cancel-mode {background:linear-gradient(135deg,var(--error-red),#b91c1c);color:var(--white);box-shadow:0 4px 12px rgba(185,28,28,0.3);}
.heic2jpg-actions button.cancel-mode:hover {background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-2px);box-shadow:0 6px 20px rgba(185,28,28,0.4);}
@media (max-width:960px) {
.heic2jpg-panels {grid-template-columns:1fr;}
}
@media (max-width:768px) {
.heic2jpg-item {grid-template-columns:1fr;gap:var(--spacing-sm);}
.heic2jpg-thumb {width:100%;height:200px;max-width:300px;margin:0 auto;}
.heic2jpg-item-actions {flex-direction:row;width:100%;}
.heic2jpg-item-actions button {flex:1;}
.heic2jpg-actions {flex-direction:column;}
.heic2jpg-actions button {width:100%;justify-content:center;}
}
@media (max-width:576px) {
.heic2jpg-card {padding:var(--spacing-md);}
.heic2jpg-section-title {font-size:1rem;}
.heic2jpg-preferences {gap:var(--spacing-sm);}
}
/* Barra de progresso */
.heic2jpg-progress-container {display:flex;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-md);padding:var(--spacing-md);text-align:center}
.heic2jpg-progress-bar {flex:1;height:8px;background:var(--color-border);border-radius:4px;overflow:hidden;}
.heic2jpg-progress-fill {height:100%;background:linear-gradient(90deg,var(--primary-green),var(--dark-green));transition:width 0.3s ease;border-radius:4px;}
.heic2jpg-progress-text {font-size:0.9rem;font-weight:600;color:var(--primary-green);min-width:60px;text-align:right;}
@media (max-width:576px) {
.heic2jpg-progress-container {flex-direction:column;gap:var(--spacing-sm);text-align:center;}
.heic2jpg-progress-text {min-width:auto;}
}
/* Controles de paginação */
.heic2jpg-pagination {display:flex;justify-content:center;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-lg);padding:var(--spacing-md);background:var(--off-white);border-radius:var(--border-radius-md);border:1px solid var(--color-border);}
[data-theme="dark"] .heic2jpg-pagination {background:rgba(255,255,255,0.05);}
.heic2jpg-pagination button {padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);background:var(--white);color:var(--color-text);font-weight:600;cursor:pointer;transition:all var(--transition-fast);}
[data-theme="dark"] .heic2jpg-pagination button {background:rgba(255,255,255,0.05);}
.heic2jpg-pagination button:hover:not(:disabled) {background:var(--primary-green);color:var(--white);border-color:var(--primary-green);}
.heic2jpg-pagination button:disabled {opacity:0.5;cursor:not-allowed;}
.heic2jpg-page-info {font-size:0.9rem;color:var(--color-text-secondary);font-weight:500;}
.heic2jpg-actions button.cancel-mode {background:linear-gradient(135deg,var(--danger),#b91c1c);color:var(--white);box-shadow:0 4px 12px rgba(185,28,28,0.3);}
.heic2jpg-actions button.cancel-mode:hover {background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-2px);box-shadow:0 6px 20px rgba(185,28,28,0.4);}
@media (max-width:576px) {
.heic2jpg-pagination {flex-direction:column;gap:var(--spacing-sm);}
.heic2jpg-pagination button {width:100%;}
}
/* Estilo para itens baixados */
.heic2jpg-item.downloaded {border-color: var(--success); background: rgba(40, 167, 69, 0.05); opacity: 0.8;}
[data-theme="dark"] .heic2jpg-item.downloaded {background: rgba(40, 167, 69, 0.1);}

/* Animação de loading para preview */
.heic2jpg-thumb.loading {
    position: relative;
    background: linear-gradient(90deg, var(--color-border) 25%, var(--light-gray) 50%, var(--color-border) 75%);
    background-size: 200% 100%;
    animation: heic2jpg-shimmer 1.5s infinite;
    display: flex;
    align-items: center;
    justify-content: center;
    /* Ocultar o ícone de arquivo corrompido */
    font-size: 0;
    color: transparent;
}

.heic2jpg-thumb.loading::before {
    content: '';
    width: 40px;
    height: 40px;
    border: 3px solid var(--color-border);
    border-top: 3px solid var(--primary-green);
    border-radius: 50%;
    animation: heic2jpg-spin 1s linear infinite;
}

@keyframes heic2jpg-shimmer {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}

@keyframes heic2jpg-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

[data-theme="dark"] .heic2jpg-thumb.loading {
    background: linear-gradient(90deg, rgba(255,255,255,0.1) 25%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.1) 75%);
    background-size: 200% 100%;
}

[data-theme="dark"] .heic2jpg-thumb.loading::before {
    border-color: rgba(255,255,255,0.2);
    border-top-color: var(--primary-green);
}