/* DARK OKEY TEST | Yetki Merkezi - sol oyuncu listesi, sag yetki paneli | 2026-10-24 */
html body dialog.darkSiteDialog.darkAuthorityDialog{
  display:flex!important;flex-direction:column!important;
  width:min(1180px,calc(100vw - 32px))!important;
  max-width:calc(100vw - 32px)!important;
  height:min(900px,calc(100dvh - 32px))!important;
  max-height:calc(100dvh - 32px)!important;
  padding:0!important;overflow:hidden!important;overflow-x:hidden!important;
}
html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthorityWorkspace{
  flex:1 1 auto!important;
  min-height:0!important;min-width:0!important;
  max-width:100%!important;width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(265px,310px) minmax(0,1fr)!important;
  grid-template-rows:minmax(0,1fr)!important;
  gap:14px!important;padding:12px 18px 18px!important;
  margin:0!important;overflow:hidden!important;
  box-sizing:border-box!important;
}
html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthorityRoster,
html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthorityDetails{
  box-sizing:border-box!important;min-height:0!important;min-width:0!important;
  max-width:100%!important;
  border:1px solid #3b4f65!important;border-radius:14px!important;
  background:#162234!important;
  overflow-y:auto!important;overflow-x:hidden!important;
  overscroll-behavior:contain!important;
}
html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthorityRoster{
  display:flex!important;flex-direction:column!important;gap:10px!important;
  padding:14px!important;
}
html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthorityDetails{
  display:flex!important;flex-direction:column!important;gap:12px!important;
  padding:16px!important;background:#1b2a3c!important;
}
html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthorityPaneTitle{
  padding:0!important;margin:0!important;color:#eff5ff!important;
  font-size:18px!important;font-weight:850!important;line-height:1.3!important;
}
html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthorityRosterHint{
  font-size:12px!important;color:#b3c6d7!important;
  margin:0!important;padding:0!important;
}
html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthoritySearch{
  box-sizing:border-box!important;display:grid!important;
  grid-template-columns:minmax(0,1fr) 68px!important;
  gap:7px!important;width:100%!important;min-width:0!important;
  padding:0!important;margin:0!important;max-width:100%!important;
  flex:0 0 auto!important;
}
html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthoritySearch input{
  width:100%!important;min-width:0!important;
  min-height:42px!important;
}
html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthoritySearch button{
  box-sizing:border-box!important;min-width:0!important;
  width:68px!important;min-height:42px!important;
  padding:8px!important;
}
html body dialog.darkSiteDialog.darkAuthorityDialog details.darkAuthorityAssigned{
  flex:0 0 auto!important;width:100%!important;max-width:100%!important;
  min-width:0!important;min-height:0!important;
  margin:0!important;padding:0!important;
}
html body dialog.darkSiteDialog.darkAuthorityDialog details.darkAuthorityAssigned > summary{
  padding:11px!important;font-size:13px!important;
}
html body dialog.darkSiteDialog.darkAuthorityDialog details.darkAuthorityAssigned[open] > :not(summary){
  margin:0 9px 9px!important;
}
html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthorityAssignedRows{
  max-height:190px!important;
  display:flex!important;flex-direction:column!important;gap:6px!important;
  min-width:0!important;
  overflow-y:auto!important;overflow-x:hidden!important;
}
html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthorityAssignedItem{
  width:100%!important;max-width:100%!important;
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  justify-content:start!important;justify-items:start!important;
  gap:2px!important;overflow-wrap:anywhere!important;
  padding:9px!important;min-height:0!important;
}
html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthorityAssignedItem b{
  flex:none!important;min-width:0!important;
}
html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthorityResults{
  box-sizing:border-box!important;display:flex!important;flex-direction:column!important;
  flex:0 0 auto!important;overflow:visible!important;
  min-height:0!important;max-height:none!important;
  width:100%!important;max-width:100%!important;min-width:0!important;
  gap:8px!important;margin:0!important;padding:0 0 8px!important;
}
html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthorityMember.darkAuthorityPerson{
  display:flex!important;flex-direction:column!important;gap:8px!important;
  box-sizing:border-box!important;min-width:0!important;
  width:100%!important;max-width:100%!important;
  margin:0!important;padding:10px!important;
  border:1px solid #344963!important;border-radius:10px!important;
  background:#213046!important;
}
html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthorityPerson[data-selected="true"]{
  border:2px solid #80d9b5!important;background:#1b493e!important;
}
html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthorityPerson .darkAuthorityIdentity{
  display:flex!important;flex-wrap:wrap!important;gap:5px!important;
  min-width:0!important;justify-content:flex-start!important;
}
html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthorityPerson .darkAuthorityIdentity strong{
  font-size:13px!important;
}
html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthorityPerson .darkAuthorityEdit{
  min-height:34px!important;padding:7px 9px!important;
  width:100%!important;justify-self:stretch!important;
  font-size:12px!important;
}
html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthorityDetailContent{
  display:flex!important;flex-direction:column!important;
  min-width:0!important;width:100%!important;max-width:100%!important;
  gap:13px!important;
}
html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthorityDetailEmpty{
  display:flex!important;flex-direction:column!important;align-items:center!important;
  justify-content:center!important;gap:12px!important;
  text-align:center!important;
  min-height:270px!important;
  padding:28px!important;border:1px dashed #536880!important;
  border-radius:12px!important;background:#1a2b40!important;
}
html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthorityDetailEmpty span{
  font-size:38px!important;color:#d4b0ff!important;
}
html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthorityDetailEmpty strong{
  font-size:18px!important;color:#eff5fd!important;
}
html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthorityDetailEmpty p{
  font-size:13px!important;color:#adc4da!important;
  line-height:1.5!important;max-width:350px!important;margin:0!important;
}
html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthorityExisting{
  display:flex!important;flex-direction:column!important;gap:8px!important;
  box-sizing:border-box!important;
  width:100%!important;max-width:100%!important;
  padding:14px!important;background:#1f3b37!important;
  border:1px solid #448b70!important;border-radius:12px!important;
}
html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthorityExisting h4{
  margin:0!important;color:#b3eed5!important;
  font-size:14px!important;font-weight:850!important;
}
html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthorityExistingList{
  display:flex!important;flex-wrap:wrap!important;
  align-items:center!important;gap:6px!important;
}
html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthorityExisting .darkAuthorityPill{
  background:#245c48!important;color:#dcfff1!important;
  border:1px solid #519577!important;
}
html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthoritySummary{
  background:#30233f!important;
  border-color:#735a92!important;
}
html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthoritySummary > strong{
  color:#f5dfff!important;
}
html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthoritySaveBar{
  position:static!important;bottom:auto!important;
  border-top:1px solid #4b5f74!important;
  margin:9px 0 0!important;padding:14px 2px 2px!important;
  background:#1b2a3c!important;
}
@media(max-width:760px){
  html body dialog.darkSiteDialog.darkAuthorityDialog{
    width:calc(100vw - 12px)!important;max-width:calc(100vw - 12px)!important;
    height:calc(100dvh - 12px)!important;max-height:calc(100dvh - 12px)!important;
  }
  html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthorityWorkspace{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:minmax(130px,31%) minmax(0,1fr)!important;
    gap:8px!important;padding:8px!important;
  }
  html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthorityRoster{
    padding:10px!important;gap:6px!important;
  }
  html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthorityDetails{
    padding:11px!important;gap:10px!important;
  }
  html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthorityPaneTitle{
    font-size:15px!important;
  }
  html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthorityPermissionGrid{
    grid-template-columns:minmax(0,1fr)!important;
  }
}


/* Long "Başkalarına yetki verme" help text was flex-basis:100% on a NON-wrap
   flex line, collapsing the main label to one character. One readable row per
   permission is safer in the right-side editor. */
html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthorityDetails .darkAuthorityPermissionGrid{
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  gap:7px!important;
}
html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthorityDetails label.darkAuthorityPermission{
  box-sizing:border-box!important;
  width:100%!important;max-width:100%!important;min-width:0!important;
  display:grid!important;
  grid-template-columns:24px minmax(0,1fr) auto!important;
  grid-template-rows:auto!important;
  align-items:center!important;
  column-gap:9px!important;row-gap:5px!important;
  padding:10px 12px!important;
  white-space:normal!important;
}
html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthorityDetails label.darkAuthorityPermission > input[type=checkbox]{
  grid-column:1!important;
  grid-row:1!important;
  justify-self:start!important;
  width:21px!important;min-width:21px!important;
  height:21px!important;min-height:21px!important;
}
html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthorityDetails label.darkAuthorityPermission > span{
  grid-column:2!important;
  grid-row:1!important;
  display:block!important;
  width:auto!important;max-width:100%!important;min-width:0!important;
  white-space:normal!important;word-break:normal!important;
  overflow-wrap:break-word!important;
  line-height:1.4!important;
}
html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthorityDetails label.darkAuthorityPermission > b.darkAuthorityYesNo{
  grid-column:3!important;grid-row:1!important;
  justify-self:end!important;
  flex:0 0 auto!important;
  margin:0!important;
  white-space:nowrap!important;
}
html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthorityDetails label.darkAuthorityPermission > small{
  grid-column:2 / 4!important;
  grid-row:2!important;
  display:block!important;
  width:auto!important;max-width:100%!important;min-width:0!important;
  margin:0!important;
  flex:initial!important;flex-basis:auto!important;
  white-space:normal!important;
  word-break:normal!important;overflow-wrap:break-word!important;
  line-height:1.45!important;
  font-size:11px!important;
}
html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthorityDetails label.darkAuthorityPermission::after{
  content:none!important;
  display:none!important;
}
html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthorityDetails .darkAuthorityGroup,
html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthorityDetails .darkAuthorityEditor,
html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthorityDetails .darkAuthorityGroupTitle{
  max-width:100%!important;min-width:0!important;
}
html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthorityRoster .darkAuthorityAssignedRows{
  max-height:none!important;
  overflow-y:visible!important;
}
@media(max-width:450px){
  html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthorityDetails label.darkAuthorityPermission{
    grid-template-columns:22px minmax(0,1fr)!important;
  }
  html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthorityDetails label.darkAuthorityPermission > b.darkAuthorityYesNo{
    grid-column:2!important;grid-row:2!important;justify-self:start!important;
  }
  html body dialog.darkSiteDialog.darkAuthorityDialog .darkAuthorityDetails label.darkAuthorityPermission > small{
    grid-column:2!important;grid-row:3!important;
  }
}