/* F11 tam ekran düğmesi */
.fs-toggle-btn{
  position:fixed;
  top:14px;
  right:16px;
  z-index:9998;
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(90,200,230,.45);
  border-radius:11px;
  background:linear-gradient(160deg,rgba(10,45,70,.92),rgba(5,24,40,.92));
  color:#a9dcf0;
  cursor:pointer;
  backdrop-filter:blur(8px);
  box-shadow:0 8px 22px rgba(0,8,20,.35),inset 0 1px rgba(160,230,255,.12);
  transition:transform .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease;
}
.fs-toggle-btn svg{width:20px;height:20px}
.fs-toggle-btn:hover{
  transform:translateY(-1px);
  border-color:#5fd8f5;
  color:#eafaff;
  box-shadow:0 10px 26px rgba(0,8,20,.45),0 0 22px rgba(70,205,235,.28);
}
.fs-toggle-btn[aria-pressed="true"]{
  border-color:#31e0b4;
  color:#9dffe4;
  box-shadow:0 8px 22px rgba(0,8,20,.4),0 0 22px rgba(49,224,180,.32);
}

/* Tam ekranda gereksiz taşmaları engelle */
body.is-fullscreen{overflow:hidden}
body.is-fullscreen .content{padding-bottom:0 !important}

/* Tam ekranda uygulama tum ekrani kaplasin */
body.is-fullscreen #app,
body.is-fullscreen #app .main{
  height:100vh !important;
  max-height:100vh !important;
  width:100vw !important;
  max-width:100vw !important;
  margin:0 !important;
  padding:0 !important;
  border-radius:0 !important;
}
body.is-fullscreen #app .sidebar{
  height:100vh !important;
  max-height:100vh !important;
  border-radius:0 !important;
}
body.is-fullscreen #app .content{
  height:100vh !important;
  max-height:100vh !important;
  overflow-y:auto !important;
  border-radius:0 !important;
}
body.is-fullscreen .menu-btn{top:10px !important}
body.is-fullscreen .fs-toggle-btn{top:10px !important;right:12px !important}

/* Tam ekranda sohbet paneli biraz daha ferah */
body.is-fullscreen #app #page-genel .admin-chat .admin-chat-body{height:300px !important}

@media(max-width:700px){
  .fs-toggle-btn{top:10px;right:10px;width:36px;height:36px}
  .fs-toggle-btn svg{width:18px;height:18px}
}