#jfSecurityCard{grid-column:1/-1}#jfSecurityCard h3{margin:0}.jf-security-heading{display:flex;align-items:center;gap:12px}.jf-security-heading>span{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;color:var(--accent2);background:color-mix(in srgb,var(--accent) 15%,var(--surface));font-size:30px}#jfSecurityCard .ft-action-row{display:flex;flex-wrap:wrap;gap:10px}#jfSecurityCard details{margin-top:20px}#jfSecurityCard summary{cursor:pointer;padding:12px 0;font-weight:600}#jfSecurityStatus,#jfSecurityError{font-size:13px;line-height:1.6;overflow-wrap:anywhere}#jfSecurityError{color:var(--red)}.jf-security-session{display:grid;gap:5px;padding:12px 0;border-top:1px solid var(--border)}.jf-security-session small{color:var(--muted)}
#jfSecurityDialog{z-index:24000;width:min(460px,calc(100% - 24px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid var(--border);border-radius:22px;padding:24px;background:var(--surface);color:var(--text);box-shadow:0 24px 80px #0008}#jfSecurityDialog::backdrop{background:#050815ce;backdrop-filter:blur(6px)}#jfSecurityDialog h2{font-size:23px;margin:0 0 12px}#jfSecurityDialog p{font-size:14px;line-height:1.6;color:var(--muted)}#jfSecurityDialog label{display:grid;gap:8px;font-size:13px;margin:16px 0}#jfSecurityDialog input:not([type=checkbox]),#jfSecurityDialog select{width:100%;min-height:48px;border:1px solid var(--border);border-radius:11px;background:var(--surface2);color:var(--text);font:inherit;padding:12px}#jfSecurityCode{font-size:24px!important;letter-spacing:.35em;font-variant-numeric:tabular-nums}#jfSecurityDialog form .btn{width:100%;min-height:48px}#jfSecurityCancel{margin-top:12px;width:100%}#jfSecurityQR{display:block;width:200px;max-width:100%;margin:16px auto;padding:10px;border-radius:12px;background:white}#jfSecuritySecret{display:block;overflow-wrap:anywhere;user-select:all;padding:12px 0}#jfSecurityDialog .jf-security-backup{display:flex;align-items:flex-start;gap:10px;line-height:1.5}#jfSecurityBackup{width:18px;height:18px;flex:none;accent-color:var(--accent)}
@media(max-width:600px){#jfSecurityCard .ft-action-row{display:grid;grid-template-columns:1fr}#jfSecurityCard .btn{min-height:48px;width:100%}#jfSecurityDialog{padding:20px}#jfSecurityCard{padding:20px!important}}