/* TEAM PHOENIX V18 — unified premium navigation/menu system */
:root{
  --phx18-menu-bg:linear-gradient(145deg,rgba(18,19,25,.82),rgba(8,9,13,.72));
  --phx18-menu-bg-strong:linear-gradient(145deg,rgba(22,16,20,.94),rgba(8,9,13,.92));
  --phx18-line:rgba(255,255,255,.085);
  --phx18-line-hot:rgba(224,38,45,.34);
  --phx18-soft:rgba(255,255,255,.045);
  --phx18-red:rgb(218,27,34);
  --phx18-red-soft:rgba(218,27,34,.12);
  --phx18-shadow:0 18px 55px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.035);
  --phx18-blur:blur(22px) saturate(135%);
}

/* sidebar */
.sidebar{background:linear-gradient(180deg,rgba(8,9,13,.97),rgba(8,9,13,.91))!important;border-right:1px solid rgba(255,255,255,.065)!important;box-shadow:18px 0 70px rgba(0,0,0,.22)!important;}
.sidebar-brand{background:linear-gradient(180deg,rgba(255,255,255,.022),transparent)!important;border-bottom-color:rgba(255,255,255,.055)!important;}
.sidebar-nav{padding:24px 17px 30px!important;}
.nav-section{margin-bottom:27px!important;}
.nav-label{padding:0 14px 10px!important;font-size:9px!important;letter-spacing:.22em!important;color:#737987!important;}
.nav-link{min-height:47px!important;padding:0 14px!important;border:1px solid transparent!important;border-radius:14px!important;color:#aeb4c2!important;gap:12px!important;transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease!important;transform:none!important;}
.nav-link i{width:22px!important;font-size:18px!important;color:#9299a9!important;transition:color .18s ease,transform .18s ease!important;}
.nav-link:hover{background:rgba(255,255,255,.035)!important;border-color:rgba(255,255,255,.055)!important;color:#f2f3f7!important;transform:none!important;}
.nav-link:hover i{color:#fff!important;transform:scale(1.04);}
.nav-link.active{background:linear-gradient(100deg,rgba(173,24,31,.22),rgba(72,15,21,.12))!important;border-color:rgba(218,40,47,.25)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 10px 30px rgba(98,11,16,.12)!important;}
.nav-link.active::before{left:-18px!important;width:3px!important;height:25px!important;background:#e22128!important;box-shadow:0 0 20px rgba(226,33,40,.75)!important;}
.nav-link.active i{color:#fff!important;}
.nav-link .nav-badge{min-width:27px!important;height:23px!important;display:grid!important;place-items:center!important;padding:0 7px!important;border:1px solid rgba(255,255,255,.055)!important;background:rgba(255,255,255,.045)!important;color:#c2c7d2!important;font-size:9px!important;font-weight:850!important;}
.nav-link.active .nav-badge{border-color:rgba(229,43,50,.24)!important;background:rgba(218,27,34,.13)!important;color:#ffafb2!important;}
.sidebar-user{background:rgba(255,255,255,.014)!important;border-top-color:rgba(255,255,255,.055)!important;}
.user-menu-btn,.mobile-menu{border:1px solid var(--phx18-line)!important;background:rgba(255,255,255,.025)!important;backdrop-filter:var(--phx18-blur)!important;}
.user-menu-btn:hover,.mobile-menu:hover{border-color:rgba(255,255,255,.13)!important;background:rgba(255,255,255,.055)!important;}

/* topbar and action clusters */
.topbar,.topbar-actions,.page-actions{isolation:isolate;}
.topbar .icon-btn,.topbar-actions button,.topbar-actions a,.page-actions .btn,.page-actions button,.page-actions a,
.v2-btn,.ap-btn,.phx-btn,.btn:not(.btn-link){transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease!important;}
.topbar .icon-btn:hover,.topbar-actions button:hover,.topbar-actions a:hover,.page-actions button:hover,.page-actions a:hover,
.v2-btn:hover,.ap-btn:hover,.phx-btn:hover{transform:translateY(-1px);}

/* native controls — same glass language everywhere */
select,.select-control,.filter-select,.v2-special-toolbar select,.branch-filter-row select,
input[list]{
  color-scheme:dark!important;
  border:1px solid var(--phx18-line)!important;
  background-color:rgba(13,14,19,.78)!important;
  background-image:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012))!important;
  color:#e9ebf1!important;
  border-radius:13px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  backdrop-filter:var(--phx18-blur)!important;
  outline:none!important;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
}
select:hover,.select-control:hover,.filter-select:hover,.v2-special-toolbar select:hover,.branch-filter-row select:hover{border-color:rgba(255,255,255,.14)!important;background-color:rgba(17,18,24,.88)!important;}
select:focus,.select-control:focus,.filter-select:focus,.v2-special-toolbar select:focus,.branch-filter-row select:focus{border-color:var(--phx18-line-hot)!important;box-shadow:0 0 0 3px rgba(218,27,34,.075),inset 0 1px 0 rgba(255,255,255,.035)!important;}
select option{background:#111218!important;color:#f0f1f5!important;}

/* toolbar/search/filter surfaces */
.toolbar,.toolbar-unified,.v2-special-toolbar,.filter-bar,.filters,.search-bar,.phx-tournament-toolbar{
  border-color:var(--phx18-line)!important;
}
.v2-special-toolbar,.toolbar-unified,.filter-bar,.phx-tournament-toolbar{
  background:var(--phx18-menu-bg)!important;
  backdrop-filter:var(--phx18-blur)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.search-control,.v2-special-search,.toolbar .search,.search-box,.phx-search{
  border-color:var(--phx18-line)!important;
  background:rgba(6,7,11,.42)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02)!important;
}
.search-control:focus-within,.v2-special-search:focus-within,.toolbar .search:focus-within,.search-box:focus-within,.phx-search:focus-within{border-color:var(--phx18-line-hot)!important;box-shadow:0 0 0 3px rgba(218,27,34,.065)!important;}

/* custom dropdowns */
.phx-v16-game-trigger,.phx-tournament-filter,.dropdown-toggle,[data-dropdown-trigger]{
  border-color:var(--phx18-line)!important;
  background:var(--phx18-menu-bg)!important;
  backdrop-filter:var(--phx18-blur)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.phx-v16-game-trigger:hover,.phx-tournament-filter:hover,.dropdown-toggle:hover,[data-dropdown-trigger]:hover{border-color:rgba(255,255,255,.14)!important;}
.phx-v16-game-menu,.dropdown-menu,[role="menu"],.menu-popover,.context-menu{
  padding:7px!important;
  border:1px solid rgba(255,255,255,.095)!important;
  border-radius:15px!important;
  background:var(--phx18-menu-bg-strong)!important;
  backdrop-filter:blur(28px) saturate(145%)!important;
  box-shadow:0 24px 80px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.phx-v16-game-option,.dropdown-item,[role="menuitem"],.context-menu button{
  min-height:38px!important;
  border-radius:10px!important;
  color:#b8becb!important;
  transition:background .15s ease,color .15s ease!important;
}
.phx-v16-game-option:hover,.phx-v16-game-option.active,.dropdown-item:hover,.dropdown-item.active,[role="menuitem"]:hover,[role="menuitem"][aria-current="true"],.context-menu button:hover{
  background:linear-gradient(90deg,rgba(218,27,34,.14),rgba(218,27,34,.055))!important;
  color:#fff!important;
}

/* tabs and segmented menu bars */
.tabs,.tab-list,.segmented,.phx-tournament-tabs,.profile-tabs,.filter-tabs{
  padding:4px!important;
  gap:4px!important;
  border:1px solid var(--phx18-line)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.022)!important;
  backdrop-filter:var(--phx18-blur)!important;
}
.tabs button,.tab-list button,.segmented button,.phx-tournament-tabs button,.profile-tabs button,.filter-tabs button,
.tabs a,.tab-list a,.segmented a{
  border:1px solid transparent!important;
  border-radius:10px!important;
  background:transparent!important;
  color:#8f96a5!important;
  box-shadow:none!important;
}
.tabs button:hover,.tab-list button:hover,.segmented button:hover,.phx-tournament-tabs button:hover,.profile-tabs button:hover,.filter-tabs button:hover,
.tabs a:hover,.tab-list a:hover,.segmented a:hover{background:rgba(255,255,255,.035)!important;color:#e9ebef!important;}
.tabs .active,.tab-list .active,.segmented .active,.phx-tournament-tabs .active,.profile-tabs .active,.filter-tabs .active{
  border-color:rgba(218,27,34,.18)!important;
  background:rgba(218,27,34,.115)!important;
  color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}

/* card action menus / compact action rows */
.table-actions,.admin-card-foot,.card-actions,.special-actions,.row-actions{gap:7px!important;}
.table-actions button,.table-actions a,.admin-card-foot button,.admin-card-foot a,.card-actions button,.card-actions a,.special-actions button,.special-actions a,.row-actions button,.row-actions a{
  border-radius:10px!important;
}
.player-card-menu{width:34px!important;height:34px!important;display:grid!important;place-items:center!important;border:1px solid transparent!important;border-radius:10px!important;}
.player-card-menu:hover{border-color:var(--phx18-line)!important;background:rgba(255,255,255,.04)!important;color:#fff!important;}

/* modals: menu-like form choices */
.modal select,.ap-modal select,.v2-modal select,.phx-v14-modal select,.phx-v14-admin-modal select,.phx-tournament-modal select{min-height:44px!important;}

/* subtle scrollbars inside menus */
.phx-v16-game-menu,.dropdown-menu,[role="menu"],.sidebar-nav{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent;}
.phx-v16-game-menu::-webkit-scrollbar,.dropdown-menu::-webkit-scrollbar,[role="menu"]::-webkit-scrollbar,.sidebar-nav::-webkit-scrollbar{width:6px;}
.phx-v16-game-menu::-webkit-scrollbar-thumb,.dropdown-menu::-webkit-scrollbar-thumb,[role="menu"]::-webkit-scrollbar-thumb,.sidebar-nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:10px;}

/* mobile */
@media(max-width:900px){
  .sidebar{background:rgba(8,9,13,.97)!important;backdrop-filter:blur(28px) saturate(135%)!important;}
  .sidebar.open{box-shadow:26px 0 90px rgba(0,0,0,.62)!important;}
  .nav-link{min-height:49px!important;}
  .toolbar,.toolbar-unified,.v2-special-toolbar,.phx-tournament-toolbar{border-radius:16px!important;}
}
@media(max-width:620px){
  .sidebar-nav{padding-left:13px!important;padding-right:13px!important;}
  .nav-link{padding:0 12px!important;}
  select,.select-control,.filter-select{width:100%;}
}