.pix-toggle{height:32px;border:1px solid #8ddcaf;border-radius:10px;padding:0 9px;background:linear-gradient(135deg,#f1fff6,#e1f9ea);color:#08743a;font-size:10px;font-weight:950;letter-spacing:.05em;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.pix-toggle:hover,.pix-toggle.is-active{border-color:#28b96a;background:#d9f8e5;box-shadow:0 7px 15px #16a6552b;transform:translateY(-1px)}
.pix-panel{position:absolute;z-index:12;right:20px;bottom:74px;width:min(420px,calc(100% - 40px));overflow:hidden;border:1px solid #bde7cb;border-radius:17px;background:#fff;box-shadow:0 24px 60px #0f4c2d35;animation:pix-pop .2s cubic-bezier(.2,.8,.25,1)}
.pix-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 14px 11px;border-bottom:1px solid #e5f3e9;background:radial-gradient(circle at 18% 0,#bff2d444,transparent 42%),linear-gradient(115deg,#f9fffb,#edfff3)}.pix-panel-head>div{display:flex;align-items:center;gap:9px}.pix-panel-head b{display:block;color:#143e27;font-size:12px}.pix-panel-head small{display:block;margin-top:2px;color:#698778;font-size:9px}.pix-panel-head>button{border:0;background:transparent;color:#6b8977;font-size:21px;line-height:1}.pix-panel-head>button:hover{color:#185f35}.pix-logo-mini{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:linear-gradient(135deg,#22c36c,#089344);color:#fff;font-size:9px;font-weight:950;letter-spacing:.05em;box-shadow:0 5px 12px #159c4d3d}
.pix-create-form{display:grid;gap:10px;padding:13px}.pix-create-form>label,.pix-payer-fields label,.payshark-config-form>label{display:grid;gap:5px;color:#315746;font-size:10px;font-weight:850}.pix-create-form input,.payshark-config-form input{box-sizing:border-box;width:100%;height:35px;border:1px solid #d8e9de;border-radius:9px;padding:0 10px;outline:0;background:#fbfefc;color:#1d3d2b;font:inherit;font-size:11px;font-weight:650}.pix-create-form input:focus,.payshark-config-form input:focus{border-color:#58c987;box-shadow:0 0 0 3px #1bb46216}.pix-payer-note{display:grid;gap:3px;border:1px solid #e1efe5;border-radius:10px;padding:9px 10px;background:#f8fdf9}.pix-payer-note b{color:#276342;font-size:10px}.pix-payer-note span{color:#72897b;font-size:9px;line-height:1.4}.pix-payer-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px}.pix-payer-fields label small{color:#8ca398;font-size:8px;font-weight:700}.pix-create-button{height:37px;border:0;border-radius:10px;background:linear-gradient(135deg,#13ac5b,#078d42);color:#fff;font:inherit;font-size:11px;font-weight:900;box-shadow:0 8px 16px #0b984743;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.pix-create-button:hover:not(:disabled){filter:brightness(1.04);box-shadow:0 11px 20px #0b984754;transform:translateY(-1px)}.pix-create-button:disabled{cursor:wait;opacity:.65}.pix-disclaimer{color:#7c9186;font-size:9px;line-height:1.35;text-align:center}
.pix-success{display:grid;gap:10px;padding:14px}.pix-success p{margin:0;color:#546f60;font-size:10px;line-height:1.45}.pix-success textarea{box-sizing:border-box;width:100%;min-height:82px;border:1px solid #cae8d4;border-radius:11px;padding:9px;resize:vertical;outline:0;background:#f5fcf7;color:#24563a;font:inherit;font-size:10px;line-height:1.35}.pix-result-actions{display:grid;grid-template-columns:1fr 1.2fr;gap:8px}.pix-result-actions button{height:34px;border:1px solid #a9dfbc;border-radius:9px;background:#f0fbf4;color:#14723b;font:inherit;font-size:10px;font-weight:900}.pix-result-actions button+button{border:0;background:#119e50;color:#fff;box-shadow:0 6px 13px #16a15336}.pix-success>small{color:#80958a;font-size:8px}.pix-success .pix-webhook-note{border-top:1px solid #e8f1eb;padding-top:8px;color:#a17b2b;line-height:1.4}
.settings-group-icon.pix{background:#daf8e5;color:#078942}.payshark-settings-group{grid-column:span 2}.payshark-status{display:flex;align-items:center;gap:7px;margin:11px 12px 0;border:1px solid #f0ddb0;border-radius:9px;padding:8px 9px;background:#fffaf0;color:#9b7015;font-size:9px;font-weight:750}.payshark-status i{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px currentColor;opacity:.9}.payshark-status.ready{border-color:#bde8cb;background:#f1fcf5;color:#138648}.payshark-status.missing{border-color:#f1dfb3;background:#fffaf1;color:#a67714}.payshark-config-form{display:grid;gap:10px;padding:12px}.payshark-config-form>div{display:flex;gap:8px}.payshark-config-form button{height:32px;border:1px solid #dce9e0;border-radius:8px;padding:0 10px;background:#fff;color:#63776c;font:inherit;font-size:9px;font-weight:850}.payshark-config-form button.secondary{border:0;background:#0f9c4e;color:#fff;box-shadow:0 5px 11px #149a4833}.payshark-config-form button:disabled{opacity:.65}.payshark-config-form>small{color:#82958a;font-size:8px;line-height:1.35}
body[data-theme="midnight"] .pix-panel{border-color:#315a40;background:#14291d;box-shadow:0 24px 60px #00000070}body[data-theme="midnight"] .pix-panel-head{border-color:#31533d;background:linear-gradient(115deg,#172e20,#14271c)}body[data-theme="midnight"] .pix-panel-head b{color:#e6f8ec}body[data-theme="midnight"] .pix-panel-head small,body[data-theme="midnight"] .pix-success p,body[data-theme="midnight"] .pix-disclaimer{color:#a2bbab}body[data-theme="midnight"] .pix-create-form input,body[data-theme="midnight"] .payshark-config-form input,body[data-theme="midnight"] .pix-success textarea{border-color:#365d45;background:#193123;color:#e5f5eb}body[data-theme="midnight"] .pix-payer-note{border-color:#33573f;background:#172d20}body[data-theme="midnight"] .pix-payer-note b{color:#b9e7c9}body[data-theme="midnight"] .pix-payer-note span{color:#9bb6a4}body[data-theme="midnight"] .payshark-status.ready{border-color:#336847;background:#173523;color:#8de6ad}body[data-theme="midnight"] .payshark-status.missing{border-color:#735e31;background:#302718;color:#e8c979}body[data-theme="midnight"] .payshark-config-form button:not(.secondary){border-color:#365b43;background:#182e21;color:#bad0c1}
@keyframes pix-pop{from{opacity:0;transform:translateY(9px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:760px){.pix-toggle{font-size:0;width:32px;padding:0}.pix-toggle:after{content:"PIX";font-size:8px}.pix-panel{right:10px;bottom:66px;width:calc(100% - 20px)}.pix-payer-fields{grid-template-columns:1fr}.payshark-settings-group{grid-column:auto}}
