/* VERSAO DO ARQUIVO: 1.1.12 - Indicador de carregamento nos cards de status (spinner + texto, UX-005) */
:root{
--mcl-bg-card:var(--white);
--mcl-bg-card-header:linear-gradient(135deg,var(--off-white) 0%,var(--light-gray) 100%);
--mcl-bg-input:var(--white);
--mcl-border-color:var(--light-gray);
--mcl-text-primary:var(--dark-gray);
--mcl-text-secondary:var(--medium-gray);
--mcl-text-muted:#888;
--mcl-shadow-card:0 4px 12px rgba(0,0,0,0.06);
--mcl-shadow-card-hover:0 8px 25px rgba(0,0,0,0.1);
--mcl-highlight-bg:rgba(0,166,81,0.1);
--mcl-status-valid:var(--primary-green);
--mcl-status-warning:#f59e0b;
--mcl-status-error:#dc3545;
--mcl-status-info:var(--primary-blue);
--mcl-status-pending-bg:rgba(0,114,188,0.05);
--mcl-status-pending-border:rgba(0,114,188,0.18);
--mcl-status-pending-strong:var(--mcl-text-primary);
--mcl-status-pending-text:var(--mcl-text-secondary);
--mcl-status-success-bg:rgba(0,166,81,0.09);
--mcl-status-success-border:rgba(0,166,81,0.28);
--mcl-status-success-strong:var(--mcl-status-valid);
--mcl-status-success-text:var(--mcl-text-primary);
--mcl-status-warning-bg:rgba(245,158,11,0.1);
--mcl-status-warning-border:rgba(245,158,11,0.32);
--mcl-status-warning-strong:var(--mcl-status-warning);
--mcl-status-warning-text:var(--mcl-text-primary);
--mcl-status-error-bg:rgba(220,53,69,0.08);
--mcl-status-error-border:rgba(220,53,69,0.3);
--mcl-status-error-strong:var(--mcl-status-error);
--mcl-status-error-text:var(--mcl-text-primary);
--mcl-antibot-bg:rgba(0,114,188,0.06);
--mcl-antibot-border:rgba(0,114,188,0.16);
--mcl-antibot-strong:var(--mcl-status-info)
}
[data-theme="dark"]{
--mcl-bg-card:#1e1e1e;
--mcl-bg-card-header:linear-gradient(135deg,#2a2a2a 0%,#333 100%);
--mcl-bg-input:#2a2a2a;
--mcl-border-color:#444;
--mcl-text-primary:#f0f0f0;
--mcl-text-secondary:#aaa;
--mcl-text-muted:#888;
--mcl-shadow-card:0 4px 12px rgba(0,0,0,0.3);
--mcl-shadow-card-hover:0 8px 25px rgba(0,0,0,0.4);
--mcl-highlight-bg:rgba(0,166,81,0.15);
--mcl-status-valid:#34d399;
--mcl-status-warning:#fbbf24;
--mcl-status-error:#f87171;
--mcl-status-info:#60a5fa;
--mcl-status-pending-bg:rgba(96,165,250,0.08);
--mcl-status-pending-border:rgba(96,165,250,0.24);
--mcl-status-pending-strong:#dbeafe;
--mcl-status-pending-text:#d1d5db;
--mcl-status-success-bg:rgba(52,211,153,0.14);
--mcl-status-success-border:rgba(52,211,153,0.32);
--mcl-status-success-strong:#a7f3d0;
--mcl-status-success-text:#ecfdf5;
--mcl-status-warning-bg:rgba(251,191,36,0.16);
--mcl-status-warning-border:rgba(251,191,36,0.34);
--mcl-status-warning-strong:#fde68a;
--mcl-status-warning-text:#fef3c7;
--mcl-status-error-bg:rgba(248,113,113,0.14);
--mcl-status-error-border:rgba(248,113,113,0.34);
--mcl-status-error-strong:#fecaca;
--mcl-status-error-text:#fee2e2;
--mcl-antibot-bg:rgba(96,165,250,0.12);
--mcl-antibot-border:rgba(96,165,250,0.26);
--mcl-antibot-strong:#dbeafe
}
#min-css-legivel-ferramenta{display:grid;gap:var(--spacing-lg);max-width:960px;margin:0 auto;padding:var(--spacing-md)}
#min-css-legivel-ferramenta *{box-sizing:border-box}
#min-css-legivel-controles,#min-css-legivel-status-grid,#min-css-legivel-editores{display:grid;gap:var(--spacing-lg)}
.mcl-card{background:var(--mcl-bg-card);border:1px solid var(--mcl-border-color);border-radius:var(--border-radius-lg);box-shadow:var(--mcl-shadow-card);transition:all 0.3s ease;position:relative;overflow:hidden}
.mcl-card:hover{transform:translateY(-2px);box-shadow:var(--mcl-shadow-card-hover)}
.mcl-card-titulo{font-size:1.1rem;font-weight:600;padding:var(--spacing-md) var(--spacing-lg);margin:0;background:var(--mcl-bg-card-header);border-bottom:1px solid var(--mcl-border-color);color:var(--mcl-text-primary);display:flex;align-items:center;gap:var(--spacing-sm)}
.mcl-card-titulo svg{width:18px;height:18px;flex-shrink:0;color:var(--primary-green)}
.mcl-card-content{padding:var(--spacing-lg)}
#min-css-legivel-opcoes{display:flex;flex-wrap:wrap;gap:var(--spacing-lg)}
#min-css-legivel-opcoes fieldset{flex:1 1 250px;min-width:0;margin:0;border:1px solid var(--mcl-border-color);border-radius:var(--border-radius-md);padding:var(--spacing-md);background:var(--mcl-bg-card)}
#min-css-legivel-opcoes legend{padding:0 var(--spacing-sm);font-weight:600;font-size:0.9rem;color:var(--mcl-text-primary)}
.min-css-legivel-linha-opcao{display:flex;gap:var(--spacing-sm);align-items:center;padding:var(--spacing-xs) 0}
.min-css-legivel-linha-opcao label{margin:0;font-size:0.9rem;color:var(--mcl-text-primary);cursor:pointer;line-height:1.4}
#min-css-legivel-botoes,#min-css-legivel-acoes-secundarias{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);align-items:center;padding:var(--spacing-md) var(--spacing-lg) var(--spacing-lg);border-top:1px solid var(--mcl-border-color);background:rgba(0,166,81,0.02)}
[data-theme="dark"] #min-css-legivel-botoes,[data-theme="dark"] #min-css-legivel-acoes-secundarias{background:rgba(0,166,81,0.04)}
#min-css-legivel-aviso-biblioteca,#min-css-legivel-aviso-tokens,#min-css-legivel-aviso-dispositivo,#min-css-legivel-aviso-maximo-recomendacoes{margin:0;padding:var(--spacing-sm) var(--spacing-md);font-size:0.85rem;border-radius:var(--border-radius-sm);color:var(--mcl-status-warning);background:rgba(245,158,11,0.08);border:1px solid rgba(245,158,11,0.2);line-height:1.5}
#min-css-legivel-resultado-resumo[hidden],#min-css-legivel-aviso-biblioteca[hidden],#min-css-legivel-aviso-tokens[hidden],#min-css-legivel-aviso-dispositivo[hidden],#min-css-legivel-aviso-maximo-recomendacoes[hidden]{display:none}
#min-css-legivel-status-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
#min-css-legivel-status-grid article{display:flex;flex-direction:column;gap:var(--spacing-sm);min-width:0;padding:var(--spacing-md) var(--spacing-lg);background:var(--mcl-status-pending-bg);border:1px solid var(--mcl-status-pending-border);border-radius:var(--border-radius-lg);box-shadow:var(--mcl-shadow-card);transition:background-color 0.3s ease,border-color 0.3s ease,box-shadow 0.3s ease,transform 0.3s ease;color:var(--mcl-status-pending-text)}
#min-css-legivel-status-grid article:hover{transform:translateY(-2px);box-shadow:var(--mcl-shadow-card-hover)}
#min-css-legivel-status-grid strong{font-size:0.85rem;font-weight:600;color:var(--mcl-status-pending-strong);text-transform:uppercase;letter-spacing:0.5px;margin:0}
#min-css-legivel-status-grid p{font-size:0.9rem;color:var(--mcl-status-pending-text);margin:0;line-height:1.5}
.mcl-summary-loading{display:inline-flex;align-items:flex-start;gap:0.5rem;max-width:100%;vertical-align:middle}
.mcl-summary-loading__spinner{flex-shrink:0;margin-top:0.12em;color:var(--mcl-status-info);animation:mcl-summary-spin 0.85s linear infinite}
.mcl-summary-loading__text{flex:1;min-width:0;color:var(--mcl-status-pending-text);line-height:1.5}
#min-css-legivel-status-grid article[aria-busy="true"]{outline:1px dashed var(--mcl-status-pending-border);outline-offset:2px}
@keyframes mcl-summary-spin{to{transform:rotate(360deg)}}
#min-css-legivel-resumo-economia .mcl-saving-summary-list{display:grid;gap:0.35rem}
#min-css-legivel-resumo-economia .mcl-saving-summary-item{display:grid;grid-template-columns:auto 1fr;gap:0.55rem;align-items:start}
#min-css-legivel-resumo-economia .mcl-saving-summary-signal{font-weight:700;line-height:1.4}
#min-css-legivel-resumo-economia .mcl-saving-summary-label{min-width:0}
#min-css-legivel-resumo-economia .mcl-saving-summary-item.is-decreased .mcl-saving-summary-signal{color:var(--mcl-status-valid)}
#min-css-legivel-resumo-economia .mcl-saving-summary-item.is-increased .mcl-saving-summary-signal{color:var(--mcl-status-warning)}
#min-css-legivel-resumo-economia .mcl-saving-summary-item.is-unchanged .mcl-saving-summary-signal{color:currentColor;opacity:0.75}
#min-css-legivel-status-grid article[data-mcl-status="success"]{background:var(--mcl-status-success-bg);border-color:var(--mcl-status-success-border)}
#min-css-legivel-status-grid article[data-mcl-status="success"] strong{color:var(--mcl-status-success-strong)}
#min-css-legivel-status-grid article[data-mcl-status="success"] p{color:var(--mcl-status-success-text)}
#min-css-legivel-status-grid article[data-mcl-status="warning"]{background:var(--mcl-status-warning-bg);border-color:var(--mcl-status-warning-border)}
#min-css-legivel-status-grid article[data-mcl-status="warning"] strong{color:var(--mcl-status-warning-strong)}
#min-css-legivel-status-grid article[data-mcl-status="warning"] p{color:var(--mcl-status-warning-text)}
#min-css-legivel-status-grid article[data-mcl-status="error"]{background:var(--mcl-status-error-bg);border-color:var(--mcl-status-error-border)}
#min-css-legivel-status-grid article[data-mcl-status="error"] strong{color:var(--mcl-status-error-strong)}
#min-css-legivel-status-grid article[data-mcl-status="error"] p{color:var(--mcl-status-error-text)}
.min-css-legivel-estatistica-item{display:flex;gap:var(--spacing-xs);align-items:center;flex:1 1 240px;font-size:0.9rem;color:var(--mcl-text-primary)}
.min-css-legivel-estatistica-item strong{color:var(--mcl-text-secondary);font-weight:600;font-size:0.8rem;text-transform:uppercase;letter-spacing:0.3px}
#min-css-legivel-resultado-resumo{width:100%;margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:0.85rem;border-radius:var(--border-radius-sm);color:var(--mcl-status-info);background:rgba(0,114,188,0.06);border:1px solid rgba(0,114,188,0.15);line-height:1.5}
#min-css-legivel-editores{grid-template-columns:1fr}
#min-css-legivel-editores section{display:flex;flex-direction:column;gap:var(--spacing-sm);min-width:0;background:var(--mcl-bg-card);border:1px solid var(--mcl-border-color);border-radius:var(--border-radius-lg);box-shadow:var(--mcl-shadow-card);overflow:hidden;transition:all 0.3s ease}
#min-css-legivel-editores section:hover{transform:translateY(-2px);box-shadow:var(--mcl-shadow-card-hover)}
#min-css-legivel-editores section>header{padding:var(--spacing-md) var(--spacing-lg);background:var(--mcl-bg-card-header);border-bottom:1px solid var(--mcl-border-color)}
#min-css-legivel-editores section>header strong{font-size:1rem;font-weight:600;color:var(--mcl-text-primary);display:block;margin-bottom:var(--spacing-xs)}
#min-css-legivel-editores section>header p{font-size:0.85rem;color:var(--mcl-text-secondary);margin:0;line-height:1.4}
.min-css-legivel-cabecalho-editor{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md)}
.min-css-legivel-cabecalho-texto{min-width:0;flex:1 1 auto}
.min-css-legivel-cabecalho-acoes{display:flex;justify-content:flex-end;flex:0 0 auto}
#min-css-legivel-selecionar-arquivo-btn{flex:0 0 auto;white-space:nowrap}
#min-css-legivel-arquivo-info{display:flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--mcl-border-color);color:var(--mcl-text-secondary);word-break:break-word}
#min-css-legivel-arquivo-info[hidden]{display:none}
#min-css-legivel-editores section>div{display:flex;flex-wrap:wrap;gap:var(--spacing-sm) var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-lg);border-bottom:1px solid var(--mcl-border-color);background:rgba(0,166,81,0.02)}
[data-theme="dark"] #min-css-legivel-editores section>div{background:rgba(0,166,81,0.04)}
#min-css-legivel-css-original,#min-css-legivel-css-final{width:100%;min-height:320px;resize:vertical;font-family:'Cascadia Code','Fira Code','Consolas','Monaco',monospace;font-size:0.9rem;line-height:1.6;padding:var(--spacing-md);margin:0;border:none;border-radius:0;white-space:pre;tab-size:2;background:var(--mcl-bg-input);color:var(--mcl-text-primary);transition:background-color 0.2s ease,box-shadow 0.2s ease}
#min-css-legivel-botoes .tool-btn,#min-css-legivel-acoes-secundarias .tool-btn{flex:0 1 auto}
#min-css-legivel-minificar-btn{order:-1}
#min-css-legivel-validar-btn,#min-css-legivel-limpar-btn{margin-left:auto}
#min-css-legivel-css-original:focus,#min-css-legivel-css-final:focus{outline:none;box-shadow:inset 0 0 0 2px var(--mcl-highlight-bg)}
#min-css-legivel-css-original::placeholder,#min-css-legivel-css-final::placeholder{color:var(--mcl-text-muted);font-style:italic}
#min-css-legivel-antibot-card{display:grid;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg) var(--spacing-lg);border-top:1px solid var(--mcl-border-color);background:var(--mcl-antibot-bg)}
#min-css-legivel-antibot-card[hidden]{display:none}
#min-css-legivel-antibot-card strong{font-size:0.9rem;color:var(--mcl-antibot-strong);text-transform:uppercase;letter-spacing:0.4px}
#min-css-legivel-antibot-card p{margin:0;color:var(--mcl-text-primary);line-height:1.5}
.min-css-legivel-antibot-campos{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm)}
.min-css-legivel-antibot-campos label{font-size:0.9rem;font-weight:600;color:var(--mcl-text-primary)}
#min-css-legivel-antibot-resposta{width:120px;max-width:100%;padding:0.7rem 0.85rem;border:1px solid var(--mcl-antibot-border);border-radius:var(--border-radius-md);background:var(--mcl-bg-input);color:var(--mcl-text-primary)}
#min-css-legivel-antibot-resposta:focus{outline:none;box-shadow:0 0 0 3px rgba(0,114,188,0.12);border-color:var(--mcl-status-info)}
.min-css-legivel-antibot-honeypot{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}
#premiumResultCtaSlot .fj-premium-result-cta{margin-top:0}
@media (prefers-reduced-motion:no-preference){
.mcl-card,#min-css-legivel-status-grid article,#min-css-legivel-editores section{animation:mclFadeInUp 0.4s ease-out}
#min-css-legivel-status-grid article:nth-child(2){animation-delay:0.1s}
#min-css-legivel-status-grid article:nth-child(3){animation-delay:0.2s}
@keyframes mclFadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
}
@media (prefers-reduced-motion:reduce){
.mcl-card,.mcl-card:hover,#min-css-legivel-status-grid article,#min-css-legivel-status-grid article:hover,#min-css-legivel-editores section,#min-css-legivel-editores section:hover{animation:none;transform:none}
.mcl-summary-loading__spinner{animation:none}
}
@media (max-width:768px){
#min-css-legivel-ferramenta{padding:var(--spacing-sm);gap:var(--spacing-md)}
.mcl-card-titulo{font-size:1rem;padding:var(--spacing-sm) var(--spacing-md)}
.mcl-card-content{padding:var(--spacing-md)}
#min-css-legivel-opcoes{flex-direction:column}
#min-css-legivel-opcoes fieldset{flex:0 1 auto}
#min-css-legivel-botoes{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md);flex-direction:column}
#min-css-legivel-validar-btn,#min-css-legivel-limpar-btn{margin-left:0}
#min-css-legivel-minificar-btn{order:initial}
#min-css-legivel-botoes .tool-btn{width:100%;justify-content:center}
#min-css-legivel-acoes-secundarias{flex-direction:column;width:100%;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md)}
#min-css-legivel-acoes-secundarias .tool-btn,#min-css-legivel-botoes .tool-btn{width:100%;justify-content:center}
#min-css-legivel-antibot-card{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md)}
.min-css-legivel-antibot-campos{flex-direction:column;align-items:stretch}
#min-css-legivel-antibot-resposta{width:100%}
.min-css-legivel-antibot-campos .tool-btn{width:100%;justify-content:center}
#min-css-legivel-status-grid{grid-template-columns:1fr}
#min-css-legivel-editores{grid-template-columns:1fr}
#min-css-legivel-editores section>header{padding:var(--spacing-sm) var(--spacing-md)}
.min-css-legivel-cabecalho-editor{flex-direction:column;align-items:stretch}
.min-css-legivel-cabecalho-acoes,#min-css-legivel-selecionar-arquivo-btn{width:100%}
#min-css-legivel-selecionar-arquivo-btn{justify-content:center}
#min-css-legivel-editores section>div{padding:var(--spacing-sm) var(--spacing-md);flex-direction:column}
.min-css-legivel-estatistica-item{flex:1 1 auto}
#min-css-legivel-css-original,#min-css-legivel-css-final{min-height:200px;font-size:0.85rem}
}
@media (max-width:480px){
.mcl-card{border-radius:var(--border-radius-md)}
#min-css-legivel-status-grid article{border-radius:var(--border-radius-md)}
#min-css-legivel-editores section{border-radius:var(--border-radius-md)}
.min-css-legivel-estatistica-item{flex-direction:column;align-items:flex-start;gap:2px}
}