#panel-access .users-content{padding:0;max-width:900px;margin:0 auto}
#panel-access .users-introduction{max-width:650px;color:var(--muted,#6e7077);font-size:.9rem;line-height:1.65}
#panel-access .owner-summary,#panel-access .invite-section{margin-top:20px;background:#fff;border:1px solid var(--line,#e2e4e8);border-radius:12px}
#panel-access .owner-summary{padding:18px 22px}
#panel-access .invite-section>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:58px;padding:16px 22px;border-radius:12px;color:var(--blue,#0067d8);font-size:.875rem;font-weight:600;cursor:pointer;list-style:none}
#panel-access .invite-section>summary::-webkit-details-marker{display:none}
#panel-access .invite-section>summary::after{content:"+";font-size:1.25rem;font-weight:400;line-height:1}
#panel-access .invite-section[open]>summary::after{content:"\2212"}
#panel-access .invite-section>summary:hover{background:#f6f7f9}
#panel-access .invite-section>summary:focus-visible{outline:3px solid #92b9f5;outline-offset:3px}
#panel-access .invite-content{padding:20px 22px 24px;border-top:1px solid #e9ebef}
#panel-access .owner-summary :is(h2,h3),#panel-access .invite-section :is(h2,h3),#panel-access .users-heading :is(h2,h3){margin:0;font-size:1rem;font-weight:600;line-height:1.4;letter-spacing:-.015em}
#panel-access .owner-summary p{display:flex;flex-wrap:wrap;gap:6px 18px;margin:12px 0 0;font-size:.875rem}
#panel-access .owner-summary #owner-identity{color:var(--muted,#6e7077);overflow-wrap:anywhere}
#panel-access .invite-content>p{margin:0;max-width:660px;color:var(--muted,#6e7077);font-size:.875rem;line-height:1.65}
#panel-access #invite-form{margin-top:24px}
#panel-access #invite-fields,#panel-access .user-fields{border:0;padding:0;margin:0;min-width:0}
#panel-access .permissions{border:0;padding:0;margin:22px 0;min-width:0}
#panel-access .permissions legend{padding:0;margin:0 0 8px;font-size:.875rem;font-weight:600}
#panel-access .permission-options{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;max-width:760px}
#panel-access .permission-option{display:flex;align-items:center;gap:10px;min-height:44px;padding:7px 0;font-size:.875rem;font-weight:400;cursor:pointer}
#panel-access .permission-option input{width:18px;height:18px;min-height:18px;flex-shrink:0;margin:0;accent-color:var(--blue,#0067d8)}
#panel-access .permissions .hint{margin-top:8px;font-size:.8125rem;color:var(--muted,#6e7077)}
#panel-access .invitation-panel{margin-top:24px;padding:22px 24px;border:1px solid #bed6f0;border-radius:12px;background:#f1f7fe}
#panel-access .invitation-panel>p{margin-top:8px;font-size:.875rem}
#panel-access .invitation-panel>.field{margin-top:16px}
#panel-access .invitation-panel>button{margin-top:12px}
#panel-access #invitation-link{font-size:.875rem}
#panel-access .accounts-section{margin-top:32px}
#panel-access .users-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 14px}
#panel-access #user-total{color:var(--muted,#6e7077);font-size:.8125rem}
#panel-access #users-status:empty{display:none}
#panel-access #users-status,#panel-access #reload-users,#panel-access #users-empty{margin:0 0 16px;font-size:.875rem}
#panel-access #user-list:not(:empty){border:1px solid var(--line,#e2e4e8);border-radius:12px;background:white;overflow:hidden}
#panel-access .user-row{border:0;border-bottom:1px solid #e9ebef}
#panel-access .user-row:last-child{border-bottom:0}
#panel-access .user-row>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:78px;padding:17px 22px;cursor:pointer;list-style:none}
#panel-access .user-row>summary::-webkit-details-marker{display:none}
#panel-access .user-row>summary::after{content:"";width:7px;height:7px;flex:0 0 7px;border-right:1.5px solid #777e89;border-bottom:1.5px solid #777e89;transform:rotate(45deg);margin:0 2px 4px 0}
#panel-access .user-row[open]>summary::after{transform:rotate(225deg);margin-top:7px}
#panel-access .user-row>summary:hover{background:#f6f7f9}
#panel-access .user-identity{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}
#panel-access .user-identity strong{color:#242a33;font-size:.9375rem;font-weight:600;overflow-wrap:anywhere}
#panel-access .user-username{color:var(--muted,#6e7077);font-size:.8125rem;overflow-wrap:anywhere}
#panel-access .user-state{color:#626c78;background:#f0f2f5;border-radius:6px;padding:4px 8px;font-size:.75rem;overflow-wrap:anywhere}
#panel-access .user-form{border-top:1px solid #e9ebef;padding:20px 22px 24px;background:#fafbfc}
#panel-access .user-form .field{max-width:500px}
#panel-access .user-actions{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap}
#panel-access .user-actions button{min-height:44px;font-size:.8125rem}
#panel-access .user-actions .disable-user{color:#ad382f}
#panel-access .user-change-status{margin:12px 0 0;font-size:.8125rem;color:var(--muted,#6e7077)}
#panel-access input:not([type=checkbox]){min-height:44px}
.activation-page .auth-panel>form{margin-top:24px}.activation-page .auth-panel form>.field{margin-bottom:20px}#activation-success p{margin-top:10px}#activation-success a{display:inline-flex;align-items:center;min-height:44px;margin-top:10px}#activation-validation{margin-bottom:16px;font-size:.9375rem}
@media(max-width:640px){#panel-access .owner-summary,#panel-access .invitation-panel{padding:19px 17px}#panel-access .invite-section>summary{padding:16px}#panel-access .invite-content{padding:18px 16px}#panel-access .permission-options{grid-template-columns:1fr}#panel-access .user-row>summary{padding:16px;gap:10px}#panel-access .user-state{max-width:100px;text-align:center;font-size:.6875rem}#panel-access .user-form{padding:18px 16px}#panel-access input:not([type=checkbox]){font-size:16px}#panel-access .user-actions{align-items:stretch}#panel-access .user-actions .save-user{width:100%}}
