#credentialDialog{z-index:140;padding:16px}
#credentialDialog .modal{width:520px;max-width:100%;border-radius:8px;gap:14px;letter-spacing:0}
#credentialForm{display:flex;flex-direction:column;gap:12px;min-width:0}
#credentialForm label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600}
#credentialForm input,#credentialForm select{border-radius:6px;min-width:0;letter-spacing:0}
#credentialForm .credential-toggle{flex-direction:row;align-items:center}
#credentialForm .credential-toggle input{width:16px;height:16px}
.credential-rules{margin:0;color:var(--ink-soft);font-size:12px;line-height:1.65;overflow-wrap:anywhere}
.credential-error{color:#bd283b;font-size:13px;line-height:1.6;min-height:20px;overflow-wrap:anywhere}
.credential-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:4px}
.credential-actions button,.member-actions button{font-family:inherit;font-size:12px;border:1px solid var(--line);background:#fff;color:var(--ink);padding:8px 12px;border-radius:6px;cursor:pointer}
.credential-actions button[type=submit]{background:var(--ink);color:#fff}
.credential-actions button:disabled{opacity:.5;cursor:wait}
.member-actions{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.member-actions button{padding:6px 8px;white-space:nowrap}
#memberTable .tr{grid-template-columns:minmax(0,1.8fr) minmax(90px,1fr) minmax(70px,.8fr) 112px}
#memberTable .nm,#memberTable .em{overflow-wrap:anywhere;white-space:normal}
#addMemberBox{justify-content:flex-end;margin-bottom:12px}
#credentialForm [hidden]{display:none}
@media(max-width:600px){
  #credentialDialog .modal{padding:18px;max-height:calc(100dvh - 32px)}
  #memberTable .tr{grid-template-columns:minmax(0,1fr) minmax(90px,.7fr);gap:8px}
  #memberTable .tr.th{display:none}
  .member-actions{justify-content:flex-end}
  #acctBg .mtabs{max-width:100%;flex-wrap:wrap}
}