/* =========================
   CSS ESPECÍFICO DA FERRAMENTA
   Analisador de Imagens - Design Moderno e Responsivo
   ========================= */
:root{
--analisador-bg-controles:#ffffff;
--analisador-bg-preview:#ffffff;
--analisador-bg-resultado:#ffffff;
--analisador-border-color:#e9ecef;
--analisador-border-dashed:#dee2e6;
--analisador-bg-hover:#f8f9fa;
--analisador-text-primary:#343a40;
--analisador-text-secondary:#495057;
--analisador-text-muted:#6c757d;
--analisador-bg-mensagem:#e7f3ff;
--analisador-bg-preview-area:#f8f9fa;
--analisador-thead-bg:linear-gradient(135deg,#f8f9fa,#e9ecef);
}
[data-theme="dark"]{
--analisador-bg-controles:#2d2d2d;
--analisador-bg-preview:#2d2d2d;
--analisador-bg-resultado:#2d2d2d;
--analisador-border-color:#495057;
--analisador-border-dashed:#495057;
--analisador-bg-hover:#1a1a1a;
--analisador-text-primary:#e9ecef;
--analisador-text-secondary:#adb5bd;
--analisador-text-muted:#adb5bd;
--analisador-bg-mensagem:#1e3a52;
--analisador-bg-preview-area:#1a1a1a;
--analisador-thead-bg:linear-gradient(135deg,#1a1a1a,#212121);
}
.analisador-imagem-wrap{display:grid;gap:24px;max-width:1000px;margin:0 auto;overflow-x:hidden;}
.analisador-imagem-controles{display:grid;gap:16px;background:var(--analisador-bg-controles);padding:24px;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,0.08);border:1px solid var(--analisador-border-color);}
.analisador-imagem-linha{display:grid;gap:16px;grid-template-columns:1fr 1fr;align-items:start;}
.analisador-imagem-linha--single{grid-template-columns:1fr;}
.analisador-imagem-linha>div{display:flex;flex-direction:column;gap:8px;}
.analisador-imagem-linha label{font-weight:500;color:var(--analisador-text-primary);font-size:0.95rem;display:flex;align-items:center;gap:8px;}
.analisador-imagem-linha select{padding:10px 12px;border:1px solid var(--analisador-border-color);border-radius:8px;font-size:0.95rem;background:var(--analisador-bg-controles);color:var(--analisador-text-primary);transition:all 0.3s ease;cursor:pointer;}
.analisador-imagem-linha select:hover{border-color:#00a651;box-shadow:0 0 0 3px rgba(0,166,81,0.1);}
.analisador-imagem-linha select:focus{outline:none;border-color:#00a651;box-shadow:0 0 0 3px rgba(0,166,81,0.15);}
.analisador-imagem-acoes{display:flex;gap:12px;flex-wrap:wrap;}
.analisador-imagem-acoes button{padding:12px 24px;border:none;border-radius:8px;font-weight:600;font-size:0.95rem;cursor:pointer;transition:all 0.3s ease;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;}
.analisador-imagem-preview{display:none;gap:12px;background:var(--analisador-bg-preview);padding:20px;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,0.08);border:1px solid var(--analisador-border-color);}
#analisador-imagem-preview-area{min-height:200px;display:flex;align-items:center;justify-content:center;background:var(--analisador-bg-preview-area);border-radius:8px;border:2px dashed var(--analisador-border-dashed);overflow:hidden;}
#analisador-imagem-preview-area img{max-width:100%;max-height:400px;height:auto;display:block;border-radius:6px;box-shadow:0 4px 16px rgba(0,0,0,0.1);}
.analisador-imagem-resultado{display:none;}
.analisador-imagem-resultado__bloco{background:var(--analisador-bg-resultado);border:1px solid var(--analisador-border-color);padding:20px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.06);}
.analisador-imagem-resultado__titulo{font-weight:700;font-size:1.1rem;color:var(--analisador-text-primary);margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--analisador-border-color);display:flex;align-items:center;gap:8px;}
.analisador-imagem-tabela{width:100%;border-collapse:collapse;margin-top:8px;table-layout:fixed;overflow-x:auto;}
.analisador-imagem-tabela thead{background:var(--analisador-thead-bg);}
.analisador-imagem-tabela th{border:1px solid var(--analisador-border-color);padding:12px 16px;text-align:left;font-weight:600;color:var(--analisador-text-primary);font-size:0.9rem;word-break:break-word;}
.analisador-imagem-tabela td{border:1px solid var(--analisador-border-color);padding:12px 16px;text-align:left;color:var(--analisador-text-secondary);font-size:0.9rem;word-break:break-word;}
.analisador-imagem-tabela tbody tr:hover{background:var(--analisador-bg-hover);}
.analisador-imagem-grid-2{display:grid;grid-template-columns:minmax(150px,1fr) 2fr;gap:16px;padding:10px 0;border-bottom:1px solid var(--analisador-bg-hover);word-break:break-word;}
.analisador-imagem-grid-2:last-child{border-bottom:none;}
.analisador-imagem-grid-2>div:first-child{font-weight:600;color:var(--analisador-text-secondary);font-size:0.9rem;}
.analisador-imagem-grid-2>div:last-child{color:var(--analisador-text-primary);font-size:0.9rem;word-break:break-word;}
.analisador-imagem-mensagem{font-size:0.85rem;color:var(--analisador-text-muted);margin-bottom:16px;display:flex;align-items:center;gap:6px;}
#analisador-imagem-mensagens{padding:12px 16px;background:var(--analisador-bg-mensagem);border-left:4px solid #0072bc;border-radius:6px;color:var(--analisador-text-primary);font-size:0.9rem;display:none;}
#analisador-imagem-mensagens:not(:empty){display:block;animation:fadeIn 0.3s ease;}
.analisador-imagem-oculto{display:none !important;}
.tool-upload-container.dragover{border-color:#00a651;background:rgba(0,166,81,0.08);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,166,81,0.2);}
.tool-upload-container.upload-success{border-color:#00a651;background:rgba(0,166,81,0.05);box-shadow:0 4px 15px rgba(0,166,81,0.15);}
.tool-upload-container.upload-success .tool-upload-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2300a651'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z'/%3E%3C/svg%3E");}
/* ======= TEMA ESCURO ======= */
[data-theme="dark"] .analisador-imagem-controles{box-shadow:0 2px 12px rgba(0,0,0,0.3);}
[data-theme="dark"] .analisador-imagem-preview{box-shadow:0 2px 12px rgba(0,0,0,0.3);}
[data-theme="dark"] .analisador-imagem-resultado__bloco{box-shadow:0 2px 8px rgba(0,0,0,0.3);}
[data-theme="dark"] .tool-upload-container.dragover{background:rgba(0,166,81,0.15);}
[data-theme="dark"] .tool-upload-container.upload-success{background:rgba(0,166,81,0.12);}
@keyframes fadeIn{from{opacity:0;transform:translateY(-10px);}to{opacity:1;transform:translateY(0);}}
@keyframes slideIn{from{opacity:0;transform:translateX(-20px);}to{opacity:1;transform:translateX(0);}}
@media (max-width:768px){
.analisador-imagem-controles{padding:20px;}
.analisador-imagem-linha{grid-template-columns:1fr;gap:12px;}
.analisador-imagem-acoes{flex-direction:column;}
.analisador-imagem-acoes button{width:100%;justify-content:center;}
.analisador-imagem-grid-2{grid-template-columns:1fr;gap:8px;}
.analisador-imagem-grid-2>div:first-child{font-weight:700;color:var(--analisador-text-primary);}
}
@media (max-width:576px){
.analisador-imagem-wrap{gap:16px;}
.analisador-imagem-controles{padding:16px;}
.analisador-imagem-preview{padding:16px;}
.analisador-imagem-resultado__bloco{padding:16px;}
.analisador-imagem-resultado__titulo{font-size:1rem;}
#analisador-imagem-preview-area{min-height:150px;}
#analisador-imagem-preview-area img{max-height:300px;}
.analisador-imagem-acoes button{padding:10px 20px;font-size:0.9rem;}
.analisador-imagem-tabela th,.analisador-imagem-tabela td{padding:8px 10px;font-size:0.85rem;}
.analisador-imagem-mensagem{font-size:0.8rem;}
.analisador-imagem-grid-2{grid-template-columns:1fr;gap:8px;}
.analisador-imagem-grid-2>div:first-child{font-weight:700;color:var(--analisador-text-primary);}
}
.analisador-imagem-acoes button.loading{position:relative;pointer-events:none;opacity:0.7;}
.analisador-imagem-acoes button.loading::after{content:'';position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin 0.6s linear infinite;}
@keyframes spin{to{transform:translateY(-50%) rotate(360deg);}}