.access-dialog { width: min(460px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); box-sizing: border-box; overflow-y: auto; border: 1px solid #d4cec5; border-radius: 18px; padding: 28px; background: #fffdf8; color: #29251e; }
.access-dialog::backdrop { background: rgba(25, 23, 20, .65); }
.access-dialog h2 { font-size: 1.5rem; margin: 0 0 12px; }
.access-dialog p { line-height: 1.6; }
.access-dialog section:not([hidden]), .access-dialog form, .access-settings { display: grid; gap: 14px; }
.access-dialog label, .access-settings label { display: grid; gap: 6px; }
.access-dialog input, .access-settings input { min-width: 0; width: 100%; box-sizing: border-box; padding: 12px; }
.access-dialog button { width: 100%; min-height: 44px; margin: 5px 0; padding: 12px; white-space: normal; }
.access-business { display: grid; gap: 5px; text-align: left; }
.access-business span { font-size: .85rem; }
.access-settings { margin: 20px 0; padding: 16px; border: 1px solid #d4cec5; border-radius: 12px; }
.access-dialog [hidden], .access-settings [hidden] { display: none !important; }
.access-dialog [role="alert"] { color: #a52828; }
.access-dialog button, .access-settings button { font: inherit; border: 1px solid #d4cec5; border-radius: 10px; background: #fffdf8; color: inherit; cursor: pointer; }
.access-dialog button[type="submit"], .access-dialog [data-access-role="owner"] { background: #29251e; color: #fffdf8; }
.access-dialog button:focus-visible, .access-settings button:focus-visible { outline: 3px solid #807091; outline-offset: 3px; }
.access-dialog button:disabled { cursor: not-allowed; opacity: .55; }