/* VERSÃO DO ARQUIVO: 1.3.0 - Adiciona bloco de controle do salvamento local */
:root{
--gqp-card-bg:var(--color-bg-card);
--gqp-card-border:var(--color-border);
--gqp-card-radius:var(--border-radius-lg);
--gqp-card-shadow:0 4px 12px rgba(0,0,0,0.06);
--gqp-card-shadow-hover:0 8px 24px rgba(0,0,0,0.1);
--gqp-surface:var(--off-white);
--gqp-text:var(--color-text);
--gqp-text-muted:var(--color-text-secondary);
--gqp-input-bg:var(--white);
--gqp-input-border:var(--light-gray);
--gqp-accent:var(--primary-green);
--gqp-accent-soft:rgba(0,166,81,0.08);
--gqp-accent-strong:rgba(0,166,81,0.4);
--gqp-status-bg:rgba(0,114,188,0.06);
--gqp-status-border:rgba(0,114,188,0.18);
--gqp-status-text:var(--primary-blue);
--gqp-aviso-bg:rgba(245,158,11,0.1);
--gqp-aviso-border:rgba(245,158,11,0.28);
--gqp-aviso-text:#b45309;
--gqp-qr-surface:var(--white);
--gqp-preview-stage-bg:linear-gradient(180deg,#f8fafc 0%,#f1f5f9 100%);
--gqp-preview-stage-border:rgba(148,163,184,0.45);
--gqp-preview-card-bg:var(--white);
--gqp-preview-card-border:rgba(148,163,184,0.18);
--gqp-preview-card-shadow:0 18px 40px rgba(15,23,42,0.08)
}
[data-theme="dark"]{
--gqp-card-shadow:0 4px 12px rgba(0,0,0,0.3);
--gqp-card-shadow-hover:0 8px 24px rgba(0,0,0,0.45);
--gqp-surface:#232323;
--gqp-input-bg:#262626;
--gqp-input-border:#444;
--gqp-accent-soft:rgba(0,166,81,0.14);
--gqp-status-bg:rgba(96,165,250,0.1);
--gqp-status-border:rgba(96,165,250,0.26);
--gqp-status-text:#93c5fd;
--gqp-aviso-bg:rgba(251,191,36,0.14);
--gqp-aviso-border:rgba(251,191,36,0.32);
--gqp-aviso-text:#fcd34d;
--gqp-qr-surface:#f4f4f5;
--gqp-preview-stage-bg:linear-gradient(180deg,#171717 0%,#222222 100%);
--gqp-preview-stage-border:rgba(148,163,184,0.3);
--gqp-preview-card-bg:#ffffff;
--gqp-preview-card-border:rgba(15,23,42,0.12);
--gqp-preview-card-shadow:0 22px 44px rgba(0,0,0,0.34)
}
.ferramentasja-pix-wrap{display:grid;gap:var(--spacing-lg)}
.ferramentasja-pix-wrap *{box-sizing:border-box}
@media (min-width:980px){
.ferramentasja-pix-wrap{grid-template-columns:minmax(0,1.15fr) minmax(320px,0.85fr);align-items:start}
}
.ferramentasja-pix-card{background:var(--gqp-card-bg);border:1px solid var(--gqp-card-border);border-radius:var(--gqp-card-radius);padding:var(--spacing-lg);box-shadow:var(--gqp-card-shadow);color:var(--gqp-text);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}
.ferramentasja-pix-card:hover{box-shadow:var(--gqp-card-shadow-hover)}
.ferramentasja-pix-card h2,.ferramentasja-pix-card h3{margin-top:0;color:var(--gqp-text)}
.ferramentasja-pix-card>h2{font-size:1.2rem;font-weight:700;display:flex;align-items:center;gap:var(--spacing-sm);padding-bottom:var(--spacing-sm);margin-bottom:var(--spacing-md);border-bottom:1px solid var(--gqp-card-border)}
.ferramentasja-pix-card .ferramentasja-pix-card{background:var(--gqp-surface);box-shadow:none}
.ferramentasja-pix-card .ferramentasja-pix-card:hover{box-shadow:none}
.ferramentasja-pix-form-grid,.ferramentasja-pix-preview-grid{display:grid;gap:var(--spacing-md)}
.ferramentasja-pix-steps-overview,.ferramentasja-pix-step,.ferramentasja-pix-step-header{display:grid;gap:var(--spacing-md)}
.ferramentasja-pix-steps-list{display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(4,minmax(0,1fr))}
.ferramentasja-pix-step-indicator{display:grid;gap:0.35rem;justify-items:center;padding:0.8rem 0.7rem;border:1px solid var(--gqp-card-border);border-radius:var(--border-radius-md);background:var(--gqp-surface);color:var(--gqp-text-muted);cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast),color var(--transition-fast),background var(--transition-fast)}
.ferramentasja-pix-step-indicator:hover{border-color:var(--gqp-accent);color:var(--gqp-text)}
.ferramentasja-pix-step-indicator:focus-visible{outline:none;border-color:var(--gqp-accent);box-shadow:0 0 0 3px var(--gqp-accent-soft)}
.ferramentasja-pix-step-indicator.is-active{border-color:var(--gqp-accent);background:var(--gqp-accent-soft);color:var(--gqp-text);box-shadow:0 0 0 1px var(--gqp-accent-strong)}
.ferramentasja-pix-step-indicator.is-complete .ferramentasja-pix-step-number,.ferramentasja-pix-step-indicator.is-active .ferramentasja-pix-step-number{background:var(--gqp-accent);color:var(--white)}
.ferramentasja-pix-step-number{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:999px;background:var(--gqp-card-bg);border:1px solid var(--gqp-card-border);font-weight:700}
.ferramentasja-pix-step-label{font-size:0.82rem;font-weight:600;text-align:center;line-height:1.35}
.ferramentasja-pix-step{padding:var(--spacing-md);border:1px solid var(--gqp-card-border);border-radius:var(--border-radius-md);background:var(--gqp-surface)}
.ferramentasja-pix-step[hidden]{display:none}
.ferramentasja-pix-step-header{gap:var(--spacing-xs)}
.ferramentasja-pix-step-header h3{margin:0;font-size:1.05rem}
.ferramentasja-pix-step-header p{margin:0;color:var(--gqp-text-muted);line-height:1.55}
.ferramentasja-pix-step-kicker{font-size:0.76rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--gqp-accent)}
.ferramentasja-pix-steps-nav{display:grid;gap:var(--spacing-sm);grid-template-columns:minmax(0,auto) minmax(0,1fr) minmax(0,auto);align-items:center}
.ferramentasja-pix-step-status{margin:0;text-align:center;color:var(--gqp-text-muted);font-size:0.9rem;line-height:1.45}
.ferramentasja-pix-linha-dupla{display:grid;gap:var(--spacing-md)}
.ferramentasja-pix-linha-dupla--campos-alinhados .ferramentasja-pix-campo{grid-template-rows:auto minmax(3.25rem,auto) minmax(2.6rem,auto);align-content:start}
.ferramentasja-pix-linha-dupla--campos-alinhados .ferramentasja-pix-campo input{min-height:3.25rem}
.ferramentasja-pix-linha-dupla--campos-alinhados .ferramentasja-pix-ajuda{align-self:start}
@media (min-width:680px){
.ferramentasja-pix-linha-dupla{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.ferramentasja-pix-campo{display:grid;gap:var(--spacing-xs)}
.ferramentasja-pix-campo label{font-weight:600;font-size:0.92rem;color:var(--gqp-text)}
.ferramentasja-pix-campo input,.ferramentasja-pix-campo textarea,.ferramentasja-pix-campo select{width:100%;box-sizing:border-box;padding:0.7rem 0.85rem;font-size:0.95rem;color:var(--gqp-text);background:var(--gqp-input-bg);border:1px solid var(--gqp-input-border);border-radius:var(--border-radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}
.ferramentasja-pix-campo input::placeholder,.ferramentasja-pix-campo textarea::placeholder{color:var(--gqp-text-muted)}
.ferramentasja-pix-campo input:focus,.ferramentasja-pix-campo textarea:focus,.ferramentasja-pix-campo select:focus{outline:none;border-color:var(--gqp-accent);box-shadow:0 0 0 3px var(--gqp-accent-soft)}
.ferramentasja-pix-campo input.ferramentasja-pix-campo-invalido,.ferramentasja-pix-campo textarea.ferramentasja-pix-campo-invalido,.ferramentasja-pix-campo select.ferramentasja-pix-campo-invalido{border-color:#dc3545 !important;box-shadow:0 0 0 3px rgba(220,53,69,0.15) !important}
.ferramentasja-pix-campo input.ferramentasja-pix-campo-invalido:focus,.ferramentasja-pix-campo textarea.ferramentasja-pix-campo-invalido:focus,.ferramentasja-pix-campo select.ferramentasja-pix-campo-invalido:focus{border-color:#dc3545 !important;box-shadow:0 0 0 3px rgba(220,53,69,0.24) !important}
.ferramentasja-pix-campo textarea{min-height:110px;resize:vertical}
.ferramentasja-pix-ajuda{font-size:0.85rem;color:var(--gqp-text-muted);line-height:1.45}
.ferramentasja-pix-ajuda.ferramentasja-pix-ajuda-erro{color:#dc3545}
.ferramentasja-pix-acoes{display:grid;gap:var(--spacing-sm)}
.ferramentasja-pix-acoes-principais{margin-top:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.ferramentasja-pix-preview-bloco{display:grid;gap:var(--spacing-sm)}
.ferramentasja-pix-acoes-secundarias{grid-template-columns:repeat(2,minmax(0,1fr))}
.ferramentasja-pix-acoes .tool-btn{min-height:44px;width:100%}
.ferramentasja-pix-antibot-campo{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}
.ferramentasja-pix-captcha{display:grid;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--gqp-status-border);border-radius:var(--border-radius-md);background:var(--gqp-status-bg);color:var(--gqp-text)}
.ferramentasja-pix-captcha[hidden]{display:none}
.ferramentasja-pix-captcha label{font-size:0.9rem;font-weight:600;line-height:1.45}
.ferramentasja-pix-captcha-linha{display:grid;gap:var(--spacing-sm);grid-template-columns:minmax(0,1fr) auto;align-items:center}
.ferramentasja-pix-captcha-linha input{width:100%;box-sizing:border-box;padding:0.7rem 0.85rem;font-size:0.95rem;color:var(--gqp-text);background:var(--gqp-input-bg);border:1px solid var(--gqp-input-border);border-radius:var(--border-radius-md)}
.ferramentasja-pix-captcha-linha input:focus{outline:none;border-color:var(--gqp-accent);box-shadow:0 0 0 3px var(--gqp-accent-soft)}
.ferramentasja-pix-privacidade{display:grid;gap:var(--spacing-xs);padding:var(--spacing-md);border:1px solid var(--gqp-status-border);border-radius:var(--border-radius-md);background:var(--gqp-status-bg);color:var(--gqp-text)}
.ferramentasja-pix-privacidade p{margin:0;line-height:1.5}
.ferramentasja-pix-logo-painel{padding:var(--spacing-md);border:1px solid var(--gqp-card-border);border-radius:var(--border-radius-md);background:var(--gqp-surface)}
.ferramentasja-pix-logo-box{display:grid;gap:var(--spacing-md)}
.ferramentasja-pix-upload-area .tool-upload-container{padding:var(--spacing-lg)}
.ferramentasja-pix-toggle-linha{display:flex;gap:var(--spacing-sm);align-items:center}
.ferramentasja-pix-toggle-linha label{margin:0;font-size:0.92rem;color:var(--gqp-text);cursor:pointer;line-height:1.4}
.ferramentasja-pix-logo-acoes{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);align-items:center}
.ferramentasja-pix-logo-acoes .tool-btn{flex:0 1 auto}
.ferramentasja-pix-mini-texto{font-size:0.85rem;color:var(--gqp-text-muted)}
.ferramentasja-pix-logo-preview{display:flex;align-items:center;justify-content:center;min-height:110px;border:2px dashed var(--gqp-input-border);border-radius:var(--border-radius-md);padding:var(--spacing-md);overflow:hidden;background:var(--gqp-surface);color:var(--gqp-text-muted);font-size:0.9rem;text-align:center}
.ferramentasja-pix-logo-preview img{max-width:96px;max-height:96px;object-fit:contain}
.ferramentasja-pix-status{min-height:24px;font-size:0.92rem;line-height:1.5;color:var(--gqp-status-text)}
.ferramentasja-pix-status:not(:empty){padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);background:var(--gqp-status-bg);border:1px solid var(--gqp-status-border)}
.ferramentasja-pix-valor-box{display:grid;gap:0.2rem;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--gqp-card-border);border-radius:var(--border-radius-md);background:var(--gqp-surface)}
.ferramentasja-pix-valor-label{font-size:0.78rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:var(--gqp-text-muted)}
.ferramentasja-pix-valor-preview{font-size:1.15rem;font-weight:700;line-height:1.35;color:var(--gqp-text)}
.ferramentasja-pix-valor-preview[data-state="empty"]{color:var(--gqp-text-muted)}
.ferramentasja-pix-valor-preview[data-state="filled"]{color:var(--gqp-accent)}
.ferramentasja-pix-qr-preview{display:flex;align-items:center;justify-content:center;min-height:320px;border:2px dashed var(--gqp-preview-stage-border);border-radius:var(--gqp-card-radius);padding:var(--spacing-lg);overflow:hidden;background:var(--gqp-preview-stage-bg);color:var(--gqp-text-muted);text-align:center}
.ferramentasja-pix-qr-preview img{width:min(100%,320px);max-width:100%;height:auto;display:block;padding:clamp(0.75rem,2vw,1rem);box-sizing:border-box;border:1px solid var(--gqp-preview-card-border);border-radius:calc(var(--border-radius-md) + 2px);background:var(--gqp-preview-card-bg);box-shadow:var(--gqp-preview-card-shadow)}
.ferramentasja-pix-qr-preview span{max-width:18rem;line-height:1.6}
.ferramentasja-pix-copia-box{display:grid;gap:var(--spacing-xs)}
.ferramentasja-pix-copia-box label,.ferramentasja-pix-copia-box span{font-weight:600;font-size:0.92rem;color:var(--gqp-text)}
.ferramentasja-pix-copia-sessao{width:100%;padding:0.7rem 0.85rem;font-family:'Cascadia Code','Fira Code','Consolas','Monaco',monospace;font-size:0.85rem;line-height:1.5;color:var(--gqp-text);background:var(--gqp-input-bg);border:1px solid var(--gqp-input-border);border-radius:var(--border-radius-md);word-break:break-all;overflow-wrap:anywhere;white-space:pre-wrap;overflow-y:auto;min-height:calc((0.85rem * 1.5 * 3) + (0.7rem * 2));max-height:calc((0.85rem * 1.5 * 5) + (0.7rem * 2))}
.ferramentasja-pix-copia-sessao:empty::before{content:attr(data-placeholder);color:var(--gqp-text-muted)}
.ferramentasja-pix-copia-sessao:focus{outline:none;border-color:var(--gqp-accent);box-shadow:0 0 0 3px var(--gqp-accent-soft)}
.ferramentasja-pix-resumo{border:1px solid var(--gqp-card-border);border-radius:var(--border-radius-md);padding:var(--spacing-md);background:var(--gqp-surface)}
.ferramentasja-pix-resumo dl{margin:0;display:grid;gap:var(--spacing-sm)}
.ferramentasja-pix-resumo div{display:grid;gap:2px}
.ferramentasja-pix-resumo dt{font-weight:700;font-size:0.78rem;text-transform:uppercase;letter-spacing:0.4px;color:var(--gqp-text-muted)}
.ferramentasja-pix-resumo dd{margin:0;word-break:break-word;color:var(--gqp-text)}
.ferramentasja-pix-preview-aviso{margin:0;font-size:0.92rem;font-weight:600;line-height:1.5;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);background:var(--gqp-aviso-bg);border:1px solid var(--gqp-aviso-border);color:var(--gqp-aviso-text)}
.ferramentasja-pix-renderizador{position:absolute;left:-9999px;top:-9999px;width:1000px;height:1000px;overflow:hidden}
@media (max-width:768px){
.ferramentasja-pix-card{padding:var(--spacing-md)}
.ferramentasja-pix-steps-list,.ferramentasja-pix-steps-nav{grid-template-columns:1fr}
.ferramentasja-pix-step-indicator{grid-template-columns:auto 1fr;justify-items:start;align-items:center;text-align:left}
.ferramentasja-pix-step-label{text-align:left}
.ferramentasja-pix-acoes-principais,.ferramentasja-pix-acoes-secundarias{grid-template-columns:1fr}
.ferramentasja-pix-captcha-linha{grid-template-columns:1fr}
.ferramentasja-pix-logo-acoes .tool-btn{width:100%;justify-content:center}
}
@media (max-width:480px){
.ferramentasja-pix-card{border-radius:var(--border-radius-md)}
.ferramentasja-pix-qr-preview{min-height:260px}
}