/* VERSÃO DO ARQUIVO: 1.1.8 - Remove hardcode de cor e reaproveita variável global de texto (CSS-001) */
/* ======= VARIÁVEIS ESPECÍFICAS DA FERRAMENTA ======= */
:root{
--cir-bg-card:var(--white);
--cir-bg-card-header:linear-gradient(135deg,var(--off-white) 0%,var(--light-gray) 100%);
--cir-bg-input:var(--white);
--cir-bg-result:var(--off-white);
--cir-border-color:var(--light-gray);
--cir-border-active:var(--primary-green);
--cir-text-primary:var(--dark-gray);
--cir-text-secondary:var(--medium-gray);
--cir-text-muted:var(--medium-gray);
--cir-shadow-card:0 4px 12px rgba(0,0,0,0.06);
--cir-shadow-card-hover:0 8px 25px rgba(0,0,0,0.1);
--cir-highlight-bg:rgba(0,166,81,0.08);
--cir-highlight-bg-strong:rgba(0,166,81,0.15);
--cir-result-accent:var(--primary-green);
--cir-table-header-bg:var(--light-gray);
--cir-table-row-hover:rgba(0,166,81,0.05);
--cir-table-row-alt:rgba(0,0,0,0.02);
}
[data-theme="dark"]{
--cir-bg-card:#1e1e1e;
--cir-bg-card-header:linear-gradient(135deg,#2a2a2a 0%,#333 100%);
--cir-bg-input:#2a2a2a;
--cir-bg-result:#2a2a2a;
--cir-border-color:#444;
--cir-border-active:var(--primary-green);
--cir-text-primary:#f0f0f0;
--cir-text-secondary:#aaa;
--cir-text-muted:var(--medium-gray);
--cir-shadow-card:0 4px 12px rgba(0,0,0,0.3);
--cir-shadow-card-hover:0 8px 25px rgba(0,0,0,0.4);
--cir-highlight-bg:rgba(0,166,81,0.12);
--cir-highlight-bg-strong:rgba(0,166,81,0.2);
--cir-result-accent:var(--light-green);
--cir-table-header-bg:#333;
--cir-table-row-hover:rgba(0,166,81,0.1);
--cir-table-row-alt:rgba(255,255,255,0.03);
}
.calc-invest-renda-container{display:flex;flex-direction:column;gap:var(--spacing-lg);max-width:900px;margin:0 auto;padding:var(--spacing-lg);background:var(--cir-bg-card);border-radius:var(--border-radius-lg);border:1px solid var(--cir-border-color);box-shadow:var(--cir-shadow-card);transition:all var(--transition-normal);}
.calc-invest-renda-container:hover{box-shadow:var(--cir-shadow-card-hover);}
.calc-invest-renda-inputs{display:flex;flex-direction:column;gap:var(--spacing-md);}
.calc-invest-renda-campo{display:flex;flex-direction:column;gap:var(--spacing-xs);}
.calc-invest-renda-campo label{font-size:0.95rem;font-weight:500;color:var(--cir-text-primary);line-height:1.4;}
.calc-invest-renda-hint{font-size:0.85rem;color:var(--cir-text-muted);line-height:1.3;}
.calc-invest-renda-campo input[type="number"],.calc-invest-renda-campo input[type="text"]{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--cir-border-color);border-radius:var(--border-radius-md);background:var(--cir-bg-input);color:var(--cir-text-primary);font-size:1rem;transition:all var(--transition-fast);box-sizing:border-box;}
.calc-invest-renda-campo input:focus{outline:none;border-color:var(--cir-border-active);box-shadow:0 0 0 3px var(--cir-highlight-bg);}
.calc-invest-renda-campo input.error{border-color:var(--error-red,#e74c3c);box-shadow:0 0 0 3px rgba(231,76,60,0.1);}
.calc-invest-renda-campo input::placeholder{color:var(--cir-text-muted);font-style:italic;}
.calc-invest-renda-campo .error-message{font-size:0.85rem;color:var(--error-red,#e74c3c);margin-top:2px;display:none;}
.calc-invest-renda-campo .error-message.show{display:block;}
.calc-invest-renda-config{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;font-size:0.9rem;color:var(--cir-text-secondary);padding:var(--spacing-sm) 0;}
.calc-invest-renda-config label{cursor:pointer;user-select:none;line-height:1.4;}
.calc-invest-renda-acoes{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);align-items:center;padding-top:var(--spacing-md);border-top:1px solid var(--cir-border-color);}
.calc-invest-renda-resultado{background:var(--cir-bg-result);border:1px solid var(--cir-border-active);border-radius:var(--border-radius-md);padding:var(--spacing-lg);margin-top:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md);position:relative;overflow:hidden;transition:opacity 0.35s ease-out,max-height 0.4s ease-out,visibility 0.35s;max-height:500px;}
.calc-invest-renda-resultado--oculto{display:none!important;}
.calc-invest-renda-resultado:not(.calc-invest-renda-resultado--oculto){animation:cir-fadeIn 0.4s ease-out;}
.calc-invest-renda-resultado::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-green),var(--primary-blue));}
.calc-invest-renda-resultado:empty{display:none;}
.calc-invest-renda-resultado p:empty{display:none;}
@keyframes cir-fadeIn{from{opacity:0;transform:translateY(-10px);}to{opacity:1;transform:translateY(0);}}
.calc-invest-renda-resultado-principal{font-size:1.3rem;font-weight:700;background:linear-gradient(135deg,var(--primary-green),var(--primary-blue));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1.4;}
#calc-invest-renda-resultado-detalhes{font-size:1rem;color:var(--cir-text-primary);line-height:1.6;padding-bottom:var(--spacing-sm);border-bottom:1px dashed var(--cir-border-color);}
#calc-invest-renda-resultado-observacao{font-size:0.85rem;color:var(--cir-text-muted);line-height:1.5;font-style:italic;}
.calc-invest-renda-analise-extra{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px dashed var(--cir-border-color);display:flex;flex-direction:column;gap:var(--spacing-md);transition:opacity 0.35s ease-out,max-height 0.4s ease-out,visibility 0.35s;max-height:800px;}
.calc-invest-renda-analise-extra--oculto{display:none!important;}
.calc-invest-renda-analise-extra:not(.calc-invest-renda-analise-extra--oculto){animation:cir-fadeIn 0.4s ease-out;}
.calc-invest-renda-analise-titulo{font-size:1rem;font-weight:600;color:var(--cir-text-primary);display:flex;align-items:center;gap:var(--spacing-sm);}
.calc-invest-renda-analise-titulo::before{content:'';display:inline-block;width:20px;height:20px;flex-shrink:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300a651' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='20' x2='18' y2='10'%3E%3C/line%3E%3Cline x1='12' y1='20' x2='12' y2='4'%3E%3C/line%3E%3Cline x1='6' y1='20' x2='6' y2='14'%3E%3C/line%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;}
.calc-invest-renda-tabela{width:100%;border-collapse:collapse;font-size:0.95rem;border-radius:var(--border-radius-md);overflow:hidden;border:1px solid var(--cir-border-color);}
.calc-invest-renda-tabela th,.calc-invest-renda-tabela td{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-bottom:1px solid var(--cir-border-color);}
.calc-invest-renda-tabela th{background:var(--cir-table-header-bg);font-weight:600;color:var(--cir-text-primary);font-size:0.9rem;text-transform:uppercase;letter-spacing:0.3px;}
.calc-invest-renda-tabela td{color:var(--cir-text-primary);transition:background var(--transition-fast);}
.calc-invest-renda-tabela tbody tr:nth-child(even){background:var(--cir-table-row-alt);}
.calc-invest-renda-tabela tbody tr:hover{background:var(--cir-table-row-hover);}
.calc-invest-renda-tabela tbody tr:last-child td{border-bottom:none;}
.calc-invest-renda-tabela tbody tr:nth-child(2){background:var(--cir-highlight-bg);font-weight:600;}
.calc-invest-renda-tabela tbody tr:nth-child(2):hover{background:var(--cir-highlight-bg-strong);}
.required{color:var(--error-red,#e74c3c);font-weight:bold;margin-left:2px;}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
@media (min-width:600px){
.calc-invest-renda-inputs{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);}
.calc-invest-renda-config{grid-column:1 / -1;}
}
@media (max-width:768px){
.calc-invest-renda-container{padding:var(--spacing-md);gap:var(--spacing-md);}
.calc-invest-renda-config{flex-wrap:nowrap;}
.calc-invest-renda-config .switch{flex:0 0 auto;}
.calc-invest-renda-config label:not(.switch){flex:1;min-width:0;}
.calc-invest-renda-acoes{flex-direction:column;align-items:stretch;}
.calc-invest-renda-acoes button{width:100%;justify-content:center;}
.calc-invest-renda-resultado-principal{font-size:1.15rem;}
.calc-invest-renda-tabela th,.calc-invest-renda-tabela td{padding:var(--spacing-sm);font-size:0.9rem;}
}
@media (max-width:480px){
.calc-invest-renda-container{padding:var(--spacing-sm);border-radius:var(--border-radius-md);}
.calc-invest-renda-campo label{font-size:0.9rem;}
.calc-invest-renda-campo input{padding:var(--spacing-sm);font-size:0.95rem;}
.calc-invest-renda-resultado{padding:var(--spacing-md);}
.calc-invest-renda-resultado-principal{font-size:1.05rem;}
#calc-invest-renda-resultado-detalhes{font-size:0.9rem;}
.calc-invest-renda-analise-titulo{font-size:0.95rem;}
.calc-invest-renda-tabela{font-size:0.85rem;}
.calc-invest-renda-tabela th,.calc-invest-renda-tabela td{padding:var(--spacing-xs) var(--spacing-sm);}
}
@media (prefers-reduced-motion:reduce){
.calc-invest-renda-container,
.calc-invest-renda-campo input,
.calc-invest-renda-resultado,
.calc-invest-renda-analise-extra{animation:none;transition:none;}
}