.web-access-form { display:grid; gap:16px; text-align:left; }
.view.settings-view { display:grid; align-content:start; gap:12px; }
.view.settings-view .settings-lead,.view.settings-view .web-session-note { margin:0; }
.modal .web-access-form input { font-size:16px; }
.modal .modal-icon { color:var(--on-mint); }
.modal:has(.web-access-form) #modal-action { color:var(--text); background:var(--panel-2); border:1px solid var(--line-2); }
.web-access-form p { margin:0; line-height:1.5; }
.web-access-form label { display:grid; gap:8px; font-size:14px; font-weight:600; }
.web-access-form input { min-width:0; width:100%; min-height:48px; padding:12px; border:1px solid var(--line-2); border-radius:12px; background:var(--panel-2); color:var(--text); font:inherit; font-size:16px; }
.web-access-form small { color:var(--muted); line-height:1.5; }
.web-form-status:empty { display:none; }
.web-form-status { color:var(--danger); overflow-wrap:anywhere; }
.web-security-actions { display:grid; gap:12px; }
.web-security-actions .button { min-height:48px; white-space:normal; }
.web-session-note { padding:16px; border:1px solid var(--line); border-radius:16px; background:var(--panel); line-height:1.5; color:var(--muted); }
.account-check { display:grid; place-items:center; min-height:100svh; padding:24px; }
.account-check > .panel { width:100%; max-width:420px; display:grid; gap:16px; }
.account-check h1 { margin:0; font-size:24px; }
.account-check p { margin:0; color:var(--muted); line-height:1.6; }