.auth-tabs{margin:22px 0}.auth-tabs[hidden],.auth-google[hidden],#mfa-form[hidden],#login-form[hidden]{display:none!important}
.auth-notice{padding:14px;border:1px solid var(--border);border-radius:10px;margin:14px 0;text-align:left;line-height:1.6;overflow-wrap:anywhere}
.auth-google{display:grid;gap:12px;margin-top:20px}.auth-google .btn{justify-content:center;text-decoration:none}
.login-card #mfa-form{display:grid;gap:14px}.login-card input{font-size:max(max(var(--grabr-text-floor, 0px), calc(16px * var(--grabr-type-scale, 1))),1em)}
.saas-security{padding:18px 20px}.saas-security summary{cursor:pointer;font-weight:600;min-height:44px;align-content:center}
.saas-security label{display:grid;gap:8px;margin:14px 0}.saas-security input,.saas-toolbar input,.saas-toolbar select{width:100%;min-width:0;font-size:max(var(--grabr-text-floor, 0px), calc(16px * var(--grabr-type-scale, 1)));min-height:44px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface,var(--bg));color:inherit}
.saas-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px}
.saas-actions,.saas-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.saas-actions{margin:10px 0}.saas-toolbar input{flex:1 1 200px}.saas-toolbar select{flex:1 1 150px;width:auto}
.saas-user{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid var(--border)}.saas-user>div{min-width:0}.saas-user strong{overflow-wrap:anywhere}.saas-user .saas-actions{flex-shrink:0}
.saas-badge{font-size:max(var(--grabr-text-floor, 0px), calc(10px * var(--grabr-type-scale, 1)));letter-spacing:.08em;border:1px solid var(--border);padding:4px 7px;border-radius:4px;white-space:nowrap}.saas-error{color:var(--danger,#fb7185)}
.saas-secret{display:block;white-space:pre-wrap;overflow-wrap:anywhere;padding:12px;border:1px solid var(--border);border-radius:8px;user-select:text}.saas-qr{display:block;width:200px;max-width:100%;height:auto;border:8px solid white;border-radius:8px;margin:12px 0}
.pull-refresh{position:fixed;top:calc(76px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%,-12px);z-index:45;pointer-events:none;display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--surface,var(--bg,#142124));color:var(--text,#e4eeee);border:1px solid var(--border,#345);border-radius:24px;box-shadow:0 5px 20px #0002;font-size:max(var(--grabr-text-floor, 0px), calc(12px * var(--grabr-type-scale, 1)));opacity:0}
.pull-refresh[data-visible="true"]{opacity:1}.pull-refresh-symbol{display:inline-block}.pull-refresh[data-loading="true"] .pull-refresh-symbol{animation:pull-spin .8s linear infinite}
@keyframes pull-spin{to{transform:rotate(360deg)}}
@media(max-width:540px){.saas-user{align-items:flex-start;flex-direction:column}.saas-user .saas-actions{margin:0}.saas-security{padding:14px}.auth-tabs .seg{min-height:44px}}
@media(prefers-reduced-motion:reduce){.pull-refresh[data-loading="true"] .pull-refresh-symbol{animation:none}}