.security-verification{--security-accent:#79e7df;min-width:0}
.security-choice-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin:0 0 17px}
.security-choice-intro h3{font-size:16px;line-height:1.45;margin:0 0 6px}
.security-choice-intro p{font-size:12px;line-height:1.7;color:#a7b3b1;margin:0}
.security-choice-intro>span{flex-shrink:0;white-space:nowrap;padding:6px 9px;background:#2a3433;border:1px solid #435451;border-radius:20px;color:var(--security-accent);font-size:11px;font-variant-numeric:tabular-nums}
.security-choice-group{min-width:0}
.security-choice-group h4{display:flex;align-items:center;gap:8px;font-size:12px;color:#cad3d1;margin:0 0 9px;font-weight:600}
.security-choice-group h4>span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;border:1px solid #4a5b57;color:var(--security-accent);font-size:10px}
.security-method-options{display:grid;grid-template-columns:repeat(var(--security-method-count,3),minmax(0,1fr));gap:8px}
.security-method-card{display:flex;align-items:center;gap:10px;border:1px solid #404b49;border-radius:9px;background:#282d2c;padding:13px 12px;color:#dbe4e2;min-width:0;text-align:left}
.security-method-card strong{display:block;font-size:12px;font-weight:600;line-height:1.55}
.security-method-card small{display:block;font-size:10px;line-height:1.65;color:#97aaa5;margin-top:4px;word-break:break-word}
.security-method-button{flex-direction:column;align-items:flex-start;position:relative;min-height:105px;width:100%;transition:border-color .18s,background .18s}
.security-method-button>.security-method-icon{margin:0 0 3px}
.security-method-button>span:nth-child(2){min-width:0;width:100%}
.security-method-button small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.security-method-icon{flex-shrink:0;display:grid;place-items:center;width:25px;height:25px;color:#b7c8c3}
.security-method-icon>.icon{width:21px;height:21px}
.security-choice-mark{position:absolute;right:10px;top:12px;display:grid;place-items:center;width:15px;height:15px;border:1px solid #677773;border-radius:50%;font-size:10px}
.security-method-button.is-selected{border-color:#65d9cc;background:#24413d;box-shadow:inset 0 0 0 1px #65d9cc20}
.security-method-button.is-selected .security-method-icon{color:var(--security-accent)}
.security-method-button.is-selected .security-choice-mark{background:var(--security-accent);color:#143b34;border-color:var(--security-accent)}
.security-method-button:disabled{opacity:.38;cursor:not-allowed;transform:none!important}
.security-method-button:not(:disabled):hover{border-color:var(--security-accent);background:#2c3a37}
.security-method-button:focus-visible,.security-bind-link:focus-visible,.security-switch:focus-visible{outline:2px solid var(--security-accent);outline-offset:3px}
.security-binding-list{display:grid;gap:8px;margin-top:14px}
.security-binding-list .security-method-card{justify-content:space-between;padding:10px 13px}
.security-binding-list .security-method-card>div{min-width:0}
.security-bind-link{min-height:44px;flex-shrink:0;display:inline-flex;align-items:center;font-size:12px}
.security-ready-label{color:#88c8b9;font-size:11px;white-space:nowrap}
.security-help-link{display:flex;justify-content:center;align-items:center;text-align:center;min-height:44px;font-size:12px;margin-top:10px}
.security-code-progress{margin:0 0 18px}
.security-code-progress>span{display:block;font-size:11px;color:#9bb5ac;margin-bottom:9px}
.security-code-progress>div{display:flex;gap:8px;flex-wrap:wrap}
.security-progress-chip{display:flex;gap:7px;align-items:center;padding:7px 10px;border-radius:6px;border:1px solid #414b49;background:#2a302e;font-size:11px;color:#b4c2bd}
.security-progress-chip small{font-size:10px;color:#8b9e97}
.security-progress-chip.is-current{border-color:#67d6c8;color:#a6eee4}
.security-progress-chip.is-complete{border-color:#487965;color:#a5d9bd;background:#24382c}
.security-progress-chip.is-complete small{color:#a5d9bd}
.security-code-destination{display:flex;gap:11px;align-items:center;padding:13px 14px;border:1px solid #3e5550;background:#263631;border-radius:9px}
.security-code-destination>div{min-width:0;flex:1}
.security-code-destination strong{display:block;font-size:13px;color:#d4e5de}
.security-code-destination>div>span{display:block;font-size:11px;color:#a6c3b8;margin-top:5px;overflow-wrap:anywhere}
.security-switch{display:inline-flex;align-items:center;justify-content:center;min-height:44px;flex-shrink:0;font-size:11px;padding:0 2px}
.security-code-tip{font-size:12px;color:#a7bdb3;line-height:1.7;margin:0}
@media(max-width:480px){
 .security-method-options{gap:6px}
 .security-method-button{padding:11px 8px;min-height:105px}
 .security-method-card strong{font-size:11px}
 .security-method-card small{font-size:10px}
 .security-choice-mark{right:7px;top:10px;width:13px;height:13px;font-size:9px}
 .security-code-destination{gap:8px;padding:10px}
 .security-code-destination .security-method-icon{display:none}
 .security-switch{font-size:11px}
 .security-choice-intro{margin-bottom:14px;gap:9px}
 .security-choice-intro h3{font-size:15px}
}
@media(prefers-reduced-motion:reduce){.security-method-button{transition:none}}

.security-flow-link{display:inline-flex;margin-top:18px;min-height:44px;align-items:center;font-size:13px}
.security-map-card{padding:22px 24px;border:1px solid #414746;border-radius:12px;background:#262a29;margin-bottom:14px}
.security-map-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.security-map-heading h3{margin:0;font-size:17px}
.security-map-heading .btn{min-height:38px;font-size:12px;flex-shrink:0}
.security-map-card>p{color:#9eaca6;font-size:12px;line-height:1.8;margin:16px 0 0}
.security-map-steps{padding:0;margin:20px 0 0;list-style:none;display:flex;gap:8px;flex-wrap:wrap}
.security-map-steps li{display:flex;gap:8px;align-items:center;flex:1;min-width:110px;padding:10px 12px;background:#303735;border:1px solid #45564e;border-radius:8px;font-size:12px}
.security-map-steps b{display:grid;place-items:center;border-radius:50%;background:#3b5e54;color:#adf4dc;width:23px;height:23px;flex-shrink:0;font-size:11px}
@media(max-width:600px){.security-map-card{padding:18px 14px}.security-map-heading h3{font-size:15px}.security-map-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.security-map-steps li{min-width:0;font-size:11px;padding:9px}.df-map-intro .ui-table{min-width:550px}}

.security-flow-reference{display:flex;align-items:center;flex-wrap:wrap;gap:6px 16px;margin-top:14px}
.security-flow-reference .security-flow-link{margin-top:0}
.security-flow-reference small{font-size:12px;line-height:1.6;color:#9aa9a6}
@media(max-width:480px){.security-flow-reference{gap:0 12px}.security-flow-reference small{font-size:11px}}
