/* TALKCHAT_R20A4_DESKTOP_ROOMS_KEEP_PEOPLE
   Desktop "Tüm Odalar" is centered over chat only.
   The right-side people list stays visible and interactive.
*/
@media (min-width:768px){
  .ref-shell .chat{position:relative}

  .desktop-rooms-center-layer{
    position:absolute;
    inset:0;
    z-index:76;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:22px;
    pointer-events:none;
  }

  .desktop-rooms-center-backdrop{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    border:0;
    margin:0;
    padding:0;
    background:rgba(15,23,42,.34);
    backdrop-filter:blur(1px);
    -webkit-backdrop-filter:blur(1px);
    cursor:default;
    pointer-events:auto;
  }

  .desktop-rooms-center-card{
    position:relative;
    z-index:1;
    width:min(690px,calc(100% - 32px));
    max-height:min(610px,calc(100% - 32px));
    display:flex;
    flex-direction:column;
    overflow:hidden;
    border:1px solid #d9e1ea;
    border-radius:12px;
    background:#fff;
    color:#142033;
    box-shadow:0 20px 56px rgba(15,23,42,.26);
    pointer-events:auto;
  }

  .desktop-rooms-center-head{
    min-height:52px;
    display:flex;
    align-items:center;
    gap:12px;
    padding:0 14px;
    border-bottom:1px solid #e2e8f0;
  }
  .desktop-rooms-center-head button{
    width:34px;height:34px;border:0;border-radius:9px;background:transparent;color:#4b6b8c;
    display:grid;place-items:center;cursor:pointer;
  }
  .desktop-rooms-center-head button:hover{background:#eef5fb}
  .desktop-rooms-center-head strong{font-size:15px}

  .desktop-rooms-center-tabs{
    display:flex;
    gap:22px;
    padding:8px 14px 0;
    border-bottom:1px solid #e2e8f0;
  }
  .desktop-rooms-center-tabs button{
    border:0;
    background:transparent;
    padding:9px 0 10px;
    color:#48627c;
    font-weight:650;
    cursor:pointer;
    border-bottom:2px solid transparent;
  }
  .desktop-rooms-center-tabs button.selected{
    color:#168eea;
    border-bottom-color:#168eea;
  }

  .desktop-rooms-center-search{padding:10px 14px;border-bottom:1px solid #e2e8f0}
  .desktop-rooms-center-search input{
    width:100%;
    height:38px;
    padding:0 12px;
    border:1px solid #d5deea;
    border-radius:8px;
    background:#f8fafc;
    color:#172033;
    outline:none;
  }
  .desktop-rooms-center-search input:focus{
    border-color:#69aee3;
    box-shadow:0 0 0 2px rgba(22,142,234,.10);
  }

  .desktop-rooms-center-list{
    overflow:auto;
    min-height:130px;
    max-height:470px;
    padding:12px 14px 16px;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    align-content:start;
  }
  .desktop-rooms-center-list .empty{grid-column:1/-1;text-align:center;color:#74879a;padding:26px}

  .desktop-rooms-center-list .desktop-room-card{
    position:relative;
    min-width:0;
    min-height:66px;
    display:flex;
    align-items:stretch;
    text-align:left;
    overflow:hidden;
    border:1px solid #b9c8d8;
    border-left:3px solid #627d98;
    border-radius:7px;
    background:#fff;
    color:#162234;
    cursor:pointer;
    padding:0 46px 0 10px;
  }
  .desktop-rooms-center-list .desktop-room-card:hover{border-color:#7cb7e6;background:#f7fbff}
  .desktop-rooms-center-list .desktop-room-card.current{
    border-color:#269ce8;
    border-left-color:#269ce8;
    background:#eef8ff;
  }
  .desktop-rooms-center-list .desktop-room-card .rs-body{
    min-width:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:8px 0;
  }
  .desktop-rooms-center-list .desktop-room-card .rs-body>b{
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;
  }
  .desktop-rooms-center-list .desktop-room-card .rs-body small{font-size:11px;line-height:1.32;color:#506579}
  .desktop-rooms-center-list .desktop-room-card .rs-body small strong{font-size:15px;color:#172033}
  .desktop-rooms-center-list .desktop-room-card .rs-body small em{font-style:normal;color:#08966d;font-weight:700}
  .desktop-rooms-center-list .desktop-current-room{color:#06966b;font-weight:700}

  .desktop-rooms-center-list .room-favorite{
    position:absolute;right:34px;top:9px;z-index:3;color:#71869a;
    display:grid;place-items:center;
  }
  .desktop-rooms-center-list .room-favorite.active{color:#168eea}
  .desktop-rooms-center-list .room-favorite .material-symbols-outlined{font-size:18px}

  .desktop-rooms-center-list .rs-angle{
    position:absolute;right:0;top:0;width:34px;height:100%;
    background:#e9f5fd;
    clip-path:polygon(48% 0,100% 0,100% 100%,0 100%);
  }
  .desktop-rooms-center-list .rs-arrow{
    position:absolute;right:8px;top:50%;transform:translateY(-50%);
    color:#118edc;display:grid;place-items:center;
  }
  .desktop-rooms-center-list .rs-arrow .material-symbols-outlined{font-size:19px}

html[data-theme="dark"] .desktop-rooms-center-backdrop{
    background:rgba(2,8,15,.42);
  }
  html[data-theme="dark"] .desktop-rooms-center-card{
    background:#111c28;
    border-color:#304253;
    color:#edf4fa;
    box-shadow:0 22px 60px rgba(0,0,0,.46);
  }
  html[data-theme="dark"] .desktop-rooms-center-head,
  html[data-theme="dark"] .desktop-rooms-center-tabs,
  html[data-theme="dark"] .desktop-rooms-center-search{border-color:#2b3b4a}
  html[data-theme="dark"] .desktop-rooms-center-head button{color:#a5bbce}
  html[data-theme="dark"] .desktop-rooms-center-head button:hover{background:#1b2a38}
  html[data-theme="dark"] .desktop-rooms-center-tabs button{color:#a5b6c5}
  html[data-theme="dark"] .desktop-rooms-center-tabs button.selected{color:#55b7ff;border-bottom-color:#55b7ff}
  html[data-theme="dark"] .desktop-rooms-center-search input{
    background:#0c1620;border-color:#304253;color:#edf4fa;
  }
  html[data-theme="dark"] .desktop-rooms-center-list .desktop-room-card{
    background:#101b26;border-color:#385064;border-left-color:#6a859b;color:#edf4fa;
  }
  html[data-theme="dark"] .desktop-rooms-center-list .desktop-room-card:hover{background:#152535;border-color:#428bc1}
  html[data-theme="dark"] .desktop-rooms-center-list .desktop-room-card.current{
    background:#122d42;border-color:#249be6;
  }
  html[data-theme="dark"] .desktop-rooms-center-list .desktop-room-card .rs-body small{color:#a4b5c4}
  html[data-theme="dark"] .desktop-rooms-center-list .desktop-room-card .rs-body small strong{color:#f2f7fb}
  html[data-theme="dark"] .desktop-rooms-center-list .rs-angle{background:#17344a}
}

@media (max-width:767px){
  .desktop-rooms-center-layer{display:none!important}
}

/* TALKCHAT_R20A40R19R5_CURRENT_ROOM_STATE_ROOT */
.desktop-rooms-center-card.desktop-rooms-reference-card{width:min(600px,calc(100vw - 28px))!important;max-width:600px!important;max-height:min(720px,calc(100vh - 34px))!important;border-radius:6px!important;overflow:hidden!important}
.desktop-rooms-reference-card .desktop-rooms-center-head{min-height:48px!important;height:48px!important;padding:0 14px!important}
.desktop-rooms-reference-list{display:block!important;padding:14px 10px 9px!important;overflow:auto!important}
.desktop-rooms-reference-group{display:block!important;margin:0 0 14px!important}.desktop-rooms-reference-group:last-child{margin-bottom:0!important}
.desktop-rooms-reference-group>h3{margin:0 0 7px!important;padding:0 1px!important;color:#42a5f5!important;font:700 12px/1.25 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
.desktop-rooms-reference-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
.desktop-rooms-reference-grid .desktop-room-ref-card{appearance:none!important;-webkit-appearance:none!important;box-sizing:border-box!important;position:relative!important;display:block!important;width:100%!important;min-width:0!important;height:70px!important;min-height:70px!important;margin:0!important;padding:9px 58px 8px 16px!important;border:1px solid #e1e4e8!important;border-radius:4px!important;background:#fff!important;color:#5f6368!important;overflow:hidden!important;text-align:left!important;box-shadow:none!important;transform:none!important;cursor:pointer!important;transition:border-color .15s ease,background-color .15s ease!important}
.desktop-rooms-reference-grid .desktop-room-ref-card::before,.desktop-rooms-reference-grid .desktop-room-ref-card::after{content:none!important;display:none!important}
.desktop-room-ref-copy{display:block!important;min-width:0!important;position:relative!important;z-index:1!important}.desktop-room-ref-copy>b{display:block!important;margin:0 0 3px!important;color:#62666b!important;font-size:15px!important;font-weight:700!important;line-height:1.12!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.desktop-room-ref-copy small{display:block!important;color:#8f949a!important;font-size:11px!important;font-weight:400!important;line-height:1.34!important}.desktop-room-ref-copy small strong{color:inherit!important;font-weight:500!important}.desktop-room-ref-copy small em{color:#969ba1!important;font-style:normal!important;font-weight:400!important}
.desktop-rooms-reference-grid .desktop-room-ref-card.current{border-color:#2196f3!important;background:#fff!important;cursor:default!important}
.desktop-rooms-reference-grid .desktop-room-ref-card.current .desktop-room-ref-copy small em{color:#2196f3!important;font-weight:500!important}
.desktop-room-enter{position:absolute!important;z-index:2!important;top:0!important;right:0!important;width:52px!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;padding-left:9px!important;background:#f1f2f3!important;color:#2196f3!important;clip-path:polygon(20px 0,100% 0,100% 100%,0 100%)!important;pointer-events:none!important;transition:none!important}
.desktop-room-enter .material-symbols-outlined{position:static!important;inset:auto!important;transform:none!important;margin:0!important;padding:0!important;color:inherit!important;font-size:18px!important;line-height:1!important}
.desktop-room-ref-card.current .desktop-room-enter{background:#2196f3!important;color:#fff!important}
@media(hover:hover) and (pointer:fine){.desktop-room-ref-card:not(.current):hover{background:#fafafa!important;border-color:#d7dade!important}.desktop-room-ref-card:not(.current):hover .desktop-room-enter{background:#f1f2f3!important;color:#2196f3!important}}
.desktop-room-ref-card:not(.current):focus-visible{outline:2px solid #64b5f6!important;outline-offset:1px!important}.desktop-room-ref-card:not(.current):focus-visible .desktop-room-enter{background:#f1f2f3!important;color:#2196f3!important}
html[data-theme="dark"] .desktop-rooms-reference-card,html.dark .desktop-rooms-reference-card{background:#111c28!important;border-color:#304253!important;color:#edf4fa!important}html[data-theme="dark"] .desktop-rooms-reference-card .desktop-rooms-center-head,html.dark .desktop-rooms-reference-card .desktop-rooms-center-head{border-color:#2b3b4a!important}html[data-theme="dark"] .desktop-rooms-reference-group>h3,html.dark .desktop-rooms-reference-group>h3{color:#55b7ff!important}
html[data-theme="dark"] .desktop-room-ref-card,html.dark .desktop-room-ref-card{background:#14212e!important;border-color:#304253!important;color:#dce7ef!important}html[data-theme="dark"] .desktop-room-ref-copy>b,html.dark .desktop-room-ref-copy>b{color:#eef5fa!important}html[data-theme="dark"] .desktop-room-ref-copy small,html.dark .desktop-room-ref-copy small,html[data-theme="dark"] .desktop-room-ref-copy small em,html.dark .desktop-room-ref-copy small em{color:#9fb0bd!important}
html[data-theme="dark"] .desktop-room-ref-card.current,html.dark .desktop-room-ref-card.current{background:#14212e!important;border-color:#2196f3!important}html[data-theme="dark"] .desktop-room-ref-card.current .desktop-room-ref-copy small em,html.dark .desktop-room-ref-card.current .desktop-room-ref-copy small em{color:#55b7ff!important}
html[data-theme="dark"] .desktop-room-enter,html.dark .desktop-room-enter{background:#1b2a38!important;color:#55b7ff!important}html[data-theme="dark"] .desktop-room-ref-card.current .desktop-room-enter,html.dark .desktop-room-ref-card.current .desktop-room-enter{background:#2196f3!important;color:#fff!important}
@media(hover:hover) and (pointer:fine){html[data-theme="dark"] .desktop-room-ref-card:not(.current):hover,html.dark .desktop-room-ref-card:not(.current):hover{background:#162532!important;border-color:#3f5669!important}html[data-theme="dark"] .desktop-room-ref-card:not(.current):hover .desktop-room-enter,html.dark .desktop-room-ref-card:not(.current):hover .desktop-room-enter{background:#1b2a38!important;color:#55b7ff!important}}
@media(max-width:620px){.desktop-rooms-reference-grid{grid-template-columns:1fr!important}.desktop-rooms-center-card.desktop-rooms-reference-card{width:min(520px,calc(100vw - 20px))!important}.desktop-rooms-reference-grid .desktop-room-ref-card{height:68px!important;min-height:68px!important}}