#view-pix-keys,#view-pix-key-form{padding-bottom:22px}
.pix-page-head{display:grid;grid-template-columns:50px minmax(0,1fr);align-items:start;gap:13px;margin-bottom:20px}.pix-page-head .back-button{width:50px;height:50px;margin-top:2px}.pix-page-head h1{margin:4px 0 5px;color:#0d3864;font-size:27px;line-height:1.08;letter-spacing:-.025em}.pix-page-head p{margin:0;color:#6e8298;font-size:14px;line-height:1.45}.pix-new-button{width:100%;min-height:55px;margin-bottom:17px;border:0;border-radius:15px;background:linear-gradient(120deg,#13b95b,#14d46b);color:#fff;font-size:16px;font-weight:900;box-shadow:0 8px 20px rgba(18,190,95,.18)}
.pix-key-list{display:grid;gap:14px}.pix-key-card{padding:17px;border:1px solid #d2e0eb;border-radius:18px;background:#fff;box-shadow:0 8px 22px rgba(18,54,91,.06)}.pix-key-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.pix-key-card h2{margin:0;color:#103c69;font-size:20px;line-height:1.2}.pix-default-badge{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:999px;background:#dcf8e7;color:#148446;font-size:11px;font-weight:900;white-space:nowrap}.pix-key-data{display:grid;grid-template-columns:25px minmax(0,1fr);gap:8px 10px;margin:15px 0;color:#395f82}.pix-key-data span{font-size:18px;text-align:center}.pix-key-data p{margin:0;font-size:14px;line-height:1.35;overflow-wrap:anywhere}.pix-key-data em{justify-self:start;padding:5px 10px;border-radius:999px;background:#eaf5fd;color:#4c7291;font-size:11px;font-style:normal}.pix-key-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:13px;border-top:1px solid #dbe6ef}.pix-key-actions button{min-height:46px;border:0;border-radius:11px;background:#edf4f9;color:#0b5d99;font-size:13px;font-weight:850}.pix-key-actions .danger{grid-column:1/-1;background:#fff0f1;color:#b52d38}.pix-key-actions button:disabled{opacity:.55}.pix-key-empty-link{margin-top:12px;min-height:46px;border:1px solid #a9d4f2;border-radius:12px;background:#eef8ff;color:#0769aa;font-size:13px;font-weight:850}
.pix-key-form{display:grid;gap:16px;padding:19px;border:1px solid #d3e0eb;border-radius:19px;background:#fff;box-shadow:0 9px 26px rgba(17,53,88,.06)}.pix-key-form>label:not(.pix-default-switch){display:grid;gap:7px;color:#17466f;font-size:14px;font-weight:850}.pix-key-form input,.pix-key-form select{width:100%;min-height:52px;padding:12px 14px;border:1px solid #c8d7e4;border-radius:13px;background:#fff;color:#163956;font:inherit;font-size:16px}.pix-default-switch{display:grid;grid-template-columns:minmax(0,1fr) 54px;align-items:center;gap:12px;padding-top:15px;border-top:1px solid #dce6ee}.pix-default-switch span,.pix-default-switch b,.pix-default-switch small{display:block}.pix-default-switch b{color:#123f68;font-size:15px}.pix-default-switch small{margin-top:4px;color:#71869b;font-size:12px;line-height:1.4}.pix-default-switch input{appearance:none;width:54px;min-height:30px;height:30px;padding:0;border:0;border-radius:999px;background:#b9c5d2;transition:.2s}.pix-default-switch input::after{content:'';display:block;width:24px;height:24px;margin:3px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #5678;transition:.2s}.pix-default-switch input:checked{background:#0782d3}.pix-default-switch input:checked::after{transform:translateX(24px)}.pix-form-help{display:flex;align-items:center;gap:11px;margin:0;padding:14px;border-radius:13px;background:#e9f6ff;color:#2d6795;font-size:12px;line-height:1.45}.pix-form-help span{flex:0 0 31px;width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#0879c7;color:#fff;font-weight:900}.pix-form-actions{display:grid;grid-template-columns:1fr 1.25fr;gap:10px}.pix-form-actions button{min-height:50px}
.send-note-dialog,.pix-preview-dialog{width:min(94vw,520px);max-width:520px;padding:0;border:0;border-radius:22px;background:transparent}.send-note-dialog::backdrop,.pix-preview-dialog::backdrop{background:rgba(13,39,65,.65);backdrop-filter:blur(3px)}.send-note-dialog .dialog-card,.pix-preview-dialog .dialog-card{max-height:90vh;overflow:auto;padding:20px;border-radius:22px;background:#fff}.send-note-dialog .sheet-handle{width:58px;height:5px;margin:-8px auto 15px;border-radius:99px;background:#c8d4df}.send-note-dialog .dialog-head h2,.pix-preview-dialog .dialog-head h2{margin:4px 0;color:#0d3864;font-size:25px;line-height:1.1}.send-note-dialog .dialog-head p,.pix-preview-dialog .dialog-head p{margin:6px 0 0;color:#71859a;font-size:13px;line-height:1.4}.send-note-options{display:grid;gap:10px;margin:17px 0}.send-note-option{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr) 22px;align-items:center;gap:11px;padding:13px;border:1px solid #d1dfeb;border-radius:15px;background:#fff;color:#163e65;text-align:left}.send-note-option>span{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:#eaf5fc;color:#0873bb;font-size:20px;font-weight:900}.send-note-option .pix-icon{background:#e5f8f1;color:#08a57b}.send-note-option b,.send-note-option small,.send-note-option em{display:block}.send-note-option b{font-size:14px;line-height:1.3}.send-note-option small{margin-top:3px;color:#70869a;font-size:11px;line-height:1.35}.send-note-option em{justify-self:start;margin-top:5px;padding:3px 7px;border-radius:99px;background:#fff0d7;color:#a76400;font-size:9px;font-style:normal;font-weight:900}.send-note-option>i{width:19px;height:19px;border:2px solid #a9bdcf;border-radius:50%}.send-note-option.selected{border-color:#0980ce;background:#f0f9ff;box-shadow:0 0 0 2px rgba(9,128,206,.09)}.send-note-option.selected>i{border:6px solid #0781d2}.send-note-no-pix{padding:14px;border-radius:13px;background:#fff7e4;color:#795b1c;font-size:12px;line-height:1.45}.send-note-status{min-height:18px;margin:7px 0;color:#617b92;font-size:12px;line-height:1.35}.send-note-status.error{color:#b32634}.pix-primary{min-height:50px;border:0;border-radius:13px;background:linear-gradient(120deg,#11b958,#14d66b);color:#fff;font-size:14px;font-weight:900}.pix-primary:disabled{opacity:.56;cursor:wait}
.pix-preview-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:16px 0;padding:15px;border-radius:15px;background:#edf7ff}.pix-preview-summary h3{grid-column:1/-1;margin:0 0 11px;color:#103d68;font-size:16px}.pix-preview-summary h3 small{display:block;margin-top:3px;color:#647d95;font-size:11px;font-weight:600}.pix-preview-summary div{padding:0 8px;border-right:1px solid #ccdce8}.pix-preview-summary div:nth-of-type(1){padding-left:0}.pix-preview-summary div:last-child{padding-right:0;border:0}.pix-preview-summary span,.pix-preview-summary strong{display:block}.pix-preview-summary span{color:#6b8096;font-size:10px}.pix-preview-summary strong{margin-top:3px;color:#103c68;font-size:16px;white-space:nowrap}.pix-preview-item{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;margin-top:11px;padding:13px;border:1px solid #d5e1eb;border-radius:15px}.pix-preview-item>span{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:#eaf6fd;color:#0878c3;font-size:16px;font-weight:900}.pix-preview-item.pdf>span{background:#ffecef;color:#de3346}.pix-preview-item b,.pix-preview-item small{display:block;color:#123d66}.pix-preview-item small{margin-top:3px;color:#73879b;font-size:11px;font-weight:500}.pix-preview-item p{margin:8px 0;padding:11px;border-radius:11px;background:#f1f6fa;color:#234767;font-size:12px;line-height:1.5;white-space:pre-line}.pix-preview-item button{min-height:34px;padding:6px 10px;border:0;border-radius:9px;background:#e6f2fb;color:#0767a6;font-size:11px;font-weight:850}.pix-remember-default{display:flex;align-items:flex-start;gap:9px;margin:14px 2px;color:#57728b;font-size:12px;line-height:1.4}.pix-remember-default input{width:20px;height:20px;margin:0;accent-color:#087fcf}
@media(max-width:390px){.pix-page-head h1{font-size:24px}.pix-page-head p{font-size:13px}.pix-key-card h2{font-size:18px}.send-note-dialog .dialog-card,.pix-preview-dialog .dialog-card{padding:16px}.send-note-dialog .dialog-head h2,.pix-preview-dialog .dialog-head h2{font-size:22px}.pix-preview-summary{padding:12px}.pix-preview-summary strong{font-size:14px}.pix-form-actions,.send-note-dialog .dialog-actions,.pix-preview-dialog .dialog-actions{grid-template-columns:.85fr 1.25fr}.pix-preview-dialog .dialog-actions button{font-size:12px;padding:8px}}