/* 888 Dragon Lotto V9.1 — narrowly scoped alignment and player-tree readability.
   Presentation only; original V8/V9 navigation, roles and transactions unchanged. */
#desktopAdminSidebarToggle,
#mobileMenuButton {
  padding:0 !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:1 !important;
  text-align:center !important;
}
#desktopAdminSidebarToggle {
  display:inline-flex !important;
}
#desktopAdminSidebarToggle svg {
  display:block !important;
  width:22px !important;
  height:22px !important;
  flex:0 0 22px !important;
  margin:0 !important;
  padding:0 !important;
  position:static !important;
  inset:auto !important;
  transform:none !important;
}
/* V9.2: On desktop only the existing desktop sidebar toggle is visible. */
#mobileMenuButton {display:none !important;}
@media (max-width:820px) {
  #desktopAdminSidebarToggle {display:none !important;}
  #mobileMenuButton {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
  }
}
/* The legacy › uses a text baseline and was visibly low and off-center.
   Keep its accessible text and existing delegated click listener, but draw
   a centered CSS chevron instead of changing any original tree JS. */
#view-players .player-tree-toggle {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  position:relative;
  box-sizing:border-box;
  padding:0 !important;
  margin:0 !important;
  font-size:0 !important;
  line-height:0 !important;
  transform:none !important;
  width:38px !important;
  height:38px !important;
  flex:0 0 38px !important;
  vertical-align:middle;
}
#view-players .player-tree-toggle::before {
  content:'';
  display:block;
  width:10px;
  height:10px;
  box-sizing:border-box;
  border-top:3px solid #ffdb8a;
  border-right:3px solid #ffdb8a;
  transform:rotate(45deg);
  transition:transform .15s ease;
}
#view-players .player-tree-toggle[aria-expanded="true"]::before {
  transform:rotate(135deg);
}
#view-players .player-tree-spacer {
  width:38px !important;
  height:38px !important;
  flex:0 0 38px !important;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
}
/* Hierarchy: give each level a consistent readable depth and color cue. */
#view-players .player-tree-name-line {align-items:center !important;gap:9px !important}
#view-players .player-tree-name-line > div {min-width:0;overflow-wrap:anywhere}
#view-players .player-tree-name-line strong {display:inline-block;vertical-align:middle;max-width:100%}
#view-players .player-tree-indent {
  flex:0 0 calc(min(var(--tree-depth,0),3) * 14px) !important;
  width:calc(min(var(--tree-depth,0),3) * 14px) !important;
}
#view-players .player-tree-relation {
  margin-left:calc(min(var(--tree-depth,0),3) * 14px + 48px) !important;
  color:#cdbb9f !important;
  font-size:10px !important;
  letter-spacing:0 !important;
  line-height:1.5 !important;
}
#view-players .players-tree-table tbody tr[data-player-tree-depth="0"] > td {
  border-top:1px solid rgba(226,185,95,.35);
}
#view-players .players-tree-table tbody tr[data-player-tree-depth="0"] > td:first-child {
  background:#281a19 !important;
  border-left:4px solid #d2a750;
}
#view-players .players-tree-table tbody tr[data-player-tree-depth="1"] > td:first-child {
  background:#1d1c20 !important;
  border-left:4px solid #88744c;
}
#view-players .players-tree-table tbody tr[data-player-tree-depth]:not([data-player-tree-depth="0"]):not([data-player-tree-depth="1"]) > td:first-child {
  background:#172025 !important;
  border-left:4px solid #4b8593;
}
#view-players .players-tree-table tbody tr[data-player-tree-depth] > td:first-child {
  padding-top:12px !important;
  padding-bottom:12px !important;
}
#view-players .v91-tree-badge {
  display:inline-block;
  vertical-align:middle;
  max-width:100%;
  margin:3px 0 2px 6px;
  padding:3px 7px;
  border:1px solid rgba(221,185,79,.22);
  border-radius:6px;
  font-size:9px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.03em;
  color:#e6c782;
  background:rgba(212,175,55,.08);
  white-space:normal;
}
#view-players .v91-tree-badge[data-kind="upline"] {color:#c8d9e8;border-color:rgba(141,171,194,.25);background:rgba(102,143,172,.09)}
#view-players .v91-tree-badge[data-kind="player"] {color:#d4c8b6}
#view-players #v9HierarchyGuide {line-height:1.65;font-size:12px}
@media (max-width:600px) {
  #view-players .player-tree-name-line {gap:6px !important}
  #view-players .player-tree-indent {
    flex-basis:calc(min(var(--tree-depth,0),3) * 10px) !important;
    width:calc(min(var(--tree-depth,0),3) * 10px) !important;
  }
  #view-players .player-tree-relation {
    margin-left:calc(min(var(--tree-depth,0),3) * 10px + 43px) !important;
  }
}
@media (prefers-reduced-motion:reduce){#view-players .player-tree-toggle::before{transition:none}}