/* TALKCHAT_R19C12R9R15_DESKTOP_PEOPLE_SEARCH
   PC right people panel:
   - room context is visible above the list
   - Kişiler / Herkes / Takip remain as filters
   - Kullanıcı ara is permanently visible instead of hiding behind a search icon
   Mobile remains unchanged.
*/

@media (min-width:768px){
  .ref-shell .right-panel:not(.desktop-rooms-modal) .people-tabs-desktop{
    display:block!important;
    padding:0!important;
    border-bottom:0!important;
    background:var(--panel,#fff)!important;
  }

  .people-tabs-desktop .people-panel-context{
    min-height:48px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:0 12px;
    border-bottom:1px solid var(--line,#e5e7eb);
  }

  .people-tabs-desktop .people-panel-room{
    min-width:0;
    display:flex;
    align-items:center;
    gap:5px;
    color:#475569;
  }

  .people-tabs-desktop .people-panel-room .material-symbols-outlined{
    flex:0 0 auto;
    font-size:17px;
    color:#168de0;
  }

  .people-tabs-desktop .people-panel-room>b{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#172033;
    font-size:12px;
    font-weight:800;
  }

  .people-tabs-desktop .people-panel-label{
    flex:0 0 auto;
    color:#64748b;
    font-size:11px;
    font-weight:700;
    white-space:nowrap;
  }

  .people-tabs-desktop .people-panel-label>b{
    min-width:21px;
    display:inline-grid;
    place-items:center;
    margin-left:3px;
    padding:1px 5px;
    border:1px solid #dbe3ec;
    border-radius:999px;
    background:#f8fafc;
    color:#334155;
    font-size:10px;
  }

  .people-tabs-desktop .people-panel-filters{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr));
    width:100%!important;
    padding:8px 10px 7px;
    gap:5px;
    border:0!important;
    border-radius:0!important;
    overflow:visible!important;
    background:var(--panel,#fff);
  }

  .ref-shell .people-tabs-desktop .people-panel-filters>button{
    min-height:31px;
    padding:0 6px!important;
    border:1px solid #dce4ec!important;
    border-radius:7px!important;
    background:#fff!important;
    color:#64748b!important;
    font-size:11px!important;
    font-weight:650!important;
  }

  .ref-shell .people-tabs-desktop .people-panel-filters>button+button{
    border-left:1px solid #dce4ec!important;
  }

  .ref-shell .people-tabs-desktop .people-panel-filters>button.selected{
    background:#edf6ff!important;
    border-color:#b9ddf7!important;
    color:#0b78c3!important;
    font-weight:800!important;
  }

  .people-tabs-desktop .people-panel-filters>button b{
    margin-left:3px;
    padding:0 4px;
    border:0;
    background:transparent;
    color:inherit;
    font-size:10px;
  }

  /* Permanent eSohbet-style user search row on PC. */
  .ref-shell .right-panel .people-tabs-desktop + .panel-search{
    display:block!important;
    padding:7px 10px 9px!important;
    border-bottom:1px solid var(--line,#e5e7eb)!important;
    background:var(--panel,#fff)!important;
  }

  .ref-shell .right-panel .people-tabs-desktop + .panel-search input{
    height:36px!important;
    padding:0 12px 0 36px!important;
    border:1px solid #d8e1ea!important;
    border-radius:9px!important;
    background:
      #f8fafc
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23808ea0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E")
      no-repeat 11px center!important;
    color:#172033!important;
    font-size:12px!important;
    font-weight:500!important;
    outline:0!important;
  }

  .ref-shell .right-panel .people-tabs-desktop + .panel-search input::placeholder{
    color:#8996a6!important;
    opacity:1!important;
  }

  .ref-shell .right-panel .people-tabs-desktop + .panel-search input:focus{
    border-color:#65b6ec!important;
    box-shadow:0 0 0 3px rgba(33,150,243,.10)!important;
    background-color:#fff!important;
  }

  /* Slightly denser PC user rows to match the new search/header rhythm. */
  .ref-shell .right-panel .people-tabs-desktop ~ .panel-content{
    padding-top:4px!important;
  }
  .ref-shell .right-panel .people-tabs-desktop ~ .panel-content .person{
    padding-left:8px!important;
    padding-right:8px!important;
  }
}

@media (min-width:768px){
  html[data-theme="dark"] .ref-shell .right-panel:not(.desktop-rooms-modal) .people-tabs-desktop,
  html[data-theme="dark"] .people-tabs-desktop .people-panel-filters,
  html[data-theme="dark"] .ref-shell .right-panel .people-tabs-desktop + .panel-search{
    background:#151f2b!important;
  }

  html[data-theme="dark"] .people-tabs-desktop .people-panel-context{
    border-bottom-color:#2b3745!important;
  }

  html[data-theme="dark"] .people-tabs-desktop .people-panel-room>b{
    color:#e8eef5!important;
  }

  html[data-theme="dark"] .people-tabs-desktop .people-panel-label{
    color:#95a4b5!important;
  }

  html[data-theme="dark"] .people-tabs-desktop .people-panel-label>b{
    background:#111922!important;
    border-color:#2b3745!important;
    color:#d6e0ea!important;
  }

  html[data-theme="dark"] .ref-shell .people-tabs-desktop .people-panel-filters>button{
    background:#17212d!important;
    border-color:#2b3745!important;
    color:#9eacbc!important;
  }

  html[data-theme="dark"] .ref-shell .people-tabs-desktop .people-panel-filters>button.selected{
    background:#173b56!important;
    border-color:#285f86!important;
    color:#67bdff!important;
  }

  html[data-theme="dark"] .ref-shell .right-panel .people-tabs-desktop + .panel-search{
    border-bottom-color:#2b3745!important;
  }

  html[data-theme="dark"] .ref-shell .right-panel .people-tabs-desktop + .panel-search input{
    background-color:#111922!important;
    border-color:#2b3745!important;
    color:#e8eef5!important;
  }

  html[data-theme="dark"] .ref-shell .right-panel .people-tabs-desktop + .panel-search input::placeholder{
    color:#718093!important;
  }

  html[data-theme="dark"] .ref-shell .right-panel .people-tabs-desktop + .panel-search input:focus{
    background-color:#111922!important;
    border-color:#347caf!important;
    box-shadow:0 0 0 3px rgba(52,124,175,.12)!important;
  }
}

/* Mobile keeps the original Kişiler/Herkes/Takip + search-icon behavior. */