.transaction-pin-panel{color:#16334b;max-width:100%;margin-bottom:20px;padding:24px!important}.transaction-pin-panel .pin-panel-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.transaction-pin-panel .pin-panel-header small{letter-spacing:.1em;color:#087d83;font-size:11px;font-weight:800}.transaction-pin-panel h2{margin:5px 0 8px;font-size:23px;font-weight:800;line-height:1.3}.transaction-pin-panel p{color:#536c7d;margin:0 0 14px;font-size:14px;line-height:1.6}.transaction-pin-panel .pin-state{white-space:nowrap;color:#845d18;background:#fff5df;border-radius:20px;padding:8px 12px;font-size:12px;font-weight:700}.transaction-pin-panel .pin-state.ready{color:#167145;background:#e8f8f0}.transaction-pin-panel .pin-form,.real-platform .my-profile-page .transaction-pin-panel .pin-form{align-items:stretch;width:100%;max-width:780px;margin:0;flex-direction:column!important;gap:20px!important;display:flex!important}.transaction-pin-panel .pin-step{min-width:0;background:#f8fbfd;border:1px solid #cfdee7;border-radius:14px;min-inline-size:0;padding:18px;display:block}.transaction-pin-panel .pin-step legend{color:#16334b;padding:0 8px;font-size:16px;font-weight:800}.transaction-pin-panel .pin-step legend span{color:#fff;background:#0b7d83;border-radius:50%;place-items:center;width:25px;height:25px;margin-right:7px;font-size:13px;display:inline-grid}.transaction-pin-panel .pin-field{color:#18364e;text-align:left;min-width:0;margin-top:14px;font-size:14px;font-weight:700;flex-direction:column!important;gap:8px!important;display:flex!important}.transaction-pin-panel .pin-field input{box-sizing:border-box;letter-spacing:.14em;min-height:50px;box-shadow:none;outline:none;color:#13304a!important;background:#fff!important;border:2px solid #b9cedb!important;border-radius:10px!important;width:100%!important;max-width:100%!important;padding:13px 14px!important;font-size:19px!important;display:block!important}.transaction-pin-panel .pin-field input::placeholder{letter-spacing:normal;color:#728697;opacity:1;font-size:14px}.transaction-pin-panel .pin-field input:focus{box-shadow:0 0 0 3px #0b92921f;border-color:#078c92!important}.transaction-pin-panel .pin-field input:disabled{cursor:not-allowed;background:#edf2f5!important;border-color:#d1dce3!important}.transaction-pin-panel .pin-field small{color:#637b8b;font-size:12px;font-weight:400;line-height:1.5}.transaction-pin-panel .pin-new-fields{grid-template-columns:1fr 1fr;gap:18px;display:grid}.transaction-pin-panel .pin-channel-list{grid-template-columns:1fr 1fr;gap:12px;margin:14px 0;display:grid}.transaction-pin-panel .pin-channel{cursor:pointer;background:#fff;border:1px solid #b9cedb;border-radius:10px;align-items:flex-start;min-width:0;padding:13px;gap:10px!important;display:flex!important}.transaction-pin-panel .pin-channel:has(input:checked){background:#effbfa;border:2px solid #0a8c91;padding:12px}.transaction-pin-panel .pin-channel input{accent-color:#0a8c91;flex-shrink:0;width:18px;height:18px;margin-top:3px}.transaction-pin-panel .pin-channel strong{color:#16334b;font-size:14px;display:block}.transaction-pin-panel .pin-channel small{overflow-wrap:anywhere;margin-top:3px;font-size:12px;display:block}.transaction-pin-panel .pin-channel.unavailable{cursor:not-allowed;color:#78858e;background:#f0f3f5}.transaction-pin-panel .pin-channel-reason{color:#a14d28}.transaction-pin-panel .pin-button{cursor:pointer;justify-content:center;align-items:center;line-height:1.4;border-radius:10px!important;width:auto!important;min-height:46px!important;padding:11px 18px!important;font-size:14px!important;font-weight:700!important;display:inline-flex!important}.transaction-pin-panel .pin-button.outline{box-shadow:none;color:#086c74!important;background:#fff!important;border:1px solid #0c8087!important}.transaction-pin-panel .pin-button.solid{color:#fff!important;background:#087d83!important;border:1px solid #087d83!important}.transaction-pin-panel .pin-button:disabled{opacity:.45;cursor:not-allowed}.transaction-pin-panel .pin-save-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.transaction-pin-panel .pin-save-row small{color:#607686;font-size:12px}.transaction-pin-panel .pin-feedback{color:#214e70;overflow-wrap:anywhere;background:#eaf5ff;border:1px solid #b9d5ec;border-radius:10px;margin:0;padding:13px 16px}.transaction-pin-panel .pin-mode-switch{cursor:pointer;align-self:flex-start;font-size:14px;text-decoration:underline;color:#087681!important;background:0 0!important;border:0!important;padding:8px 0!important}.transaction-pin-panel .pin-security-note{border-top:1px solid #e2eaf0;max-width:780px;margin:20px 0 0;padding-top:16px;font-size:12px}.transaction-pin-panel .pin-admin-tools{border-top:1px solid #e2eaf0;max-width:780px;margin-top:18px;padding-top:16px;font-size:13px}.transaction-pin-panel .pin-admin-tools summary{cursor:pointer;margin-bottom:12px;font-weight:700}@media (width<=600px){.transaction-pin-panel{padding:16px!important}.transaction-pin-panel .pin-panel-header{flex-direction:column;gap:10px}.transaction-pin-panel .pin-new-fields,.transaction-pin-panel .pin-channel-list{grid-template-columns:1fr}.transaction-pin-panel .pin-step{padding:14px}.transaction-pin-panel h2{font-size:20px}.transaction-pin-panel .pin-save-row{flex-direction:column;align-items:stretch}}.pin-confirm-dialog{max-height:calc(100dvh - 40px);overflow:auto;box-shadow:0 18px 60px #0c294b33;color:#17374f!important;z-index:1001!important;background:#fff!important;border:1px solid #c9dce7!important;border-radius:18px!important;width:min(480px,100vw - 32px)!important;padding:26px!important;display:block!important}.pin-confirm-overlay{z-index:1000!important;background:#1930444d!important}.pin-confirm-dialog [data-slot=dialog-header]{text-align:left;margin-bottom:20px;display:block!important}.pin-confirm-dialog [data-slot=dialog-title]{line-height:1.3;color:#17374f!important;font-size:21px!important;font-weight:800!important}.pin-confirm-dialog [data-slot=dialog-description]{margin-top:9px;line-height:1.6;color:#536e82!important;font-size:14px!important}.pin-confirm-dialog form{color:#17374f!important;flex-direction:column!important;grid-template-columns:none!important;gap:16px!important;margin:0!important;display:flex!important}.pin-confirm-dialog label{gap:9px;font-size:14px;font-weight:700;color:#17374f!important;flex-direction:column!important;display:flex!important}.pin-confirm-dialog input{letter-spacing:.3em;min-height:52px;color:#12334b!important;background:#f8fbfd!important;border:2px solid #b9cedb!important;border-radius:10px!important;width:100%!important;padding:12px!important;font-size:22px!important;display:block!important}.pin-confirm-dialog input:focus{outline:3px solid #0c969329;border-color:#088b8e!important}.pin-confirm-dialog p{line-height:1.6;color:#536e82!important;font-size:13px!important}.pin-confirm-dialog a{line-height:1.5;text-decoration:underline;color:#087d83!important;font-size:14px!important}.pin-confirm-dialog form>div{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex!important}.pin-confirm-dialog form button{min-height:44px;font-size:14px;font-weight:700;border-radius:9px!important;padding:10px 17px!important}.pin-confirm-dialog form button[type=button]{color:#24536a!important;background:#fff!important;border:1px solid #b9cedb!important}.pin-confirm-dialog form button:not([type=button]){color:#fff!important;background:#087d83!important;border:1px solid #087d83!important}.pin-confirm-dialog form button:disabled{opacity:.45;cursor:not-allowed}.pin-confirm-dialog>button{opacity:1;color:#4e697c!important}
