.role-identity{margin:18px 0;border:1px solid #dfe4d8;border-radius:16px;padding:18px;background:#fffefa;color:#191d18}
.role-identity-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.role-identity-caption{font-size:11px;letter-spacing:.05em;margin:0 0 5px;color:#191d18}
.role-identity h2{margin:0;font-size:21px;font-weight:600;line-height:1.4;color:#191d18}
.role-identity-button{border:1px solid #d7dfcc;background:#eef1e9;border-radius:999px;padding:10px 14px;min-height:44px;font-size:13px;white-space:nowrap;color:#191d18}
.role-identity-note{font-size:12px;line-height:1.7;margin:13px 0 0;color:#191d18}
.role-identity-return{display:block;min-height:40px;margin-top:8px;padding:6px 0;text-decoration:underline;text-underline-offset:4px;font-size:12px;color:#191d18}
.role-identity-demo{border:1px solid #e1e4da;border-radius:12px;margin:24px 0 8px;padding:12px 14px;color:#191d18;background:#f5f5ee}
.role-identity-demo summary{cursor:pointer;font-size:12px;min-height:22px}
.role-identity-demo p{font-size:12px;line-height:1.8;margin:10px 0 12px}
.role-identity-demo-options{display:flex;flex-wrap:wrap;gap:8px}
.role-identity-demo-options button{font-size:12px;min-height:42px;padding:8px 12px;border:1px solid #d7ddcf;background:#fffefa;border-radius:9px;color:#191d18}
.role-identity-demo-options button[aria-pressed="true"]{border-color:#647459;background:#e8eddf;font-weight:600}
.role-identity-sheet{padding:2px 2px 20px;color:#191d18}
.role-identity-sheet>p{font-size:13px;line-height:1.8;margin:0 0 20px}
.role-identity-choices{display:grid;gap:10px}
.role-identity-choices button{display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;width:100%;min-height:74px;border:1px solid #dfe4d8;border-radius:12px;padding:14px 16px;background:#fffefa;color:#191d18}
.role-identity-choices button:disabled{opacity:1;background:#eef1e8;border-color:#b9c4ab}
.role-identity-choices span{font-size:16px;font-weight:600}
.role-identity-choices small{display:block;font-size:11px;font-weight:400;line-height:1.8;margin-top:4px}
.role-identity-choices strong{font-size:12px;font-weight:500;white-space:nowrap}
body.brand-ui #modal-root .purchase-sheet:has(>.modal-body>.role-identity-sheet){height:auto;max-height:75dvh}
.purchase-sheet:has(>.modal-body>.role-identity-sheet) .purchase-sheet-head{height:58px;display:flex;align-items:center;justify-content:center;flex:none}
.purchase-sheet:has(>.modal-body>.role-identity-sheet) .purchase-sheet-head h1{position:static;width:auto;height:auto;clip-path:none;white-space:normal;font-size:19px;font-weight:600;margin:0}
body.brand-ui #modal-root .purchase-sheet:has(>.modal-body>.role-identity-sheet) .purchase-sheet-close{top:12px;right:12px;background:transparent;border:0;color:#191d18!important}
body.brand-ui #modal-root .purchase-sheet:has(>.modal-body>.role-identity-sheet)>.modal-body{display:block;overflow-y:auto;overscroll-behavior:contain;padding:20px 20px max(20px,env(safe-area-inset-bottom))}
.purchase-sheet:has(>.modal-body>.role-identity-sheet) .role-identity-sheet{padding:0}