#viewAccess{padding:24px!important;box-sizing:border-box}
#viewAccess label{padding:0;margin:0 0 8px;display:block}
#viewAccess form{margin:20px 0!important;padding:0!important}
#viewAccess .view-access-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:stretch}
#viewAccess .view-access-search>*{box-sizing:border-box;width:auto!important;max-width:100%;min-width:0;margin:0!important;min-height:52px}
#viewAccess button{margin:0;white-space:normal}
#viewAccess [data-accounts]>article{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;border-top:1px solid #444}
#viewAccess article>div{min-width:0;overflow-wrap:anywhere}
#viewAccess article strong,#viewAccess article small{display:block;line-height:1.5}
#viewAccess article small{margin-top:8px}
#viewAccess article small:empty{display:none}
#viewAccess article button{flex-shrink:0;padding:12px 20px;min-width:130px}
@media(max-width:650px){#viewAccess{padding:18px!important}#viewAccess .view-access-search{grid-template-columns:minmax(0,1fr)}#viewAccess [data-accounts]>article{align-items:stretch;flex-direction:column}}
#viewAccess [data-accounts] .account-actions{display:inline-flex!important;align-items:center!important;flex-wrap:wrap!important;gap:7px!important;flex:0 0 auto!important;width:auto!important;max-width:100%!important;margin-left:8px!important}
#viewAccess [data-accounts] .account-actions>button:is(.account-pencil,.account-eye){appearance:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;flex:0 0 32px!important;inline-size:32px!important;block-size:32px!important;min-inline-size:32px!important;max-inline-size:32px!important;min-block-size:32px!important;max-block-size:32px!important;padding:6px!important;margin:0!important;border:1px solid #666!important;background:transparent!important;color:#eee!important;line-height:1!important}
#viewAccess [data-accounts] .account-actions>button:hover{border-color:#ff0!important;color:#ff0!important}
#viewAccess [data-accounts] .account-actions svg{display:block!important;inline-size:17px!important;block-size:17px!important;max-inline-size:17px!important;max-block-size:17px!important}
dialog.account-editor,
dialog.artist-profile-editor{
  width:min(600px,calc(100vw - 32px))!important;
  max-width:600px!important;
  max-height:calc(100dvh - 48px)!important;
  margin:auto!important;
  padding:22px!important;
  overflow:auto!important;
  box-sizing:border-box!important;
  border:1px solid #f6ff00!important;
  background:#181818!important;
  color:#f6f6f6!important;
}
dialog.account-editor::backdrop,
dialog.artist-profile-editor::backdrop{background:rgba(0,0,0,.78)}
#viewAccess .account-editor [data-editor-context],
#viewAccess .artist-profile-editor [data-artist-context]{overflow-wrap:anywhere;line-height:1.45}
#viewAccess .account-editor form,
#viewAccess .artist-profile-editor form{margin:12px 0!important;padding:0!important}
#viewAccess .account-editor label,
#viewAccess .artist-profile-editor label{display:block;margin:12px 0!important}
#viewAccess .account-editor input,
#viewAccess .artist-profile-editor input{display:block;width:100%!important;box-sizing:border-box;margin-top:5px}
#viewAccess .account-editor-close{display:flex;justify-content:flex-end}
#viewAccess .account-editor-actions,
#viewAccess .artist-editor-actions{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:650px){dialog.account-editor,dialog.artist-profile-editor{width:calc(100vw - 20px)!important;max-height:calc(100dvh - 20px)!important;padding:16px!important}}
#viewAccess [data-accounts]>article>div>div:first-child{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:6px!important}