/* VERSÃO DO ARQUIVO: 1.2.2 - Adiciona animações suaves para transições */
:root{
--ipca-bg-card:var(--white);
--ipca-bg-card-header:linear-gradient(135deg,var(--off-white) 0%,var(--light-gray) 100%);
--ipca-bg-input:var(--white);
--ipca-bg-result:var(--off-white);
--ipca-border-color:var(--light-gray);
--ipca-border-active:var(--primary-green);
--ipca-text-primary:var(--dark-gray);
--ipca-text-secondary:var(--medium-gray);
--ipca-text-muted:#888;
--ipca-shadow-card:0 4px 12px rgba(0,0,0,0.06);
--ipca-shadow-card-hover:0 8px 25px rgba(0,0,0,0.1);
--ipca-highlight-bg:rgba(0,166,81,0.08);
--ipca-highlight-bg-strong:rgba(0,166,81,0.15);
--ipca-result-accent:var(--primary-green);
--ipca-error-bg:rgba(220,53,69,0.08);
--ipca-error-border:rgba(220,53,69,0.25);
--ipca-error-text:#dc3545;
--ipca-help-bg:rgba(59,130,246,0.06);
--ipca-help-border:rgba(59,130,246,0.15);
--ipca-help-text:var(--medium-gray);
--ipca-chart-grid:rgba(0,0,0,0.08);
--ipca-chart-line:var(--primary-blue);
--ipca-chart-tooltip-bg:var(--ipca-bg-card);
}
[data-theme="dark"]{
--ipca-bg-card:#1e1e1e;
--ipca-bg-card-header:linear-gradient(135deg,#2a2a2a 0%,#333 100%);
--ipca-bg-input:#2a2a2a;
--ipca-bg-result:#2a2a2a;
--ipca-border-color:#444;
--ipca-border-active:var(--primary-green);
--ipca-text-primary:#f0f0f0;
--ipca-text-secondary:#aaa;
--ipca-text-muted:#888;
--ipca-shadow-card:0 4px 12px rgba(0,0,0,0.3);
--ipca-shadow-card-hover:0 8px 25px rgba(0,0,0,0.4);
--ipca-highlight-bg:rgba(0,166,81,0.12);
--ipca-highlight-bg-strong:rgba(0,166,81,0.2);
--ipca-result-accent:var(--light-green);
--ipca-error-bg:rgba(220,53,69,0.15);
--ipca-error-border:rgba(220,53,69,0.35);
--ipca-error-text:#ff6b6b;
--ipca-help-bg:rgba(59,130,246,0.1);
--ipca-help-border:rgba(59,130,246,0.2);
--ipca-help-text:#aaa;
--ipca-chart-grid:rgba(255,255,255,0.12);
--ipca-chart-line:var(--primary-blue);
--ipca-chart-tooltip-bg:#1e1e1e;
}
.correcao-ipca-wrap{display:flex;flex-direction:column;gap:var(--spacing-lg);max-width:900px;margin:0 auto;padding:var(--spacing-lg);background:var(--ipca-bg-card);border-radius:var(--border-radius-lg);border:1px solid var(--ipca-border-color);box-shadow:var(--ipca-shadow-card);transition:all var(--transition-normal);}
.correcao-ipca-wrap:hover{box-shadow:var(--ipca-shadow-card-hover);}
.correcao-ipca-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-md);}
@media (min-width:600px){
.correcao-ipca-grid{grid-template-columns:1.5fr 1fr 1fr;align-items:end;}
}
.correcao-ipca-field{display:flex;flex-direction:column;gap:var(--spacing-xs);}
.correcao-ipca-field--full{grid-column:1/-1;}
.correcao-ipca-mode{display:grid;grid-template-columns:1fr;gap:8px;align-items:stretch;padding:8px;border:1px solid var(--ipca-border-color);border-radius:var(--border-radius-md);background:var(--ipca-bg-input);}
@media (min-width:600px){
.correcao-ipca-mode{grid-template-columns:1fr 1fr;gap:0;}
}
.correcao-ipca-mode label{position:relative;display:flex;align-items:center;justify-content:center;gap:0;padding:10px 12px;border-radius:calc(var(--border-radius-md) - 4px);font-size:.92rem;font-weight:600;line-height:1.2;color:var(--ipca-text-secondary);cursor:pointer;user-select:none;transition:background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast);}
@media (min-width:600px){
.correcao-ipca-mode label{border-radius:calc(var(--border-radius-md) - 6px);}
.correcao-ipca-mode label:first-child{border-top-right-radius:0;border-bottom-right-radius:0;}
.correcao-ipca-mode label:last-child{border-top-left-radius:0;border-bottom-left-radius:0;}
}
.correcao-ipca-mode input{position:absolute;opacity:0;pointer-events:none;}
.correcao-ipca-mode label:hover{background:var(--ipca-highlight-bg);color:var(--ipca-text-primary);}
.correcao-ipca-mode label:focus-within{outline:none;box-shadow:0 0 0 3px var(--ipca-highlight-bg-strong);}
.correcao-ipca-mode[data-mode="corrigir"] label[for="correcaoIpcaModoCorrigir"],.correcao-ipca-mode[data-mode="reverter"] label[for="correcaoIpcaModoReverter"]{background:linear-gradient(135deg,var(--primary-green),var(--primary-blue));color:#fff;box-shadow:var(--ipca-shadow-card);}
[data-theme="dark"] .correcao-ipca-mode[data-mode="corrigir"] label[for="correcaoIpcaModoCorrigir"],[data-theme="dark"] .correcao-ipca-mode[data-mode="reverter"] label[for="correcaoIpcaModoReverter"]{box-shadow:0 6px 18px rgba(0,0,0,0.35);}
.correcao-ipca-field label{font-size:0.9rem;font-weight:500;color:var(--ipca-text-primary);line-height:1.3;}
.correcao-ipca-field input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--ipca-border-color);border-radius:var(--border-radius-md);background:var(--ipca-bg-input);color:var(--ipca-text-primary);font-size:1rem;transition:all var(--transition-fast);box-sizing:border-box;}
.correcao-ipca-field input:focus{outline:none;border-color:var(--ipca-border-active);box-shadow:0 0 0 3px var(--ipca-highlight-bg);}
.correcao-ipca-field input::placeholder{color:var(--ipca-text-muted);font-style:italic;}
.correcao-ipca-field input:disabled{opacity:.6;cursor:not-allowed;background:var(--ipca-bg-result);}
.correcao-ipca-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);align-items:center;padding-top:var(--spacing-md);border-top:1px solid var(--ipca-border-color);}
.correcao-ipca-actions button{transition:opacity 0.3s ease, background-color 0.3s ease, transform 0.2s ease;}
.correcao-ipca-actions button:hover{transform:scale(1.02);}
.correcao-ipca-actions button:active{transform:scale(0.98);}
.correcao-ipca-year-range{font-size:.8rem;color:var(--ipca-text-muted);line-height:1.4;margin-top:var(--spacing-xs);}
.correcao-ipca-status{font-size:.85rem;color:var(--ipca-text-secondary);font-style:italic;min-height:1.2rem;display:flex;align-items:center;gap:var(--spacing-xs);}
.correcao-ipca-status.is-loading::before{content:'';width:14px;height:14px;border:2px solid var(--ipca-border-color);border-top-color:var(--primary-green);border-radius:50%;animation:ipca-spin .8s linear infinite;flex-shrink:0;}
@keyframes ipca-spin{to{transform:rotate(360deg);}}
.correcao-ipca-error{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--ipca-error-bg);border:1px solid var(--ipca-error-border);border-radius:var(--border-radius-md);color:var(--ipca-error-text);font-size:.9rem;line-height:1.5;animation:ipca-fadeIn .3s ease-out;}
.correcao-ipca-error::before{content:'';flex-shrink:0;width:20px;height:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23dc3545' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' y1='8' x2='12' y2='12'/%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;margin-top:1px;}
[data-theme="dark"] .correcao-ipca-error::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff6b6b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' y1='8' x2='12' y2='12'/%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'/%3E%3C/svg%3E");}
.correcao-ipca-error[hidden]{display:none;}
.correcao-ipca-result{background:var(--ipca-bg-result);border:1px solid var(--ipca-border-active);border-radius:var(--border-radius-md);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md);position:relative;overflow:hidden;animation:ipca-fadeIn .4s ease-out;}
.correcao-ipca-result::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-green),var(--primary-blue));}
.correcao-ipca-result[hidden]{display:none;}
@keyframes ipca-fadeIn{from{opacity:0;transform:translateY(-10px);}to{opacity:1;transform:translateY(0);}}
.correcao-ipca-result-line{display:flex;flex-direction:column;gap:var(--spacing-xs);padding-bottom:var(--spacing-sm);border-bottom:1px dashed var(--ipca-border-color);}
.correcao-ipca-result-line:last-of-type{border-bottom:none;padding-bottom:0;}
@media (min-width:600px){
.correcao-ipca-result-line{flex-direction:row;align-items:baseline;gap:var(--spacing-md);}
}
.correcao-ipca-result-k{font-size:.85rem;font-weight:500;color:var(--ipca-text-secondary);min-width:200px;flex-shrink:0;}
.correcao-ipca-result-v{font-size:1.1rem;font-weight:700;color:var(--ipca-result-accent);}
.correcao-ipca-result-line:first-child .correcao-ipca-result-v{font-size:1.4rem;background:linear-gradient(135deg,var(--primary-green),var(--primary-blue));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.correcao-ipca-meta{font-size:.8rem;color:var(--ipca-text-muted);line-height:1.5;padding-top:var(--spacing-sm);border-top:1px solid var(--ipca-border-color);white-space:pre-line;}
.correcao-ipca-chart-wrap{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px dashed var(--ipca-border-color);display:flex;flex-direction:column;gap:var(--spacing-sm);}
.correcao-ipca-chart-head{display:flex;flex-direction:column;gap:2px;}
.correcao-ipca-chart-title{font-size:.95rem;font-weight:700;color:var(--ipca-text-primary);}
.correcao-ipca-chart-summary{font-size:.8rem;color:var(--ipca-text-muted);line-height:1.4;}
.correcao-ipca-chart-area{position:relative;background:var(--ipca-bg-card);border:1px solid var(--ipca-border-color);border-radius:var(--border-radius-md);padding:var(--spacing-sm);overflow:hidden;}
.correcao-ipca-chart-svg{width:100%;height:auto;display:block;}
.correcao-ipca-chart-tooltip{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);background:var(--ipca-chart-tooltip-bg);border:1px solid var(--ipca-border-color);border-radius:var(--border-radius-sm);padding:6px 8px;font-size:.8rem;color:var(--ipca-text-primary);box-shadow:var(--ipca-shadow-card);pointer-events:none;white-space:nowrap;transition:opacity 0.3s ease;}
.correcao-ipca-chart-tooltip[hidden]{display:none;}
.correcao-ipca-help{font-size:.85rem;line-height:1.6;color:var(--ipca-help-text);padding:var(--spacing-md);background:var(--ipca-help-bg);border:1px solid var(--ipca-help-border);border-radius:var(--border-radius-md);display:flex;align-items:flex-start;gap:var(--spacing-sm);}
.correcao-ipca-help::before{content:'';flex-shrink:0;width:18px;height:18px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' y1='16' x2='12' y2='12'/%3E%3Cline x1='12' y1='8' x2='12.01' y2='8'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;margin-top:2px;}
@media (max-width:768px){
.correcao-ipca-wrap{padding:var(--spacing-md);gap:var(--spacing-md);}
.correcao-ipca-actions{flex-direction:column;align-items:stretch;}
.correcao-ipca-actions button{width:100%;justify-content:center;}
.correcao-ipca-status{text-align:center;justify-content:center;}
.correcao-ipca-result-k{min-width:auto;}
.correcao-ipca-result-line:first-child .correcao-ipca-result-v{font-size:1.2rem;}
}
@media (max-width:480px){
.correcao-ipca-wrap{padding:var(--spacing-sm);border-radius:var(--border-radius-md);}
.correcao-ipca-field label{font-size:.85rem;}
.correcao-ipca-field input{padding:var(--spacing-sm);font-size:.95rem;}
.correcao-ipca-result{padding:var(--spacing-md);}
.correcao-ipca-help{flex-direction:column;text-align:left;}
.correcao-ipca-help::before{align-self:flex-start;}
}
@media (prefers-reduced-motion:reduce){
.correcao-ipca-wrap,
.correcao-ipca-field input,
.correcao-ipca-result,
.correcao-ipca-error{animation:none;transition:none;}
.correcao-ipca-status.is-loading::before{animation:none;}
}