/* VERSAO DO ARQUIVO: 1.3.11 - Reforca a ocultacao do card unitario e ajusta o grid quando ha apenas um destaque */
:root{
--gcp-bg-card:var(--color-bg-card);
--gcp-bg-card-header:linear-gradient(135deg,var(--off-white) 0%,var(--light-gray) 100%);
--gcp-bg-input:var(--white);
--gcp-border-color:var(--color-border);
--gcp-text-primary:var(--color-text);
--gcp-text-secondary:var(--color-text-secondary);
--gcp-text-muted:#888;
--gcp-shadow-card:0 4px 12px rgba(0,0,0,0.06);
--gcp-shadow-card-hover:0 8px 25px rgba(0,0,0,0.1);
--gcp-highlight-bg:rgba(0,166,81,0.1);
--gcp-highlight-bg-strong:rgba(0,166,81,0.2);
--gcp-kpi-accent:var(--primary-green);
--gcp-kpi-accent-blue:var(--primary-blue);
--gcp-badge-bg:rgba(0,166,81,0.1);
--gcp-badge-border:rgba(0,166,81,0.3);
--gcp-badge-active-bg:rgba(0,114,188,0.12);
--gcp-badge-active-border:rgba(0,114,188,0.4);
--gcp-table-header-bg:var(--off-white);
--gcp-table-stripe-bg:rgba(0,0,0,0.015);
--gcp-empty-color:var(--color-text-secondary);
--gcp-exemplo-bg:var(--white);
--gcp-exemplo-hover-bg:var(--off-white);
--gcp-exemplo-shadow:0 2px 6px rgba(0,0,0,0.06);
--gcp-exemplo-hover-shadow:0 4px 12px rgba(0,166,81,0.15);
}
[data-theme="dark"]{
--gcp-bg-card:#1e1e1e;
--gcp-bg-card-header:linear-gradient(135deg,#2a2a2a 0%,#333 100%);
--gcp-bg-input:#2a2a2a;
--gcp-border-color:#444;
--gcp-text-primary:#f0f0f0;
--gcp-text-secondary:#aaa;
--gcp-text-muted:#888;
--gcp-shadow-card:0 4px 12px rgba(0,0,0,0.3);
--gcp-shadow-card-hover:0 8px 25px rgba(0,0,0,0.4);
--gcp-highlight-bg:rgba(0,166,81,0.15);
--gcp-highlight-bg-strong:rgba(0,166,81,0.25);
--gcp-kpi-accent:#34d399;
--gcp-kpi-accent-blue:#60a5fa;
--gcp-badge-bg:rgba(52,211,153,0.15);
--gcp-badge-border:rgba(52,211,153,0.35);
--gcp-badge-active-bg:rgba(96,165,250,0.15);
--gcp-badge-active-border:rgba(96,165,250,0.4);
--gcp-table-header-bg:#2a2a2a;
--gcp-table-stripe-bg:rgba(255,255,255,0.02);
--gcp-empty-color:#888;
--gcp-exemplo-bg:#2a2a2a;
--gcp-exemplo-hover-bg:#333;
--gcp-exemplo-shadow:0 2px 6px rgba(0,0,0,0.2);
--gcp-exemplo-hover-shadow:0 4px 12px rgba(0,166,81,0.25);
}
#fj-custo-produto-app{display:grid;gap:var(--spacing-lg);max-width:1200px;margin:0 auto;}
#fj-custo-produto-app>*{min-width:0;}
#fj-custo-produto-app *{box-sizing:border-box;}
#fj-custo-produto-app input,#fj-custo-produto-app select,#fj-custo-produto-app button,#fj-custo-produto-app textarea{font:inherit;}
#fj-custo-produto-app fieldset{margin:0;padding:0;border:1px solid var(--gcp-border-color);border-radius:var(--border-radius-lg);background:var(--gcp-bg-card);box-shadow:var(--gcp-shadow-card);transition:box-shadow 0.3s ease,transform 0.3s ease;overflow:hidden;position:relative;}
#fj-custo-produto-app fieldset:hover{box-shadow:var(--gcp-shadow-card-hover);transform:translateY(-2px);}
#fj-custo-produto-app legend{padding:var(--spacing-md) var(--spacing-lg);font-weight:600;font-size:1.1rem;color:var(--gcp-text-primary);background:var(--gcp-bg-card-header);width:100%;float:left;border-bottom:1px solid var(--gcp-border-color);margin-bottom:var(--spacing-md);}
#fj-custo-produto-app fieldset>*:not(legend){padding-left:var(--spacing-lg);padding-right:var(--spacing-lg);}
#fj-custo-produto-app fieldset>*:last-child{padding-bottom:var(--spacing-lg);}
#fj-custo-produto-app .fj-custo-produto-grid{display:grid;gap:var(--spacing-md);}
#fj-custo-produto-app .fj-custo-produto-grid-produto{grid-template-columns:repeat(12,minmax(0,1fr));}
#fj-custo-produto-app .fj-custo-produto-campo{display:grid;gap:var(--spacing-xs);}
#fj-custo-produto-app .fj-custo-produto-campo label{font-size:0.9rem;font-weight:500;color:var(--gcp-text-primary);}
#fj-custo-produto-app .fj-custo-produto-busca-input-wrap{display:flex;align-items:center;gap:var(--spacing-sm);}
#fj-custo-produto-app .fj-custo-produto-busca-input-wrap .fj-custo-produto-input{flex:1;min-width:0;}
#fj-custo-produto-app .fj-custo-produto-busca-linha{min-width:0;}
#fj-custo-produto-app .fj-custo-produto-btn-limpar-busca{flex-shrink:0;min-height:42px;height:42px;padding:0 var(--spacing-md);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);}
#fj-custo-produto-app .fj-custo-produto-btn-limpar-texto{white-space:nowrap;}
#fj-custo-produto-app .fj-custo-produto-col-2{grid-column:span 2;}
#fj-custo-produto-app .fj-custo-produto-col-3{grid-column:span 3;}
#fj-custo-produto-app .fj-custo-produto-col-4{grid-column:span 4;}
#fj-custo-produto-app .fj-custo-produto-col-6{grid-column:span 6;}
#fj-custo-produto-app .fj-custo-produto-col-7{grid-column:span 7;}
#fj-custo-produto-app .fj-custo-produto-col-8{grid-column:span 8;}
#fj-custo-produto-app .fj-custo-produto-col-12{grid-column:span 12;}
#fj-custo-produto-app .fj-custo-produto-input,#fj-custo-produto-app .fj-custo-produto-select{width:100%;min-height:42px;padding:10px 12px;border:1px solid var(--gcp-border-color);border-radius:var(--border-radius-sm);background:var(--gcp-bg-input);color:var(--gcp-text-primary);font-size:1rem;transition:border-color 0.2s ease,box-shadow 0.2s ease;}
#fj-custo-produto-app .fj-custo-produto-input:focus,#fj-custo-produto-app .fj-custo-produto-select:focus{outline:none;border-color:var(--primary-green);box-shadow:0 0 0 3px var(--gcp-highlight-bg);}
#fj-custo-produto-app .fj-custo-produto-input::placeholder{color:var(--gcp-text-muted);font-style:italic;}
#fj-custo-produto-app .fj-custo-produto-output{width:100%;min-height:42px;padding:10px 12px;border:1px solid var(--gcp-border-color);border-radius:var(--border-radius-sm);background:var(--gcp-bg-input);color:var(--gcp-text-primary);font-size:1rem;display:flex;align-items:center;}
#fj-custo-produto-app .fj-custo-produto-obs{font-size:0.85rem;color:var(--gcp-text-secondary);line-height:1.5;}
#fj-custo-produto-app .fj-custo-produto-exemplos{border:1px solid var(--gcp-border-color);border-radius:var(--border-radius-lg);padding:0;background:var(--gcp-bg-card);box-shadow:var(--gcp-shadow-card);overflow:hidden;transition:box-shadow 0.3s ease;}
#fj-custo-produto-app .fj-custo-produto-exemplos:hover{box-shadow:var(--gcp-shadow-card-hover);}
#fj-custo-produto-app .fj-custo-produto-exemplos-summary{cursor:pointer;font-weight:600;font-size:1rem;padding:var(--spacing-md) var(--spacing-lg);color:var(--gcp-text-primary);display:flex;align-items:center;gap:var(--spacing-sm);transition:background 0.2s ease;list-style:none;}
#fj-custo-produto-app .fj-custo-produto-exemplos-summary::-webkit-details-marker{display:none;}
#fj-custo-produto-app .fj-custo-produto-exemplos-summary::before{content:'';display:inline-block;width:8px;height:8px;border-right:2px solid var(--gcp-kpi-accent);border-bottom:2px solid var(--gcp-kpi-accent);transform:rotate(-45deg);transition:transform 0.2s ease;flex-shrink:0;}
#fj-custo-produto-app .fj-custo-produto-exemplos[open] .fj-custo-produto-exemplos-summary::before{transform:rotate(45deg);}
#fj-custo-produto-app .fj-custo-produto-exemplos-summary:hover{background:var(--gcp-highlight-bg);}
#fj-custo-produto-app .fj-custo-produto-exemplos-conteudo{display:grid;gap:var(--spacing-sm);padding:0 var(--spacing-lg) var(--spacing-lg);border-top:1px dashed var(--gcp-border-color);padding-top:var(--spacing-md);}
#fj-custo-produto-app .fj-custo-produto-exemplos-lista{display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));}
#fj-custo-produto-app .fj-custo-produto-exemplo-btn{text-align:left;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--gcp-border-color);border-radius:30px;background:var(--gcp-exemplo-bg);color:var(--gcp-text-primary);font-size:0.9rem;font-weight:500;cursor:pointer;transition:all 0.2s ease;box-shadow:var(--gcp-exemplo-shadow);}
#fj-custo-produto-app .fj-custo-produto-exemplo-btn:hover{background:var(--gcp-exemplo-hover-bg);border-color:var(--primary-green);box-shadow:var(--gcp-exemplo-hover-shadow);transform:translateY(-1px);}
#fj-custo-produto-app .fj-custo-produto-tabela-wrap{overflow-x:auto;padding-left:0;padding-right:0;margin:0 calc(-1 * var(--spacing-lg));padding:0 var(--spacing-lg);}
#fj-custo-produto-app .fj-custo-produto-tabela{width:100%;border-collapse:separate;border-spacing:0;min-width:1080px;}
#fj-custo-produto-app .fj-custo-produto-tabela th{padding:10px 8px;text-align:left;font-size:0.85rem;font-weight:600;color:var(--gcp-text-secondary);text-transform:uppercase;letter-spacing:0.3px;background:var(--gcp-table-header-bg);border-bottom:2px solid var(--gcp-border-color);white-space:nowrap;}
#fj-custo-produto-app .fj-custo-produto-tabela td{padding:10px 8px;border-bottom:1px solid var(--gcp-border-color);vertical-align:middle;color:var(--gcp-text-primary);}
#fj-custo-produto-app .fj-custo-produto-tabela tr:nth-child(even) td{background:var(--gcp-table-stripe-bg);}
#fj-custo-produto-app .fj-custo-produto-tabela tr:hover td{background:var(--gcp-highlight-bg);}
#fj-custo-produto-app .fj-custo-produto-tabela input{width:100%;min-width:90px;}
#fj-custo-produto-app .fj-custo-produto-tabela td[data-preview="ingrediente"]{font-weight:600;color:var(--gcp-kpi-accent);white-space:nowrap;}
#fj-custo-produto-app .fj-custo-produto-acoes,#fj-custo-produto-app .fj-custo-produto-acoes-secundarias,#fj-custo-produto-app .fj-custo-produto-acoes-lista{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);}
#fj-custo-produto-app .fj-custo-produto-acoes{padding-top:var(--spacing-md);}
#fj-custo-produto-app .fj-custo-produto-acoes-secundarias{align-items:stretch;}
#fj-custo-produto-app .fj-custo-produto-acoes-secundarias .tool-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;}
#fj-custo-produto-app .fj-custo-produto-btn-add{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:2px dashed var(--gcp-border-color);background:transparent;color:var(--gcp-text-secondary);font-size:1.4rem;font-weight:600;cursor:pointer;transition:all 0.2s ease;}
#fj-custo-produto-app .fj-custo-produto-btn-add:hover{border-color:var(--primary-green);color:var(--primary-green);background:var(--gcp-highlight-bg);transform:scale(1.1);}
/* ACC-002: garante foco visível nos controles customizados que não reaproveitam o anel global dos botões. */
#fj-custo-produto-app .fj-custo-produto-btn-add:focus-visible,#fj-custo-produto-app .fj-custo-produto-exemplo-btn:focus-visible,#fj-custo-produto-app .fj-custo-produto-exemplos-summary:focus-visible{outline:none;box-shadow:0 0 0 3px var(--gcp-highlight-bg-strong);}
#fj-custo-produto-app .fj-custo-produto-blocos{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(2,minmax(0,1fr));}
#fj-custo-produto-app .fj-custo-produto-campo-valor .fj-custo-produto-input{min-width:7rem;}
#fj-custo-produto-app .fj-custo-produto-card .tool-btn-icon-only{padding:var(--spacing-sm) var(--spacing-md);min-width:42px;justify-content:center;}
#fj-custo-produto-app .fj-custo-produto-card{padding:var(--spacing-md);border:1px solid var(--gcp-border-color);border-radius:var(--border-radius-md);background:var(--gcp-bg-card);transition:border-color 0.2s ease;}
#fj-custo-produto-app .fj-custo-produto-card:hover{border-color:var(--primary-green);}
#fj-custo-produto-app .fj-custo-produto-card h3,#fj-custo-produto-app .fj-custo-produto-card h4,#fj-custo-produto-app .fj-custo-produto-card p{margin-top:0;}
#fj-custo-produto-app .fj-custo-produto-lista-salvos{display:grid;gap:var(--spacing-md);}
#fj-custo-produto-app .fj-custo-produto-item-salvo{position:relative;padding:var(--spacing-md);border:1px solid var(--gcp-border-color);border-radius:var(--border-radius-md);display:grid;gap:var(--spacing-sm);background:var(--gcp-bg-card);transition:all 0.2s ease;}
#fj-custo-produto-app .fj-custo-produto-item-salvo:hover{border-color:var(--primary-green);box-shadow:0 4px 12px rgba(0,166,81,0.08);}
#fj-custo-produto-app .fj-custo-produto-item-salvo.is-correspondente{border-color:var(--gcp-kpi-accent);box-shadow:inset 0 0 0 1px var(--gcp-kpi-accent),0 4px 12px rgba(0,166,81,0.12);background:var(--gcp-highlight-bg);}
#fj-custo-produto-app .fj-custo-produto-item-topo{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--spacing-sm);align-items:center;}
#fj-custo-produto-app .fj-custo-produto-item-meta{display:grid;gap:4px;}
#fj-custo-produto-app .fj-custo-produto-item-meta strong{font-size:1rem;color:var(--gcp-text-primary);}
#fj-custo-produto-app .fj-custo-produto-item-meta span{font-size:0.85rem;color:var(--gcp-text-secondary);}
#fj-custo-produto-app .fj-custo-produto-item-datas{white-space:nowrap;}
#fj-custo-produto-app .fj-custo-produto-item-id{position:absolute;bottom:var(--spacing-sm);right:var(--spacing-md);font-size:0.7rem;color:var(--gcp-text-muted);}
#fj-custo-produto-app .fj-custo-produto-item-detalhes{display:grid;gap:var(--spacing-sm);}
#fj-custo-produto-app .fj-custo-produto-item-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);}
#fj-custo-produto-app .fj-custo-produto-badge{display:inline-flex;align-items:center;min-height:26px;padding:3px 10px;border:1px solid var(--gcp-badge-border);border-radius:999px;font-size:0.8rem;font-weight:600;background:var(--gcp-badge-bg);color:var(--gcp-kpi-accent);transition:all 0.2s ease;}
#fj-custo-produto-app .fj-custo-produto-badge-active{background:var(--gcp-badge-active-bg);border-color:var(--gcp-badge-active-border);color:var(--gcp-kpi-accent-blue);}
#fj-custo-produto-app .fj-custo-produto-item-resumo{display:grid;gap:4px;}
#fj-custo-produto-app .fj-custo-produto-item-resumo p{margin:0;font-size:0.9rem;color:var(--gcp-text-secondary);line-height:1.5;}
#fj-custo-produto-app .fj-custo-produto-item-resumo p strong{color:var(--gcp-text-primary);}
#fj-custo-produto-app .fj-custo-produto-resultado{display:none;}
#fj-custo-produto-app .fj-custo-produto-resultado.is-active{display:block;}
#fj-custo-produto-app .fj-custo-produto-resumo{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(4,minmax(0,1fr));}
#fj-custo-produto-app .fj-custo-produto-kpi{padding:var(--spacing-md);border:1px solid var(--gcp-border-color);border-radius:var(--border-radius-md);background:var(--gcp-bg-card);transition:all 0.2s ease;position:relative;overflow:hidden;}
#fj-custo-produto-app .fj-custo-produto-kpi::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-green),var(--primary-blue));opacity:0;transition:opacity 0.2s ease;}
#fj-custo-produto-app .fj-custo-produto-kpi:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,166,81,0.12);}
#fj-custo-produto-app .fj-custo-produto-kpi:hover::before{opacity:1;}
#fj-custo-produto-app .fj-custo-produto-kpi strong{display:block;font-size:0.8rem;font-weight:500;color:var(--gcp-text-secondary);text-transform:uppercase;letter-spacing:0.3px;margin-bottom:var(--spacing-xs);}
#fj-custo-produto-app .fj-custo-produto-kpi span{display:block;font-size:1.2rem;font-weight:700;color:var(--gcp-kpi-accent);}
#fj-custo-produto-app .fj-custo-produto-detalhes{overflow-x:auto;margin-top:var(--spacing-md);}
#fj-custo-produto-app .fj-custo-produto-detalhes table{width:100%;border-collapse:separate;border-spacing:0;min-width:640px;}
#fj-custo-produto-app .fj-custo-produto-detalhes th{padding:10px 8px;text-align:left;font-size:0.85rem;font-weight:600;color:var(--gcp-text-secondary);text-transform:uppercase;letter-spacing:0.3px;background:var(--gcp-table-header-bg);border-bottom:2px solid var(--gcp-border-color);}
#fj-custo-produto-app .fj-custo-produto-detalhes td{padding:10px 8px;border-bottom:1px solid var(--gcp-border-color);text-align:left;color:var(--gcp-text-primary);font-size:0.9rem;}
#fj-custo-produto-app .fj-custo-produto-detalhes tr:nth-child(even) td{background:var(--gcp-table-stripe-bg);}
#fj-custo-produto-app .fj-custo-produto-detalhes tr:hover td{background:var(--gcp-highlight-bg);}
#fj-custo-produto-app .fj-custo-produto-resumo+.fj-custo-produto-resumo{margin-top:var(--spacing-md);}
#fj-custo-produto-app .fj-custo-produto-vazio{color:var(--gcp-empty-color);font-style:italic;padding:var(--spacing-md);text-align:center;border:1px dashed var(--gcp-border-color);border-radius:var(--border-radius-md);background:var(--gcp-table-stripe-bg);}
@media (max-width:980px){
#fj-custo-produto-app .fj-custo-produto-grid-produto,#fj-custo-produto-app .fj-custo-produto-resumo,#fj-custo-produto-app .fj-custo-produto-blocos{grid-template-columns:1fr;}
#fj-custo-produto-app .fj-custo-produto-col-2,#fj-custo-produto-app .fj-custo-produto-col-3,#fj-custo-produto-app .fj-custo-produto-col-4,#fj-custo-produto-app .fj-custo-produto-col-6,#fj-custo-produto-app .fj-custo-produto-col-7,#fj-custo-produto-app .fj-custo-produto-col-8,#fj-custo-produto-app .fj-custo-produto-col-12{grid-column:auto;}
}
@media (max-width:768px){
#fj-custo-produto-app{gap:var(--spacing-md);}
#fj-custo-produto-app legend{font-size:1rem;padding:var(--spacing-sm) var(--spacing-md);}
#fj-custo-produto-app fieldset>*:not(legend){padding-left:var(--spacing-md);padding-right:var(--spacing-md);}
#fj-custo-produto-app fieldset>*:last-child{padding-bottom:var(--spacing-md);}
#fj-custo-produto-app .fj-custo-produto-tabela-wrap{margin:0 calc(-1 * var(--spacing-md));padding:0 var(--spacing-md);}
#fj-custo-produto-app .fj-custo-produto-acoes-secundarias{flex-direction:column;}
#fj-custo-produto-app .fj-custo-produto-acoes-secundarias .tool-btn{width:100%;justify-content:center;}
#fj-custo-produto-app .fj-custo-produto-kpi strong{font-size:0.75rem;}
#fj-custo-produto-app .fj-custo-produto-kpi span{font-size:1.05rem;}
#fj-custo-produto-app .fj-custo-produto-resumo{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:480px){
#fj-custo-produto-app .fj-custo-produto-resumo{grid-template-columns:1fr;}
#fj-custo-produto-app .fj-custo-produto-acoes-lista{flex-direction:column;width:100%;}
#fj-custo-produto-app .fj-custo-produto-acoes-lista .tool-btn{width:100%;justify-content:center;}
#fj-custo-produto-app .fj-custo-produto-exemplos-lista{grid-template-columns:1fr;}
}
@media (prefers-reduced-motion:no-preference){
#fj-custo-produto-app fieldset,#fj-custo-produto-app .fj-custo-produto-exemplos{animation:gcpFadeInUp 0.4s ease-out;}
#fj-custo-produto-app fieldset:nth-child(2){animation-delay:0.05s;}
#fj-custo-produto-app fieldset:nth-child(3){animation-delay:0.1s;}
#fj-custo-produto-app fieldset:nth-child(4){animation-delay:0.15s;}
#fj-custo-produto-app fieldset:nth-child(5){animation-delay:0.2s;}
@keyframes gcpFadeInUp{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:translateY(0);}}
}
@media (prefers-reduced-motion:reduce){
#fj-custo-produto-app fieldset:hover,#fj-custo-produto-app .fj-custo-produto-kpi:hover,#fj-custo-produto-app .fj-custo-produto-exemplo-btn:hover{transform:none;}
}
#fj-custo-produto-app .fj-custo-produto-resultado-topo{padding:var(--spacing-md);background:var(--gcp-bg-card-header);border-bottom:1px solid var(--gcp-border-color);}
#fj-custo-produto-app .fj-custo-produto-resultado.is-active .fj-custo-produto-resultado-topo{display:grid !important;clear:both;position:relative;z-index:1;}
#fj-custo-produto-app .fj-custo-produto-resultado-topo-label{font-size:0.78rem;font-weight:600;letter-spacing:0.4px;text-transform:uppercase;color:var(--gcp-text-secondary);}
#fj-custo-produto-app .fj-custo-produto-resultado-topo-titulo{font-size:1.35rem;font-weight:700;color:var(--gcp-text-primary);line-height:1.2;word-break:break-word;}
/* UX-002: badge resultado desatualizado / recalculando */
#fj-custo-produto-app .fj-custo-produto-resultado-badge{display:none;margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--gcp-highlight-bg);border:1px solid var(--gcp-border-color);border-radius:var(--border-radius-md);font-size:0.85rem;color:var(--gcp-text-secondary);}
#fj-custo-produto-app .fj-custo-produto-resultado-badge.is-visible{display:flex;align-items:center;gap:var(--spacing-sm);}
/* ACC-001: campo inválido e mensagem de erro inline */
#fj-custo-produto-app .fj-custo-produto-input.is-invalid{border-color:#c00;box-shadow:0 0 0 2px rgba(204,0,0,0.15);}
#fj-custo-produto-app .fj-custo-produto-erro-inline{display:none;font-size:0.8rem;color:#c00;margin-top:var(--spacing-xs);}
#fj-custo-produto-app .fj-custo-produto-erro-inline.is-visible{display:block;}
#fj-custo-produto-app .fj-custo-produto-resultado-destaque{padding:var(--spacing-lg);margin-left:calc(-1 * var(--spacing-lg));margin-right:calc(-1 * var(--spacing-lg));background:var(--gcp-bg-card-header);border-top:1px solid var(--gcp-border-color);border-bottom:1px solid var(--gcp-border-color);display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);}
#fj-custo-produto-app .fj-custo-produto-resultado-destaque.fj-custo-produto-resultado-destaque-unico{grid-template-columns:minmax(0,1fr);}
#fj-custo-produto-app .fj-custo-produto-destaque-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-lg) var(--spacing-md);background:var(--gcp-bg-card);border-radius:var(--border-radius-md);border:1px solid var(--gcp-border-color);transition:all 0.2s ease;position:relative;overflow:hidden;}
#fj-custo-produto-app .fj-custo-produto-destaque-item[hidden]{display:none !important;}
#fj-custo-produto-app .fj-custo-produto-destaque-item::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-green),var(--primary-blue));opacity:0;transition:opacity 0.2s ease;}
#fj-custo-produto-app .fj-custo-produto-destaque-total::before,#fj-custo-produto-app .fj-custo-produto-destaque-unitario::before{opacity:1;}
#fj-custo-produto-app .fj-custo-produto-destaque-item:hover{transform:translateY(-2px);box-shadow:var(--gcp-shadow-card-hover);}
#fj-custo-produto-app .fj-custo-produto-destaque-item:hover::before{opacity:1;}
#fj-custo-produto-app .fj-custo-produto-destaque-label{font-size:0.8rem;font-weight:500;color:var(--gcp-text-secondary);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:var(--spacing-xs);}
#fj-custo-produto-app .fj-custo-produto-destaque-valor{font-size:1.5rem;font-weight:700;color:var(--gcp-kpi-accent);}
#fj-custo-produto-app .fj-custo-produto-destaque-unitario .fj-custo-produto-destaque-valor{color:var(--gcp-kpi-accent-blue);}
#fj-custo-produto-app .fj-custo-produto-resultado-grid{padding:var(--spacing-lg);display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);border-bottom:1px solid var(--gcp-border-color);}
#fj-custo-produto-app .fj-custo-produto-resultado-coluna{padding:var(--spacing-lg);border:1px solid var(--gcp-border-color);border-radius:var(--border-radius-md);background:var(--gcp-bg-card);}
#fj-custo-produto-app .fj-custo-produto-resultado-coluna-titulo{font-size:0.9rem;font-weight:600;color:var(--gcp-text-primary);margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm);}
#fj-custo-produto-app .fj-custo-produto-resultado-coluna-titulo svg{stroke:var(--gcp-kpi-accent);flex-shrink:0;}
#fj-custo-produto-app .fj-custo-produto-resultado-linha{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px dashed var(--gcp-border-color);}
#fj-custo-produto-app .fj-custo-produto-resultado-linha:last-child{border-bottom:none;}
#fj-custo-produto-app .fj-custo-produto-resultado-linha-total{background:var(--gcp-highlight-bg);margin:var(--spacing-sm) calc(-1 * var(--spacing-lg));padding:var(--spacing-sm) var(--spacing-lg);border-bottom:none !important;border-radius:0;}
#fj-custo-produto-app .fj-custo-produto-resultado-rotulo{font-size:0.85rem;color:var(--gcp-text-secondary);}
#fj-custo-produto-app .fj-custo-produto-resultado-valor{font-size:0.9rem;font-weight:600;color:var(--gcp-text-primary);}
#fj-custo-produto-app .fj-custo-produto-resultado-linha-total .fj-custo-produto-resultado-rotulo{font-weight:600;color:var(--gcp-text-primary);}
#fj-custo-produto-app .fj-custo-produto-resultado-tabela-titulo{margin-top:var(--spacing-md);margin-bottom:0;}
@media (max-width:768px){
#fj-custo-produto-app .fj-custo-produto-resultado-topo{padding:var(--spacing-sm) var(--spacing-md);margin-left:calc(-1 * var(--spacing-md));margin-right:calc(-1 * var(--spacing-md));margin-bottom:var(--spacing-sm);}
#fj-custo-produto-app .fj-custo-produto-resultado-topo-titulo{font-size:1.1rem;}
#fj-custo-produto-app .fj-custo-produto-resultado-destaque{grid-template-columns:1fr;gap:var(--spacing-sm);padding:var(--spacing-md);margin-left:calc(-1 * var(--spacing-md));margin-right:calc(-1 * var(--spacing-md));}
#fj-custo-produto-app .fj-custo-produto-destaque-item{flex-direction:row;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);text-align:left;}
#fj-custo-produto-app .fj-custo-produto-destaque-label{margin-bottom:0;font-size:0.75rem;}
#fj-custo-produto-app .fj-custo-produto-destaque-valor{font-size:1.1rem;}
#fj-custo-produto-app .fj-custo-produto-resultado-grid{grid-template-columns:1fr;padding:var(--spacing-md);gap:var(--spacing-sm);}
#fj-custo-produto-app .fj-custo-produto-resultado-coluna{padding:var(--spacing-md);}
#fj-custo-produto-app .fj-custo-produto-resultado-linha-total{margin:var(--spacing-sm) calc(-1 * var(--spacing-md));padding:var(--spacing-sm) var(--spacing-md);}
}
@media (max-width:480px){
#fj-custo-produto-app .fj-custo-produto-destaque-valor{font-size:0.95rem;}
}
@media (prefers-reduced-motion:reduce){
#fj-custo-produto-app .fj-custo-produto-destaque-item:hover{transform:none;}
}