/* VERSÃO DO ARQUIVO: 1.1.3 - Estilos do contador do campo de conversão reversa */
:root{
--codificador-panel-bg:linear-gradient(180deg,rgba(255,255,255,0.98) 0%,rgba(248,249,250,0.96) 100%);
--codificador-panel-border:rgba(0,114,188,0.12);
--codificador-panel-shadow:0 1.2rem 2.5rem rgba(15,23,42,0.08);
--codificador-panel-shadow-hover:0 1.5rem 3rem rgba(0,114,188,0.12);
--codificador-panel-accent:linear-gradient(90deg,rgba(0,166,81,0.96) 0%,rgba(0,114,188,0.96) 100%);
--codificador-muted:var(--color-text-secondary);
--codificador-input-bg:rgba(255,255,255,0.96);
--codificador-input-border:rgba(15,23,42,0.1);
--codificador-input-border-focus:rgba(0,114,188,0.32);
--codificador-input-shadow-focus:0 0 0 0.22rem rgba(0,166,81,0.12);
--codificador-warning-bg:linear-gradient(135deg,rgba(255,248,241,0.98) 0%,rgba(255,255,255,0.98) 100%);
--codificador-warning-border:rgba(245,158,11,0.28);
--codificador-empty-bg:linear-gradient(135deg,rgba(241,248,255,0.8) 0%,rgba(248,252,250,0.9) 100%);
--codificador-empty-border:rgba(0,114,188,0.18);
--codificador-card-border:rgba(15,23,42,0.08);
--codificador-card-bg:rgba(255,255,255,0.98);
--codificador-card-shadow:0 0.8rem 1.9rem rgba(15,23,42,0.08);
--codificador-card-shadow-hover:0 1.1rem 2.2rem rgba(0,114,188,0.12);
--codificador-pre-bg:rgba(248,249,250,0.95);
--codificador-pre-border:rgba(15,23,42,0.08);
--codificador-pre-color:var(--color-text);
--codificador-badge-pending-bg:rgba(0,114,188,0.1);
--codificador-badge-pending-text:#0f5f96;
--codificador-badge-success-bg:rgba(0,166,81,0.12);
--codificador-badge-success-text:#047857;
--codificador-badge-error-bg:rgba(220,53,69,0.12);
--codificador-badge-error-text:#b42318;
--codificador-status-bg:rgba(241,245,249,0.85);
--codificador-status-border:rgba(100,116,139,0.18);
--codificador-status-info-bg:rgba(0,114,188,0.08);
--codificador-status-info-border:rgba(0,114,188,0.2);
--codificador-status-info-text:#0f5f96;
--codificador-status-success-bg:rgba(0,166,81,0.08);
--codificador-status-success-border:rgba(0,166,81,0.22);
--codificador-status-success-text:#047857;
--codificador-status-warning-bg:rgba(245,158,11,0.12);
--codificador-status-warning-border:rgba(245,158,11,0.28);
--codificador-status-warning-text:#b45309;
--codificador-status-error-bg:rgba(220,53,69,0.1);
--codificador-status-error-border:rgba(220,53,69,0.24);
--codificador-status-error-text:#b42318
}
[data-theme="dark"]{
--codificador-panel-bg:linear-gradient(180deg,rgba(37,42,50,0.98) 0%,rgba(27,32,39,0.96) 100%);
--codificador-panel-border:rgba(149,214,255,0.16);
--codificador-panel-shadow:0 1.2rem 2.6rem rgba(0,0,0,0.28);
--codificador-panel-shadow-hover:0 1.5rem 3.1rem rgba(0,0,0,0.34);
--codificador-muted:rgba(233,236,239,0.78);
--codificador-input-bg:rgba(16,20,26,0.92);
--codificador-input-border:rgba(149,214,255,0.16);
--codificador-input-border-focus:rgba(0,191,93,0.34);
--codificador-input-shadow-focus:0 0 0 0.22rem rgba(0,191,93,0.16);
--codificador-warning-bg:linear-gradient(135deg,rgba(66,32,6,0.96) 0%,rgba(36,26,18,0.98) 100%);
--codificador-warning-border:rgba(251,191,36,0.26);
--codificador-empty-bg:linear-gradient(135deg,rgba(15,30,49,0.88) 0%,rgba(16,34,40,0.92) 100%);
--codificador-empty-border:rgba(149,214,255,0.16);
--codificador-card-border:rgba(149,214,255,0.12);
--codificador-card-bg:rgba(23,28,36,0.94);
--codificador-card-shadow:0 0.9rem 2rem rgba(0,0,0,0.24);
--codificador-card-shadow-hover:0 1.2rem 2.5rem rgba(0,0,0,0.3);
--codificador-pre-bg:rgba(11,15,21,0.92);
--codificador-pre-border:rgba(149,214,255,0.12);
--codificador-pre-color:var(--color-text);
--codificador-badge-pending-bg:rgba(149,214,255,0.12);
--codificador-badge-pending-text:#9bdcff;
--codificador-badge-success-bg:rgba(0,191,93,0.14);
--codificador-badge-success-text:#74e1a4;
--codificador-badge-error-bg:rgba(255,82,82,0.14);
--codificador-badge-error-text:#ff9a9a;
--codificador-status-bg:rgba(17,24,39,0.92);
--codificador-status-border:rgba(149,214,255,0.14);
--codificador-status-info-bg:rgba(17,62,94,0.5);
--codificador-status-info-border:rgba(149,214,255,0.18);
--codificador-status-info-text:#a6e1ff;
--codificador-status-success-bg:rgba(10,76,46,0.52);
--codificador-status-success-border:rgba(0,191,93,0.24);
--codificador-status-success-text:#84ebb4;
--codificador-status-warning-bg:rgba(102,60,9,0.48);
--codificador-status-warning-border:rgba(251,191,36,0.24);
--codificador-status-warning-text:#ffd27d;
--codificador-status-error-bg:rgba(103,28,41,0.5);
--codificador-status-error-border:rgba(255,82,82,0.24);
--codificador-status-error-text:#ffb1b1
}
.codificador-texto-area{display:grid;gap:var(--spacing-xl)}
.codificador-texto-painel{position:relative;display:grid;gap:var(--spacing-lg);padding:clamp(1rem,2vw,1.5rem);background:var(--codificador-panel-bg);border:1px solid var(--codificador-panel-border);border-radius:var(--border-radius-lg);box-shadow:var(--codificador-panel-shadow);overflow:hidden;transition:border-color var(--transition-normal),box-shadow var(--transition-normal),transform var(--transition-normal)}
.codificador-texto-painel:hover{border-color:rgba(0,114,188,0.22);box-shadow:var(--codificador-panel-shadow-hover);transform:translateY(-2px)}
.codificador-texto-painel::after{content:"";position:absolute;left:0;bottom:0;height:4px;width:var(--codificador-progress,0%);background:var(--codificador-panel-accent);border-radius:999px;opacity:0;transition:width 0.3s ease,opacity 0.3s ease}
.codificador-texto-painel[data-processing="true"]::after{opacity:1}
.codificador-texto-painel-principal{
--codificador-progress:0%
}
.codificador-texto-painel h2{margin:0;font-size:clamp(1.35rem,2vw,1.75rem);line-height:1.2;color:var(--color-text)}
.codificador-texto-grupo{display:grid;gap:0.65rem}
.codificador-texto-label{display:flex;align-items:center;gap:0.5rem;font-weight:700;font-size:0.98rem;color:var(--color-text)}
.codificador-texto-ajuda{margin:0;font-size:0.94rem;line-height:1.6;color:var(--codificador-muted)}
#codificadorTextoContador{justify-self:start;display:inline-flex;align-items:center;gap:0.4rem;padding:0.35rem 0.75rem;border-radius:999px;background:rgba(0,114,188,0.08);color:#0f5f96;font-size:0.86rem;font-weight:700}
#codificadorTextoContador[data-limit-state="warning"]{background:rgba(245,158,11,0.12);color:#b45309}
#codificadorTextoContador[data-limit-state="max"]{background:rgba(220,53,69,0.12);color:#b42318}
[data-theme="dark"] #codificadorTextoContador{background:rgba(149,214,255,0.12);color:#9bdcff}
[data-theme="dark"] #codificadorTextoContador[data-limit-state="warning"]{background:rgba(251,191,36,0.16);color:#ffd27d}
[data-theme="dark"] #codificadorTextoContador[data-limit-state="max"]{background:rgba(255,82,82,0.16);color:#ffb1b1}
#codificadorTextoContadorCodigoEntrada{justify-self:start;display:inline-flex;align-items:center;gap:0.4rem;padding:0.35rem 0.75rem;border-radius:999px;background:rgba(0,114,188,0.08);color:#0f5f96;font-size:0.86rem;font-weight:700}
#codificadorTextoContadorCodigoEntrada[data-limit-state="warning"]{background:rgba(245,158,11,0.12);color:#b45309}
#codificadorTextoContadorCodigoEntrada[data-limit-state="max"]{background:rgba(220,53,69,0.12);color:#b42318}
[data-theme="dark"] #codificadorTextoContadorCodigoEntrada{background:rgba(149,214,255,0.12);color:#9bdcff}
[data-theme="dark"] #codificadorTextoContadorCodigoEntrada[data-limit-state="warning"]{background:rgba(251,191,36,0.16);color:#ffd27d}
[data-theme="dark"] #codificadorTextoContadorCodigoEntrada[data-limit-state="max"]{background:rgba(255,82,82,0.16);color:#ffb1b1}
.codificador-texto-aviso{display:grid;grid-template-columns:auto 1fr;gap:0.75rem;align-items:flex-start;padding:0.95rem 1rem;border:1px solid var(--codificador-warning-border);border-radius:var(--border-radius-md);background:var(--codificador-warning-bg);color:var(--color-text)}
.codificador-texto-aviso::before{content:"";width:1.15rem;height:1.15rem;margin-top:0.1rem;flex-shrink:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cpath d='M12 9v4' stroke='%23f59e0b' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M12 17h.01' stroke='%23f59e0b' stroke-width='2.6' stroke-linecap='round'/%3E%3Cpath d='M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0Z' stroke='%23f59e0b' stroke-width='1.8' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:contain}
.codificador-texto-textarea,.codificador-texto-select{width:100%;padding:0.95rem 1rem;border:1px solid var(--codificador-input-border);border-radius:var(--border-radius-md);background:var(--codificador-input-bg);color:var(--color-text);box-sizing:border-box;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast),background-color var(--transition-fast);box-shadow:inset 0 1px 0 rgba(255,255,255,0.06)}
.codificador-texto-textarea::placeholder,.codificador-texto-select{color:var(--color-text)}
.codificador-texto-textarea::placeholder{color:var(--color-text-secondary);opacity:0.84}
.codificador-texto-textarea:hover,.codificador-texto-select:hover{border-color:rgba(0,114,188,0.22)}
.codificador-texto-textarea:focus,.codificador-texto-select:focus{outline:none;border-color:var(--codificador-input-border-focus);box-shadow:var(--codificador-input-shadow-focus);transform:translateY(-1px)}
.codificador-texto-textarea{min-height:12rem;resize:vertical;line-height:1.65}
.codificador-texto-textarea-menor{min-height:9rem}
.codificador-texto-erro-inline{margin:0;font-size:0.88rem;line-height:1.5;color:var(--codificador-status-error-text);font-weight:600}
.codificador-texto-erro-inline[hidden]{display:none}
.codificador-texto-textarea[aria-invalid="true"],.codificador-texto-select[aria-invalid="true"]{border-color:var(--codificador-status-error-border);box-shadow:0 0 0 3px rgba(220,53,69,0.15);background:rgba(220,53,69,0.04)}
[data-theme="dark"] .codificador-texto-textarea[aria-invalid="true"],[data-theme="dark"] .codificador-texto-select[aria-invalid="true"]{background:rgba(255,82,82,0.08);box-shadow:0 0 0 3px rgba(255,82,82,0.2)}
.codificador-texto-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:3rem;background-image:url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%230072bc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),linear-gradient(180deg,rgba(255,255,255,0.04),rgba(255,255,255,0));background-repeat:no-repeat,no-repeat;background-position:right 1rem center,center;background-size:1rem,100%}
[data-theme="dark"] .codificador-texto-select{background-image:url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%239bdcff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),linear-gradient(180deg,rgba(255,255,255,0.04),rgba(255,255,255,0))}
#codificadorTextoResultadoReverso{background:linear-gradient(180deg,rgba(0,114,188,0.03) 0%,rgba(255,255,255,0.98) 100%)}
[data-theme="dark"] #codificadorTextoResultadoReverso{background:linear-gradient(180deg,rgba(149,214,255,0.05) 0%,rgba(16,20,26,0.96) 100%)}
.codificador-texto-acoes{display:flex;flex-wrap:wrap;gap:0.75rem;align-items:center}
.codificador-texto-acoes .tool-btn{flex:1 1 13.5rem;min-height:3rem}
.codificador-texto-status{margin:0;min-height:3rem;padding:0.85rem 1rem;border-radius:var(--border-radius-md);border:1px solid var(--codificador-status-border);background:var(--codificador-status-bg);color:var(--codificador-muted);font-size:0.94rem;font-weight:600;line-height:1.6}
.codificador-texto-status:empty{min-height:0;padding:0;border:none;background:transparent}
.codificador-texto-status[data-status-type="info"]{background:var(--codificador-status-info-bg);border-color:var(--codificador-status-info-border);color:var(--codificador-status-info-text)}
.codificador-texto-status[data-status-type="success"]{background:var(--codificador-status-success-bg);border-color:var(--codificador-status-success-border);color:var(--codificador-status-success-text)}
.codificador-texto-status[data-status-type="warning"]{background:var(--codificador-status-warning-bg);border-color:var(--codificador-status-warning-border);color:var(--codificador-status-warning-text)}
.codificador-texto-status[data-status-type="error"]{background:var(--codificador-status-error-bg);border-color:var(--codificador-status-error-border);color:var(--codificador-status-error-text)}
.codificador-texto-resultados{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr))}
.codificador-texto-resultados:empty{min-height:10rem;padding:1.15rem;border:1px dashed var(--codificador-empty-border);border-radius:var(--border-radius-lg);background:var(--codificador-empty-bg);place-items:center}
.codificador-texto-resultados:empty::before{content:"Os resultados aparecem aqui assim que você gerar os formatos disponíveis.";max-width:28rem;text-align:center;font-size:0.96rem;line-height:1.6;color:var(--codificador-muted)}
.codificador-texto-resultados[aria-busy="true"]:empty::before{content:"Preparando os cartões de resultado para a nova conversão..."}
.codificador-texto-card{display:grid;gap:0.95rem;padding:1rem;border:1px solid var(--codificador-card-border);border-radius:calc(var(--border-radius-lg) - 2px);background:var(--codificador-card-bg);box-shadow:var(--codificador-card-shadow);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}
.codificador-texto-card:hover{border-color:rgba(0,114,188,0.18);box-shadow:var(--codificador-card-shadow-hover);transform:translateY(-2px)}
.codificador-texto-card[data-card-state="pending"]{border-style:dashed}
.codificador-texto-card[data-card-state="error"]{border-color:rgba(220,53,69,0.25)}
.codificador-texto-card-cabecalho{display:flex;align-items:flex-start;justify-content:space-between;gap:0.75rem}
.codificador-texto-card-titulos{display:grid;gap:0.3rem;min-width:0}
.codificador-texto-card-cabecalho h3{margin:0;font-size:1.04rem;line-height:1.3;color:var(--color-text)}
.codificador-texto-card-cabecalho p{margin:0;font-size:0.89rem;line-height:1.55;color:var(--codificador-muted)}
.codificador-texto-card-badge{display:inline-flex;align-items:center;justify-content:center;padding:0.3rem 0.72rem;border-radius:999px;font-size:0.76rem;font-weight:700;white-space:nowrap;background:var(--codificador-badge-pending-bg);color:var(--codificador-badge-pending-text)}
.codificador-texto-card[data-card-state="ready"] .codificador-texto-card-badge{background:var(--codificador-badge-success-bg);color:var(--codificador-badge-success-text)}
.codificador-texto-card[data-card-state="error"] .codificador-texto-card-badge{background:var(--codificador-badge-error-bg);color:var(--codificador-badge-error-text)}
.codificador-texto-pre{overflow:auto;max-height:18rem;margin:0;padding:0.9rem 1rem;border:1px solid var(--codificador-pre-border);border-radius:var(--border-radius-md);background:var(--codificador-pre-bg);color:var(--codificador-pre-color);white-space:pre-wrap;word-break:break-word;font-family:"Consolas","Courier New",monospace;font-size:0.92rem;line-height:1.62;scrollbar-width:thin}
.codificador-texto-card[data-card-state="pending"] .codificador-texto-pre{background:linear-gradient(90deg,rgba(0,114,188,0.06) 0%,rgba(255,255,255,0.88) 50%,rgba(0,166,81,0.05) 100%);background-size:220% 100%;animation:codificadorPendingGlow 2.2s linear infinite}
[data-theme="dark"] .codificador-texto-card[data-card-state="pending"] .codificador-texto-pre{background:linear-gradient(90deg,rgba(149,214,255,0.08) 0%,rgba(16,20,26,0.88) 50%,rgba(0,191,93,0.08) 100%);background-size:220% 100%}
.codificador-texto-card[data-card-state="error"] .codificador-texto-pre{border-color:rgba(220,53,69,0.24)}
.codificador-texto-card .codificador-texto-acoes{gap:0.6rem}
.codificador-texto-card .tool-btn{flex:1 1 10.75rem}
.codificador-texto-grade-reversa{display:grid;gap:1rem}
@keyframes codificadorPendingGlow{from{background-position:0% 50%}to{background-position:220% 50%}}
.fj-premium-result-cta{margin-top: 0 !important;}
@media (min-width:768px){
.codificador-texto-grade-reversa{grid-template-columns:minmax(0,1.05fr) minmax(16rem,0.55fr);align-items:start}
}
@media (max-width:767px){
.codificador-texto-painel{padding:1rem;gap:1rem}
.codificador-texto-aviso{grid-template-columns:1fr}
.codificador-texto-aviso::before{margin-top:0}
.codificador-texto-acoes .tool-btn,.codificador-texto-card .tool-btn{flex:1 1 100%;width:100%}
.codificador-texto-card-cabecalho{flex-direction:column}
.codificador-texto-card-badge{align-self:flex-start}
}
@media (max-width:540px){
.codificador-texto-painel h2{font-size:1.25rem}
.codificador-texto-textarea{min-height:10.5rem}
.codificador-texto-textarea-menor{min-height:8rem}
.codificador-texto-status{font-size:0.9rem}
}
@media (prefers-reduced-motion:reduce){
.codificador-texto-painel,.codificador-texto-card,.codificador-texto-textarea,.codificador-texto-select{transition:none}
.codificador-texto-card[data-card-state="pending"] .codificador-texto-pre{animation:none}
}
body.codificador-texto-cursor-loading{cursor:wait}
body.codificador-texto-cursor-loading *{cursor:wait!important}