pequenas correcoes esteticas

frontend/src/components/ElaboracaoTab.jsx

@@ -2443,7 +2443,7 @@ export default function ElaboracaoTab({ sessionId }) {
                   </span>
                   {dataMercadoPendente ? <span className="pending-apply-note">{pendingWarningText}</span> : null}
                 </div>
-                <div className="section1-empty-hint">Selecionado: {colunaDataMercado || '-'}</div>
+                <div className="section1-empty-hint">Valor atualmente aplicado: {colunaDataMercadoAplicada || '-'}</div>
               </div>
               {dataMercadoError ? <div className="error-line inline-error">{dataMercadoError}</div> : null}
             </div>
@@ -2476,7 +2476,7 @@ export default function ElaboracaoTab({ sessionId }) {
               </span>
               {dependentePendente ? <span className="pending-apply-note">{pendingWarningText}</span> : null}
             </div>
-            <div className="section1-empty-hint">Selecionado: {colunaYDraft || '-'}</div>
+            <div className="section1-empty-hint section5-applied-hint">Valor atualmente aplicado: {colunaY || '-'}</div>
           </SectionBlock>
 
           <SectionBlock step="6" title="Selecionar Variáveis Independentes" subtitle="Escolha regressoras e grupos de tipologia.">
@@ -2580,53 +2580,56 @@ export default function ElaboracaoTab({ sessionId }) {
             ) : null}
             {colunaY ? (
               <div className="section6-selected-summary">
-                <div className="section6-summary-group">
-                  <div className="section6-summary-label">Independentes:</div>
-                  {colunasX.length > 0 ? (
-                    <div className="checkbox-inline-wrap">
-                      {colunasX.map((coluna) => (
-                        <span key={`selected-x-${coluna}`} className="compact-chip">{coluna}</span>
-                      ))}
-                    </div>
-                  ) : (
-                    <div className="section1-empty-hint">Nenhuma.</div>
-                  )}
-                </div>
-                <div className="section6-summary-group">
-                  <div className="section6-summary-label">Dicotômicas:</div>
-                  {dicotomicas.length > 0 ? (
-                    <div className="checkbox-inline-wrap">
-                      {dicotomicas.map((coluna) => (
-                        <span key={`selected-d-${coluna}`} className="compact-chip">{coluna}</span>
-                      ))}
-                    </div>
-                  ) : (
-                    <div className="section1-empty-hint">Nenhuma.</div>
-                  )}
-                </div>
-                <div className="section6-summary-group">
-                  <div className="section6-summary-label">Código alocado/ajustado:</div>
-                  {codigoAlocado.length > 0 ? (
-                    <div className="checkbox-inline-wrap">
-                      {codigoAlocado.map((coluna) => (
-                        <span key={`selected-c-${coluna}`} className="compact-chip">{coluna}</span>
-                      ))}
-                    </div>
-                  ) : (
-                    <div className="section1-empty-hint">Nenhuma.</div>
-                  )}
-                </div>
-                <div className="section6-summary-group">
-                  <div className="section6-summary-label">Percentuais:</div>
-                  {percentuais.length > 0 ? (
-                    <div className="checkbox-inline-wrap">
-                      {percentuais.map((coluna) => (
-                        <span key={`selected-p-${coluna}`} className="compact-chip">{coluna}</span>
-                      ))}
-                    </div>
-                  ) : (
-                    <div className="section1-empty-hint">Nenhuma.</div>
-                  )}
+                <div className="section6-applied-badge">
+                  <div className="section6-applied-badge-title">Variáveis atualmente aplicadas</div>
+                  <div className="section6-summary-group">
+                    <div className="section6-summary-label">Independentes:</div>
+                    {colunasX.length > 0 ? (
+                      <div className="checkbox-inline-wrap">
+                        {colunasX.map((coluna) => (
+                          <span key={`selected-x-${coluna}`} className="compact-chip">{coluna}</span>
+                        ))}
+                      </div>
+                    ) : (
+                      <div className="section1-empty-hint">Nenhuma.</div>
+                    )}
+                  </div>
+                  <div className="section6-summary-group">
+                    <div className="section6-summary-label">Dicotômicas:</div>
+                    {dicotomicas.length > 0 ? (
+                      <div className="checkbox-inline-wrap">
+                        {dicotomicas.map((coluna) => (
+                          <span key={`selected-d-${coluna}`} className="compact-chip">{coluna}</span>
+                        ))}
+                      </div>
+                    ) : (
+                      <div className="section1-empty-hint">Nenhuma.</div>
+                    )}
+                  </div>
+                  <div className="section6-summary-group">
+                    <div className="section6-summary-label">Código alocado/ajustado:</div>
+                    {codigoAlocado.length > 0 ? (
+                      <div className="checkbox-inline-wrap">
+                        {codigoAlocado.map((coluna) => (
+                          <span key={`selected-c-${coluna}`} className="compact-chip">{coluna}</span>
+                        ))}
+                      </div>
+                    ) : (
+                      <div className="section1-empty-hint">Nenhuma.</div>
+                    )}
+                  </div>
+                  <div className="section6-summary-group">
+                    <div className="section6-summary-label">Percentuais:</div>
+                    {percentuais.length > 0 ? (
+                      <div className="checkbox-inline-wrap">
+                        {percentuais.map((coluna) => (
+                          <span key={`selected-p-${coluna}`} className="compact-chip">{coluna}</span>
+                        ))}
+                      </div>
+                    ) : (
+                      <div className="section1-empty-hint">Nenhuma.</div>
+                    )}
+                  </div>
                 </div>
               </div>
             ) : null}

frontend/src/styles.css

@@ -1908,6 +1908,32 @@ button.btn-upload-select {
   gap: 8px;
 }
 
+.section6-applied-badge {
+  border: 1px solid #d8e4ef;
+  border-radius: 12px;
+  background: linear-gradient(180deg, #fcfdff 0%, #f7fbff 100%);
+  padding: 10px 11px;
+  display: grid;
+  gap: 9px;
+}
+
+.section6-applied-badge-title {
+  display: inline-flex;
+  align-items: center;
+  justify-content: flex-start;
+  width: fit-content;
+  border: 1px solid #cadbeb;
+  border-radius: 999px;
+  background: #edf4fb;
+  color: #3f5f7f;
+  font-family: 'Sora', sans-serif;
+  font-size: 0.73rem;
+  font-weight: 800;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+  padding: 3px 10px;
+}
+
 .section6-summary-group {
   display: grid;
   gap: 5px;
@@ -2443,6 +2469,10 @@ button.btn-upload-select {
   margin-bottom: 0;
 }
 
+.section5-applied-hint {
+  margin-top: 8px;
+}
+
 .pending-apply-note {
   display: inline-flex;
   align-items: center;