@import url('/auth-gate.css');
.real-auth-panel{margin-bottom:23px;border:1px solid #e5e3d9;background:#fffce9;border-radius:17px;padding:22px 24px}
.real-auth-header{display:flex;justify-content:space-between;align-items:start;gap:20px}
.real-auth-header h2{font-size:19px;letter-spacing:-.5px;margin:5px 0}
.real-auth-header p{font-size:12px}
.real-auth-kicker{font-size:10px;color:#bb3e23;letter-spacing:1.5px;font-weight:800}
.real-auth-readonly{padding:7px 11px;border-radius:30px;background:#f9d5ca;color:#8b3421;font-size:11px;font-weight:700;white-space:nowrap}
.real-auth-form{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px;margin-top:19px}
.real-auth-form label{font-size:11px;font-weight:700;color:#4d4942;flex:1;min-width:170px}
.real-auth-form input{display:block;margin-top:7px;width:100%;padding:12px 13px;background:#fff;border:1px solid #d9d6cd;border-radius:9px;color:#1e1e1d}
.real-auth-form button{min-height:42px}
.real-auth-form button:disabled{opacity:.6;cursor:wait}
.real-auth-note{margin-top:13px;font-size:11px;color:#6f6b61}
.real-auth-error{margin-top:12px!important;color:#a42b20;font-size:12px}
.real-auth-memberships{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.real-auth-membership{background:#fff;border:1px solid #e1ded3;border-radius:11px;padding:13px 16px;min-width:230px;display:grid;gap:5px}
.real-auth-membership strong{text-transform:capitalize;color:#25201e}
.real-auth-membership span,.real-auth-membership small{color:#77736c;font-size:11px}
.real-auth-warning{background:#fff;padding:12px;border-radius:9px;color:#9d4a28;font-size:12px}
.real-auth-link{display:inline-block;background:transparent;border:0;padding:10px 0 0;color:#bb3e23;font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.real-auth-admin{margin-top:22px;padding-top:20px;border-top:1px solid #ddd7cc}
.real-auth-admin-head{display:flex;justify-content:space-between;align-items:end;gap:14px;flex-wrap:wrap}
.real-auth-admin-head h3{font-size:17px;margin:0 0 4px}
.real-auth-admin-head p{font-size:11px;color:#726a61;margin:0}
.real-auth-admin-head label{font-size:11px;font-weight:700}
.real-auth-admin select,.real-auth-form select,.real-auth-user-actions select{display:block;background:white;border:1px solid #d9d6cd;border-radius:9px;color:#1e1e1d;padding:10px;max-width:100%;font-size:12px}
.real-auth-form select{margin-top:7px;width:100%}
.real-auth-info{font-size:11px;padding-bottom:12px;color:#6f6b61}
.real-auth-user-list{margin-top:17px;border:1px solid #e6e1d7;border-radius:12px;overflow:hidden;background:#fff}
.real-auth-user{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:13px 15px;border-bottom:1px solid #eee9df}
.real-auth-user:last-child{border-bottom:0}
.real-auth-user strong{font-size:12px;display:block;overflow-wrap:anywhere}
.real-auth-user small{display:block;font-size:10px;color:#7a736c;margin-top:4px}
.real-auth-user-actions,.realChangeRole{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.real-auth-user-actions .btn{font-size:11px;padding:9px 12px}
@media(max-width:780px){.real-auth-panel{padding:18px}.real-auth-header{flex-direction:column}.real-auth-form{display:block}.real-auth-form label{display:block;margin:10px 0}.real-auth-form button{margin-top:8px}}
@media(max-width:780px){.real-auth-user{display:block}.real-auth-user-actions{margin-top:10px}}
