/* Xbox360TrYama v178 - Modern Admin Panel
   Satış paneliyle aynı görsel dil, admin için mavi/cyan vurgu. */

.admin-nav-special,
#adminNavBtn{
  background:linear-gradient(135deg,#105a8d,#1687c9)!important;
  border:1px solid rgba(101,205,255,.40)!important;
  color:#f3fbff!important;
  box-shadow:0 10px 26px rgba(22,135,201,.18)!important;
}
#adminNavBtn:hover,.admin-nav-special:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 32px rgba(22,135,201,.28)!important;
}

#adminSection{padding:26px 18px 54px!important;}
#adminPanel.admin-panel-shell{
  width:100%!important;
  max-width:1240px!important;
  margin:0 auto!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
#adminPanel .section-home-btn{
  margin:0 0 14px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  background:rgba(12,18,23,.90)!important;
  color:#bdd2dc!important;
  border-radius:12px!important;
  padding:10px 14px!important;
  font-weight:800!important;
  transition:.18s ease!important;
}
#adminPanel .section-home-btn:hover{
  color:#fff!important;
  border-color:rgba(88,201,255,.30)!important;
  background:rgba(17,30,39,.98)!important;
  transform:translateY(-1px);
}

#adminPanel .admin-panel-head{
  position:relative!important;
  overflow:hidden!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:22px!important;
  margin:0 0 18px!important;
  padding:28px!important;
  border:1px solid rgba(82,190,255,.20)!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,rgba(10,24,36,.98),rgba(12,39,58,.96))!important;
  box-shadow:0 24px 70px rgba(0,0,0,.28)!important;
}
#adminPanel .admin-panel-head:after{
  content:"";
  position:absolute;
  width:340px;
  height:340px;
  right:-135px;
  top:-195px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(48,174,255,.20),transparent 67%);
  pointer-events:none;
}
#adminPanel .admin-panel-head>div{position:relative;z-index:1;min-width:0;}
#adminPanel .admin-panel-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:7px;
  color:#72d7ff!important;
  font-size:12px;
  font-weight:900;
  letter-spacing:.14em;
}
#adminPanel .admin-panel-head h2{
  margin:0!important;
  color:#f5fbff!important;
  font-size:clamp(27px,3vw,38px)!important;
  line-height:1.1!important;
  text-shadow:none!important;
}
#adminPanel .admin-panel-head p{
  max-width:770px!important;
  margin:9px 0 0!important;
  color:#9fbac8!important;
  line-height:1.55!important;
  font-size:14px!important;
}
#adminPanel .admin-panel-refresh{
  position:relative;
  z-index:2;
  flex:0 0 auto;
  border:1px solid rgba(114,215,255,.34)!important;
  background:rgba(16,92,134,.32)!important;
  color:#effaff!important;
  border-radius:12px!important;
  padding:11px 16px!important;
  font-weight:850!important;
  cursor:pointer!important;
  white-space:nowrap;
  transition:.18s ease;
}
#adminPanel .admin-panel-refresh:hover{
  background:rgba(22,126,184,.46)!important;
  transform:translateY(-1px);
}

#adminPanel .admin-workspace{
  display:grid;
  grid-template-columns:220px minmax(0,1fr);
  gap:16px;
  align-items:start;
}
#adminPanel .admin-tabs{
  position:sticky!important;
  top:92px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:9px!important;
  width:100%!important;
  margin:0!important;
  padding:12px!important;
  overflow:visible!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:20px!important;
  background:rgba(9,15,20,.97)!important;
  box-shadow:0 16px 40px rgba(0,0,0,.18)!important;
}
#adminPanel .admin-tab-btn{
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  width:100%!important;
  min-height:48px!important;
  margin:0!important;
  padding:12px 13px!important;
  border:1px solid transparent!important;
  border-radius:13px!important;
  background:transparent!important;
  color:#94aab5!important;
  font-size:13px!important;
  font-weight:850!important;
  text-align:left!important;
  white-space:normal!important;
  cursor:pointer!important;
  box-shadow:none!important;
  transform:none!important;
  transition:.16s ease!important;
}
#adminPanel .admin-tab-btn i{
  width:20px;
  flex:0 0 20px;
  text-align:center;
  color:#6d8998;
  font-size:15px;
  transition:.16s ease;
}
#adminPanel .admin-tab-btn:hover{
  color:#fff!important;
  background:rgba(255,255,255,.04)!important;
  border-color:rgba(255,255,255,.04)!important;
}
#adminPanel .admin-tab-btn:hover i{color:#8fdcff;}
#adminPanel .admin-tab-btn.active{
  color:#effaff!important;
  border-color:rgba(95,198,246,.25)!important;
  background:linear-gradient(135deg,rgba(22,101,148,.38),rgba(11,64,94,.30))!important;
  box-shadow:inset 0 0 24px rgba(50,170,235,.035)!important;
}
#adminPanel .admin-tab-btn.active i{color:#73d7ff!important;}
#adminPanel .admin-main{min-width:0;}
#adminPanel .admin-tab-content{display:none!important;min-width:0;}
#adminPanel .admin-tab-content.active{display:block!important;}

/* Ana içerik kartları */
#adminPanel .admin-tab-content,
#adminPanel .admin-inner-panel,
#adminPanel #adminTabContentAddGame{
  color:#dbe9ef;
}
#adminPanel .admin-tab-content.active{
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:22px!important;
  background:linear-gradient(155deg,rgba(17,23,29,.99),rgba(9,14,18,.995))!important;
  box-shadow:0 20px 50px rgba(0,0,0,.21)!important;
  padding:22px!important;
  overflow:hidden;
}
#adminPanel .admin-inner-panel,
#adminPanel .support-admin-panel{
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#adminPanel .admin-tab-content>h3,
#adminPanel .admin-inner-panel h3,
#adminPanel .admin-section-toolbar h3,
#adminPanel .news-admin-head h3,
#adminPanel .admin-sticker-head h3,
#adminPanel .admin-sticker-list-title h3,
#adminPanel .news-admin-list-head h3,
#adminPanel .support-admin-head h2{
  margin-top:0!important;
  color:#f3fbff!important;
  text-shadow:none!important;
}
#adminPanel .admin-tab-content>h3{
  font-size:22px!important;
  margin-bottom:17px!important;
}

/* Form alanları */
#adminPanel .admin-form-grid,
#adminPanel .news-admin-form-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:13px!important;
}
#adminPanel .admin-form-grid input,
#adminPanel .admin-form-grid textarea,
#adminPanel .admin-form-grid select,
#adminPanel .news-admin-form-grid input,
#adminPanel .news-admin-form-grid textarea,
#adminPanel .news-admin-form-grid select,
#adminPanel .admin-sticker-form input,
#adminPanel .role-filter-box input,
#adminPanel .role-user-actions select{
  width:100%!important;
  box-sizing:border-box!important;
  border:1px solid rgba(255,255,255,.11)!important;
  background:#0a1116!important;
  color:#eff9ff!important;
  border-radius:12px!important;
  padding:12px 13px!important;
  outline:none!important;
  box-shadow:none!important;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease!important;
}
#adminPanel input::placeholder,#adminPanel textarea::placeholder{color:#627985!important;opacity:1;}
#adminPanel .admin-form-grid input:focus,
#adminPanel .admin-form-grid textarea:focus,
#adminPanel .admin-form-grid select:focus,
#adminPanel .news-admin-form-grid input:focus,
#adminPanel .news-admin-form-grid textarea:focus,
#adminPanel .admin-sticker-form input:focus,
#adminPanel .role-filter-box input:focus{
  border-color:rgba(74,190,248,.60)!important;
  box-shadow:0 0 0 3px rgba(74,190,248,.08)!important;
  background:#0c151b!important;
}
#adminPanel .admin-file-contents-input,
#adminPanel .news-admin-content-field{grid-column:1/-1!important;}
#adminPanel textarea{min-height:116px!important;resize:vertical;}
#adminPanel .news-admin-form-grid label,
#adminPanel .admin-sticker-file-field,
#adminPanel .admin-sticker-code-field{
  color:#c5d7df!important;
  font-size:12px!important;
  font-weight:800!important;
}

/* Eylem butonları */
#adminPanel .admin-main-action-btn,
#adminPanel .news-admin-form-actions .admin-main-action-btn{
  min-height:44px!important;
  border:1px solid rgba(94,204,255,.30)!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,#126698,#168bc9)!important;
  color:#f5fcff!important;
  padding:11px 17px!important;
  font-weight:900!important;
  box-shadow:0 10px 24px rgba(20,126,187,.15)!important;
  cursor:pointer!important;
}
#adminPanel .admin-main-action-btn:hover{filter:brightness(1.08);transform:translateY(-1px);}
#adminPanel .admin-secondary-action-btn,
#adminPanel .admin-section-toolbar button,
#adminPanel .news-admin-list-head button,
#adminPanel .support-admin-head button{
  border:1px solid rgba(255,255,255,.11)!important;
  border-radius:11px!important;
  background:rgba(255,255,255,.045)!important;
  color:#dceaf0!important;
  padding:10px 13px!important;
  font-weight:800!important;
  cursor:pointer!important;
}
#adminPanel .admin-secondary-action-btn:hover,
#adminPanel .admin-section-toolbar button:hover,
#adminPanel .news-admin-list-head button:hover,
#adminPanel .support-admin-head button:hover{background:rgba(255,255,255,.075)!important;color:#fff!important;}

/* Bölüm başlıkları / araç çubukları */
#adminPanel .admin-section-toolbar,
#adminPanel .support-admin-head,
#adminPanel .news-admin-list-head,
#adminPanel .admin-sticker-list-title,
#adminPanel .role-admin-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin:0 0 15px!important;
  padding:15px 16px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.025)!important;
}
#adminPanel .admin-section-toolbar p,
#adminPanel .support-admin-head p,
#adminPanel .news-admin-head p,
#adminPanel .admin-sticker-head p,
#adminPanel .role-admin-head p{
  margin:5px 0 0!important;
  color:#839aa5!important;
  line-height:1.5!important;
}
#adminPanel .admin-operator-review,
#adminPanel .admin-sticker-manager,
#adminPanel .news-admin-manager,
#adminPanel .comment-approval-manager{
  margin-top:22px!important;
}

/* Sticker */
#adminPanel .admin-sticker-form{
  margin:16px 0 20px!important;
  padding:16px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.022)!important;
}
#adminPanel .sticker-code-input-wrap{
  border:1px solid rgba(255,255,255,.08)!important;
  background:#0a1116!important;
  border-radius:12px!important;
}
#adminPanel .sticker-code-input-wrap input{border:0!important;background:transparent!important;box-shadow:none!important;}
#adminPanel .admin-sticker-list{gap:12px!important;}
#adminPanel .admin-sticker-card{
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.025)!important;
  box-shadow:none!important;
}

/* Rol kartları */
#adminPanel .role-stats-row{gap:10px!important;margin:0 0 14px!important;}
#adminPanel .role-stats-row>*{
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.025)!important;
}
#adminPanel .role-users-list{display:grid!important;gap:10px!important;}
#adminPanel .role-user-card{
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,rgba(18,26,32,.92),rgba(10,15,19,.96))!important;
  box-shadow:none!important;
}
#adminPanel .role-user-card:hover{border-color:rgba(92,199,247,.18)!important;}
#adminPanel .role-filter-box{border:0!important;background:transparent!important;padding:0!important;}

/* Haber kartları */
#adminPanel .news-admin-head{margin-bottom:15px!important;}
#adminPanel .news-admin-form-actions{display:flex!important;gap:9px!important;margin:14px 0 22px!important;}
#adminPanel .news-admin-list{display:grid!important;gap:10px!important;}
#adminPanel .news-admin-card{
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.025)!important;
  box-shadow:none!important;
}
#adminPanel .news-admin-card-image{border-radius:12px!important;}
#adminPanel .news-admin-card-actions button{
  border-radius:10px!important;
  border:1px solid rgba(93,196,245,.18)!important;
  background:rgba(34,124,169,.16)!important;
  color:#ccefff!important;
}
#adminPanel .news-admin-card-actions button.reject{border-color:rgba(255,100,100,.18)!important;background:rgba(160,40,40,.13)!important;color:#ffc2c2!important;}
#adminPanel .news-admin-pagination button{
  border:1px solid rgba(255,255,255,.09)!important;
  background:rgba(255,255,255,.035)!important;
  color:#a9bec8!important;
  border-radius:9px!important;
}
#adminPanel .news-admin-pagination button.active{background:rgba(30,133,187,.28)!important;border-color:rgba(93,196,245,.30)!important;color:#fff!important;}

/* Moderasyon / operatör / destek kartları */
#adminPanel .comment-approval-card,
#adminPanel .admin-operator-request-card,
#adminPanel .support-message-card{
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,rgba(18,25,31,.94),rgba(10,15,19,.98))!important;
  box-shadow:none!important;
}
#adminPanel .comment-approval-empty,
#adminPanel .admin-operator-empty,
#adminPanel .role-admin-empty,
#adminPanel .comments-loading{
  border:1px dashed rgba(103,188,230,.18)!important;
  border-radius:15px!important;
  background:rgba(18,57,78,.10)!important;
  color:#8ea9b5!important;
}
#adminPanel .comment-approval-open-link{color:#75d7ff!important;}
#adminPanel .comment-approval-actions button,
#adminPanel .admin-operator-request-actions button,
#adminPanel .role-user-actions button{
  border-radius:10px!important;
  font-weight:800!important;
}

/* Mobil/tablet */
@media(max-width:980px){
  #adminSection{padding:18px 10px 40px!important;}
  #adminPanel.admin-panel-shell{width:100%!important;max-width:none!important;}
  #adminPanel .admin-panel-head{padding:22px!important;align-items:flex-start!important;}
  #adminPanel .admin-workspace{grid-template-columns:1fr!important;gap:12px!important;}
  #adminPanel .admin-tabs{
    position:static!important;
    flex-direction:row!important;
    width:100%!important;
    padding:9px!important;
    gap:7px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    border-radius:16px!important;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  #adminPanel .admin-tabs::-webkit-scrollbar{display:none;}
  #adminPanel .admin-tab-btn{
    flex:0 0 auto!important;
    width:auto!important;
    min-height:44px!important;
    white-space:nowrap!important;
    padding:10px 12px!important;
  }
  #adminPanel .admin-tab-btn span{white-space:nowrap;}
}

@media(max-width:680px){
  #adminSection{padding:14px 8px 34px!important;}
  #adminPanel .admin-panel-head{padding:19px!important;border-radius:18px!important;flex-direction:column!important;}
  #adminPanel .admin-panel-head h2{font-size:28px!important;}
  #adminPanel .admin-panel-refresh{width:100%!important;}
  #adminPanel .admin-tab-content.active{padding:14px!important;border-radius:17px!important;}
  #adminPanel .admin-form-grid,
  #adminPanel .news-admin-form-grid{grid-template-columns:1fr!important;gap:10px!important;}
  #adminPanel .admin-file-contents-input,
  #adminPanel .news-admin-content-field{grid-column:auto!important;}
  #adminPanel .admin-section-toolbar,
  #adminPanel .support-admin-head,
  #adminPanel .news-admin-list-head,
  #adminPanel .admin-sticker-list-title,
  #adminPanel .role-admin-head{align-items:stretch!important;flex-direction:column!important;padding:13px!important;}
  #adminPanel .admin-section-toolbar button,
  #adminPanel .support-admin-head button,
  #adminPanel .news-admin-list-head button{width:100%!important;min-height:42px!important;}
  #adminPanel .news-admin-form-actions{display:grid!important;grid-template-columns:1fr!important;}
  #adminPanel .news-admin-form-actions button{width:100%!important;}
}


/* =========================================================
   v179 - Mavi hover + oklarla sayfalama
   ========================================================= */
/* Admin panelinde hover artik kirmizi/mavi karismaz; mavi tema korunur. */
#adminPanel button:hover:not(.role-ban-btn):not(.role-chat-close-danger):not(.delete-btn):not(.reject),
#adminPanel .admin-tab-btn:hover,
#adminPanel .admin-panel-refresh:hover,
#adminPanel .admin-main-action-btn:hover,
#adminPanel .admin-secondary-action-btn:hover {
  background: linear-gradient(135deg,#126698,#168bc9) !important;
  border-color: rgba(114,215,255,.42) !important;
  color: #f6fcff !important;
  box-shadow: 0 12px 28px rgba(20,126,187,.22) !important;
}
#adminPanel .admin-tab-btn:hover i { color:#9be4ff !important; }

/* Tehlikeli islemler kirmizi kalir ama maviyle karismaz. */
#adminPanel .role-ban-btn:hover,
#adminPanel .role-chat-close-danger:hover,
#adminPanel .delete-btn:hover,
#adminPanel .reject:hover {
  background: linear-gradient(135deg,#8f1d27,#c93442) !important;
  border-color: rgba(255,110,120,.34) !important;
  color:#fff !important;
  box-shadow:0 10px 24px rgba(201,52,66,.18) !important;
}

/* Rol yonetimi: numarali baloncuklar yerine yalnizca sag/sol ok. */
#adminPanel .role-pagination.role-pagination-arrows {
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
  margin-top:18px !important;
}
#adminPanel .role-pagination.role-pagination-arrows .role-page-arrow {
  width:44px !important;
  min-width:44px !important;
  height:44px !important;
  padding:0 !important;
  display:grid !important;
  place-items:center !important;
  border-radius:12px !important;
  background:rgba(20,103,151,.28) !important;
  border:1px solid rgba(96,203,255,.26) !important;
  color:#eaf8ff !important;
}
#adminPanel .role-pagination.role-pagination-arrows .role-page-arrow:hover:not(:disabled) {
  background:linear-gradient(135deg,#126698,#168bc9) !important;
}
#adminPanel .role-pagination.role-pagination-arrows .role-page-arrow:disabled {
  opacity:.32 !important;
  cursor:not-allowed !important;
  transform:none !important;
  box-shadow:none !important;
}
#adminPanel .role-page-state {
  min-width:64px;
  text-align:center;
  color:#9fc5d7;
  font-size:13px;
  font-weight:900;
}

/* Navbar Admin Paneli dugmesi de hover'da mavi kalir. */
#adminNavBtn:hover,
.admin-nav-special:hover {
  background:linear-gradient(135deg,#126698,#168bc9)!important;
  border-color:rgba(114,215,255,.44)!important;
  color:#f6fcff!important;
  box-shadow:0 14px 32px rgba(22,135,201,.28)!important;
}


/* v190 - mobilde yalnız bir admin sekmesi açık kalır; eski rol-zorlama kuralını geçersiz kılar. */
@media(max-width:980px){
  html.xbox-android #adminPanel .admin-tab-btn,
  html.xbox-ios #adminPanel .admin-tab-btn{
    display:flex!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-width:max-content!important;
  }
  html.xbox-android #adminPanel .admin-tab-content,
  html.xbox-ios #adminPanel .admin-tab-content{display:none!important;width:100%!important;}
  html.xbox-android #adminPanel .admin-tab-content.active,
  html.xbox-ios #adminPanel .admin-tab-content.active{display:block!important;}
}