/* DARK OKEY TEST | Yetki Merkezi usability fix | 24 Oct 2026
   Replaces nested horizontal scroll and overlapping sticky save with a single vertical editor.
   No game or permissions/state changes. */
html body dialog.darkSiteDialog.darkAuthorityDialog {
  width:min(880px,calc(100vw - 32px))!important;
  max-width:calc(100vw - 32px)!important;
  max-height:calc(100dvh - 36px)!important;
  overflow:hidden!important;
  overflow-x:hidden!important;
  box-sizing:border-box!important;
}
html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthorityHead,
html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthorityIntro,
html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthoritySearch {
  width:100%!important;max-width:100%!important;min-width:0!important;
  box-sizing:border-box!important;flex-shrink:0!important;
}
html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthorityResults {
  box-sizing:border-box!important;flex:1 1 auto!important;
  width:100%!important;max-width:100%!important;min-width:0!important;
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  align-content:start!important;
  overflow-y:auto!important;overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  padding:0 18px 20px!important;margin:0!important;
}
html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthorityResults > *,
html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthorityMember,
html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthorityEditor,
html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthoritySummary,
html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthorityGroup,
html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthorityDuration,
html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthorityPermissionGrid {
  box-sizing:border-box!important;min-width:0!important;
  width:100%!important;max-width:100%!important;
}
html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthorityEditor {
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
}
html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthorityPermissionGrid {
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthorityPermission {
  min-width:0!important;max-width:100%!important;box-sizing:border-box!important;
  white-space:normal!important;overflow-wrap:anywhere!important;
}
html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthorityPermission > span {
  min-width:0!important;flex:1 1 auto!important;white-space:normal!important;
  overflow-wrap:anywhere!important;
}
html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthorityPermission .darkAuthorityYesNo {
  flex:0 0 auto!important;margin-left:auto!important;
}
html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthorityPermission::after{
  content:none!important;display:none!important; /* the verdict is already in .darkAuthorityYesNo */
}
html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthoritySaveBar {
  position:static!important;bottom:auto!important;top:auto!important;
  z-index:auto!important;
  box-sizing:border-box!important;
  width:100%!important;max-width:100%!important;min-width:0!important;
  margin:8px 0 0!important;padding:14px 2px 3px!important;
  border-top:1px solid #3c5065!important;
  background:#141f2d!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:10px!important;
}
html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthorityFeedback {
  flex:1 1 auto!important;min-width:0!important;white-space:normal!important;
  overflow-wrap:anywhere!important;
}
html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthoritySave{
  flex:0 0 auto!important;position:static!important;
}
html body dialog.darkSiteDialog.darkAuthorityDialog details.darkAuthorityAssigned {
  display:block!important;flex:0 0 auto!important;
  box-sizing:border-box!important;width:calc(100% - 36px)!important;
  max-width:calc(100% - 36px)!important;min-width:0!important;
  margin:0 18px 14px!important;
  padding:0!important;border:1px solid #43536a!important;
  border-radius:12px!important;background:#182637!important;
  overflow:hidden!important;
}
html body dialog.darkSiteDialog.darkAuthorityDialog details.darkAuthorityAssigned > summary {
  display:flex!important;align-items:center!important;gap:10px!important;
  cursor:pointer!important;
  padding:12px 15px!important;
  color:#f1f5ff!important;font-weight:800!important;font-size:14px!important;
  list-style:none!important;
}
html body dialog.darkSiteDialog.darkAuthorityDialog details.darkAuthorityAssigned > summary::-webkit-details-marker{
  display:none!important;
}
html body dialog.darkSiteDialog.darkAuthorityDialog details.darkAuthorityAssigned > summary::after{
  content:"▾"!important;display:inline-block!important;
  margin-left:auto!important;color:#c7b3ef!important;font-weight:900!important;
}
html body dialog.darkSiteDialog.darkAuthorityDialog details.darkAuthorityAssigned[open] > summary::after{
  content:"▴"!important;
}
html body dialog.darkSiteDialog.darkAuthorityDialog details.darkAuthorityAssigned:not([open]) > :not(summary){
  display:none!important;
}
html body dialog.darkSiteDialog.darkAuthorityDialog details.darkAuthorityAssigned[open] > :not(summary){
  margin:0 14px 12px!important;
}
html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthorityAssignedRows {
  overflow-y:auto!important;overflow-x:hidden!important;
  max-height:165px!important;min-width:0!important;
}
html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthorityAssignedItem {
  box-sizing:border-box!important;min-width:0!important;max-width:100%!important;
}
@media(max-width:720px){
  html body dialog.darkSiteDialog.darkAuthorityDialog {
    width:calc(100vw - 16px)!important;
    max-width:calc(100vw - 16px)!important;
    max-height:calc(100dvh - 16px)!important;
  }
  html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthorityResults{
    padding:0 10px 16px!important;
  }
  html body dialog.darkSiteDialog.darkAuthorityDialog details.darkAuthorityAssigned{
    margin:0 10px 10px!important;
    width:calc(100% - 20px)!important;max-width:calc(100% - 20px)!important;
  }
}
@media(max-width:600px){
  html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthorityPermissionGrid{
    grid-template-columns:minmax(0,1fr)!important;
  }
  html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthoritySaveBar{
    align-items:center!important;flex-wrap:wrap!important;
    gap:8px!important;
  }
}