/* New access-screen proposal. Reference colors, Onest files, spacing and controls are reused. */
.access-app{width:100%;max-width:430px;margin:0 auto;height:100dvh;min-height:320px}
.access-app p{margin:0}
.access-header{display:flex;align-items:center;gap:12px;padding:max(8px,env(safe-area-inset-top)) 16px 8px;min-height:64px;border-bottom:1px solid #DDE1DC;flex-shrink:0}
.access-wrap{overflow-wrap:anywhere;min-width:0}
.access-review{padding:8px 16px;font-size:13px;line-height:18px;background:#FFF2DC;color:#5C3600;flex-shrink:0}
.access-app .scr{padding-bottom:max(32px,env(safe-area-inset-bottom))}
.access-app select{font:inherit;color:inherit}
.access-app select:focus-visible{outline:3px solid #4C3BCF;outline-offset:2px}
.access-admin,.access-list,.access-fields{display:flex;flex-direction:column;gap:12px;min-width:0}
.access-fields{border:0;margin:0;padding:0}
.access-fields legend{margin-bottom:12px}
.access-account{width:100%;font-size:16px;line-height:24px;text-align:left;cursor:pointer}
.access-app .access-account:disabled{cursor:default;opacity:.65}
.access-history{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:16px}
.access-history li{padding-left:4px;overflow-wrap:anywhere}
.access-history li>*{display:block}
.access-confirm{border-color:#C9C2F2;background:#F1EFFD;scroll-margin:16px}
.access-review-nav{width:100%;box-sizing:border-box;max-width:430px;margin:0 auto;padding:8px 16px;display:flex;flex-wrap:wrap;gap:4px 8px;font:14px/20px 'Onest',system-ui,sans-serif;background:#fff;flex-shrink:0}
.access-review-nav a{color:#4C3BCF;min-height:44px;display:flex;align-items:center;padding:4px}
.access-review-page #root{height:100dvh;display:flex;flex-direction:column;align-items:center}
.access-review-page .access-app{height:auto;flex:1;min-height:0}