.settings-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.settings-tabs button{padding:12px 16px;border:1px solid #adc5d7;border-radius:9px;background:#fff;color:#244762;font:inherit;cursor:pointer}.settings-tabs button.current{background:#244762;color:#fff}.settings-card{padding:24px;background:#fff;border:1px solid #b9cddc;border-radius:14px;margin:20px 0}.settings-card h3{margin:0 0 14px}.settings-card label{display:block;font-size:14px;color:#38556b;margin:10px 0}.settings-card input,.settings-card select{box-sizing:border-box;display:block;width:100%;padding:12px;margin-top:8px;border:1px solid #adcadc;border-radius:7px;background:#f7fafc;color:#21394c;font:inherit}.settings-card input:focus,.settings-card select:focus{outline:2px solid #5592b7;outline-offset:2px}.stepup-card{background:#f8f5ed;border-color:#d8ccb4}.settings-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.settings-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:16px 0}.settings-actions button{margin:0}#security-secret-dialog textarea{width:100%;padding:12px;border:1px solid #adc5d7;color:#21394c;background:#f4f8fa;font:inherit;overflow-wrap:anywhere}#security-secret-dialog img{display:block;margin:16px auto}#security-secret-dialog img[hidden]{display:none}.settings-card details{margin-top:20px}.settings-card summary{cursor:pointer;color:#244762;font-weight:600}.settings-card button:disabled{cursor:not-allowed;opacity:.55}#security-status:not(:empty){padding:12px;border-radius:9px;background:#e8f2fa;color:#244762}@media(max-width:600px){.settings-card{padding:18px}.settings-actions{display:grid;grid-template-columns:1fr}.settings-tabs button{flex:1 1 auto}}
.security-confirm-dialog select,.security-setup-form select{display:block;box-sizing:border-box;width:100%;padding:12px;margin-top:7px;border:1px solid #b6d6f8;border-radius:6px;background:#fcfdff;color:#173c62;font:inherit}.security-setup-form p[id$="-proof-status"]:not(:empty){background:#eef7ff;color:#244762;border-color:#c8def2}
.settings-card.settings-row{display:grid;grid-template-columns:minmax(150px,.7fr) minmax(0,2fr);padding:0;overflow:hidden}.settings-row-title{padding:24px 20px;background:#f3f8ff;border-right:1px solid #d6e6f8}.settings-row-title h3{font-size:16px;line-height:1.4;margin:12px 0}.settings-row-title p{font-size:12px}.settings-row-body{padding:22px;min-width:0}.settings-row-body>p:first-child{margin-top:0;overflow-wrap:anywhere}.settings-symbol{display:grid;place-items:center;width:34px;height:34px;border:1px solid #b9d9f8;border-radius:10px;background:white;color:#0874dc;font-size:22px;font-weight:600}.security-badge{display:inline-block;padding:5px 8px;border-radius:5px;font-size:11px;line-height:1.5;background:#fff1dc;color:#80520c}.security-badge[data-state=enabled]{background:#e5f5ec;color:#236341}.security-methods{display:grid;gap:10px;margin:18px 0}.security-methods article{display:flex;gap:15px;align-items:center;justify-content:space-between;border:1px solid #d7e7f8;border-radius:8px;padding:14px;background:#fbfdff}.security-methods article h4{font-size:13px;margin:0;color:#244b73}.security-methods article p{font-size:12px;margin:5px 0 0}.security-methods button{flex-shrink:0;max-width:100%;white-space:normal}.security-workflow{padding:18px;border:1px solid #82baf1;border-left:4px solid #1681e7;border-radius:8px;background:#edf7ff;margin:16px 0}.security-workflow[hidden]{display:none}.security-step{display:block;color:#1d69b1;font-size:10px;font-weight:700;letter-spacing:.09em;margin-bottom:9px}.security-workflow h4{margin:8px 0!important}.security-workflow input{max-width:260px;letter-spacing:.15em}.security-workflow .settings-actions{align-items:stretch}.security-recovery{border-top:1px solid #dfebf7;margin-top:22px;padding-top:2px}.security-confirm-dialog label{display:block;font-size:13px;color:#365c80;margin:14px 0}.security-confirm-dialog label[hidden]{display:none}.security-confirm-dialog input{box-sizing:border-box;display:block;width:100%;padding:12px;margin-top:7px;border:1px solid #b6d6f8;border-radius:6px;background:#fcfdff;color:#173c62;font:inherit}.security-confirm-dialog input:focus{outline:2px solid #419bfa;outline-offset:2px}.security-confirm-dialog .settings-actions{margin-bottom:0}#security-2fa-feedback:not(:empty){border:1px solid #e9bca6;border-radius:6px;padding:10px;background:#fff5ee;color:#853d19}.settings-row-body>details:first-of-type{margin-top:14px}.settings-card input[hidden]{display:none}@media(max-width:1000px){.settings-card.settings-row{grid-template-columns:1fr}.settings-row-title{border-right:0;border-bottom:1px solid #d6e6f8;padding:17px 20px}.settings-row-title h3{display:inline;margin:0 10px 0 0}.settings-symbol{display:none}.settings-row-title p{margin:7px 0 0}.settings-row-body{padding:20px}.security-methods article{align-items:flex-start;flex-direction:column}.security-methods button{width:100%}}@media(max-width:640px){.settings-row-body{padding:18px 16px}.settings-row-title{padding:16px}.settings-row-title h3{display:block;margin:0 0 8px}.security-workflow{padding:15px}.security-workflow input{max-width:none}.security-confirm-dialog .settings-actions{display:grid;grid-template-columns:1fr}.settings-row .settings-actions{grid-template-columns:1fr}}
.security-setup-form{display:grid;gap:13px;margin:20px 0 14px;padding-top:18px;border-top:1px solid #d4e5f7}.security-setup-form[hidden]{display:none}.security-setup-form label{display:block;font-size:13px;color:#365c80}.security-setup-form input{box-sizing:border-box;display:block;width:100%;padding:12px;margin-top:7px;border:1px solid #b6d6f8;border-radius:6px;background:#fcfdff;color:#173c62;font:inherit}.security-setup-form input:focus{outline:2px solid #419bfa;outline-offset:2px}.security-setup-form p:empty{display:none}.security-setup-form p:not(:empty){padding:10px;border:1px solid #e9bca6;border-radius:6px;background:#fff5ee;color:#853d19}.security-setup-form .button{margin:0}#security-secret-dialog{max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}#security-secret-dialog label[hidden]{display:none}#security-secret-dialog:has(.security-setup-form:not([hidden])) #security-secret-qr{width:160px;height:160px}#security-secret-dialog:has(.security-setup-form:not([hidden])) textarea{font-size:12px}#security-secret-close{margin-top:8px}
