/* NAXCORE Patch v3 - Rooms Sidebar (mini icon bar) + Dashboard + Timeline polish
   - Mobile: left sidebar stays as a mini icon bar; hamburger expands
   - Fix: duplicate Timeline label in sidebar (hide extra Timeline button)
   - Fix: dashboard quick access buttons too white
   NOTE: Loaded as /rooms_sidebar.css (root). */

/* 1) Sidebar: remove duplicate Timeline button (keep ANA MENÜ Timeline item) */
.timeline-nav-btn{ display:none !important; }

/* 2) Dashboard buttons: dark + modern */
#dashboard-view .btn{
  background: rgba(88,101,242,.12);
  color: #e9ecff;
  border: 1px solid rgba(88,101,242,.32);
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0,0,0,.22);
}
#dashboard-view .btn:hover{
  background: rgba(88,101,242,.20);
  border-color: rgba(88,101,242,.45);
}
#dashboard-view .btn:active{ transform: translateY(1px); }
#dashboard-view .dash-card,
#dashboard-view .dash-panel{
  background: rgba(18,20,28,.55);
  border: 1px solid rgba(120,90,255,.16);
  border-radius: 16px;
  box-shadow: 0 18px 50px rgba(0,0,0,.35);
  backdrop-filter: blur(10px);
}
#dashboard-view .dash-subtitle{ color: rgba(220,225,255,.72); }
#dashboard-view .dash-title{
  letter-spacing: .2px;
  text-shadow: 0 12px 35px rgba(0,0,0,.55);
}

/* 3) MOBILE (ESKİ HAL) — Hamburger ile açılan off-canvas sidebar */
:root{
  --rooms-expanded: min(320px, 86vw);
}

@media (max-width: 900px){
  /* Rooms panel: off-canvas */
  body .rooms-panel{
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    z-index: 1600 !important;
    width: var(--rooms-expanded) !important;
    min-width: var(--rooms-expanded) !important;
    max-width: var(--rooms-expanded) !important;
    transform: translateX(-110%) !important;
    transition: transform .22s ease;
    border-right: 1px solid rgba(255,255,255,.06);
  }
  body.mobile-rooms-open .rooms-panel{ transform: translateX(0) !important; }

  /* Users panel (sağ drawer) varsa aynı mantık */
  body .users-panel{
    position: fixed !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    z-index: 1600 !important;
    width: min(360px, 90vw) !important;
    transform: translateX(110%) !important;
    transition: transform .22s ease;
  }
  body.mobile-users-open .users-panel{ transform: translateX(0) !important; }

  /* Chat full width */
  body .chat-panel{
    margin-left: 0 !important;
    width: 100vw !important;
  }

  /* Backdrop: sadece drawer açıkken aktif */
  #mobile-drawer-backdrop{
    z-index: 1500 !important;
    opacity: 0;
    pointer-events: none;
  }
  body.mobile-rooms-open #mobile-drawer-backdrop,
  body.mobile-users-open #mobile-drawer-backdrop{
    opacity: 1;
    pointer-events: auto;
  }
}