/* TALKCHAT_R19C12R3_RESPONSIVE_QUICK_CONTROLS */

/* Shared composer quick actions: speaker + gift are now first-class on PC and mobile. */
.ref-shell .composer [data-action="siteSound"].site-sound-muted{color:#ef4444!important}
.ref-shell .composer [data-action="giftQuick"]{color:#ec4899!important}

/* Desktop quick-gift recipient selector. Existing gift flow is reused. */
@media (min-width:768px){
  .mobile-gift-recipient-layer{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:24px!important;
  }
  .mobile-gift-recipient-sheet{
    width:min(460px,calc(100vw - 48px))!important;
    max-height:min(680px,calc(100vh - 48px))!important;
    border-radius:16px!important;
    box-shadow:0 24px 70px rgba(15,23,42,.28)!important;
  }
}

/* Mobile: restore the original side gear; Radio + Conference return to composer.
   Speaker + Gift remain in composer. */
@media (max-width:767px){
  .ref-shell .composer{
    gap:2px!important;
    padding-left:4px!important;
    padding-right:4px!important;
  }
  .ref-shell .composer #messageInput{
    min-width:56px!important;
  }
  .ref-shell .composer .ref-icon,
  .ref-shell .composer [data-action="radio"],
  .ref-shell .composer [data-action="voice"],
  .ref-shell .composer [data-action="siteSound"],
  .ref-shell .composer [data-action="giftQuick"]{
    display:inline-flex!important;
    flex:0 0 31px!important;
    width:31px!important;
    min-width:31px!important;
    height:34px!important;
    padding:0!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .ref-shell .composer #sendButton{
    flex:0 0 38px!important;
    width:38px!important;
    min-width:38px!important;
  }
  .ref-shell .composer [data-action="radio"] .material-symbols-outlined{
    font-size:18px!important;
  }
  .ref-shell .composer [data-action="voice"]>i,
  .ref-shell .composer [data-action="giftQuick"]>i{
    font-size:16px!important;
  }
  .ref-shell .composer [data-action="siteSound"] .material-symbols-outlined{
    font-size:19px!important;
  }

  /* The reference plus menu can be taller than the visual viewport while the
     keyboard is open. Make it scrollable so permission-gated Yazıları Sil
     never gets clipped below the viewport. */
  #featureLayer .plus-menu[data-room-plus-reference="1"]{
    max-height:min(72dvh,520px)!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch;
  }
  #featureLayer .plus-menu[data-room-plus-reference="1"]>button.room-plus-delete{
    display:flex!important;
  }
  #featureLayer .plus-menu[data-room-plus-reference="1"] .room-plus-font-size{
    position:relative;
    background:#fff;
  }
}


/* TALKCHAT_R19C12R4_MOBILE_RECORD_PLUS_ONLY
   Mobilde Ses Kaydet sadece + menüsünde kalır; composer mikrofonu gizlenir.
   Desktop sesli mesaj düğmesi korunur. */
@media (max-width:767px){
  .ref-shell .composer .extra-tool[data-action="record"]{
    display:none!important;
  }
}

/* TALKCHAT_R20A40R20_PC_SOUND_GIFT_SEARCH_OWNER */
@media (min-width:768px){
  .ref-shell .composer [data-action="siteSound"]{display:none!important}

  #featureLayer .plus-menu[data-room-plus-reference="1"] .room-plus-site-sound-direct{
    display:grid;
    grid-template-columns:28px minmax(0,1fr) auto;
    align-items:center;
    gap:10px;
    width:100%;
    min-height:48px;
    padding:8px 12px;
    box-sizing:border-box;
    cursor:pointer;
    border-top:1px solid #e5e7eb;
    background:#fff;
    color:#1f2937;
  }
  #featureLayer .plus-menu[data-room-plus-reference="1"] .room-plus-site-sound-copy{
    display:flex;flex-direction:column;min-width:0;
  }
  #featureLayer .plus-menu[data-room-plus-reference="1"] .room-plus-site-sound-copy>b{
    font-size:13px;line-height:17px;font-weight:600;
  }
  #featureLayer .plus-menu[data-room-plus-reference="1"] .room-plus-site-sound-copy>small{
    font-size:11px;line-height:14px;color:#64748b;
  }
  #featureLayer .plus-menu[data-room-plus-reference="1"] .room-plus-site-sound-switch{
    position:relative;width:34px;height:20px;display:inline-flex;flex:0 0 34px;
  }
  #featureLayer .plus-menu[data-room-plus-reference="1"] .room-plus-site-sound-switch input{
    position:absolute;opacity:0;pointer-events:none;
  }
  #featureLayer .plus-menu[data-room-plus-reference="1"] .room-plus-site-sound-switch i{
    width:34px;height:20px;border-radius:999px;background:#cbd5e1;position:relative;display:block;transition:.16s ease;
  }
  #featureLayer .plus-menu[data-room-plus-reference="1"] .room-plus-site-sound-switch i:after{
    content:"";position:absolute;width:16px;height:16px;left:2px;top:2px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:.16s ease;
  }
  #featureLayer .plus-menu[data-room-plus-reference="1"] .room-plus-site-sound-switch input:checked+i{
    background:#0ea5e9;
  }
  #featureLayer .plus-menu[data-room-plus-reference="1"] .room-plus-site-sound-switch input:checked+i:after{
    transform:translateX(14px);
  }
}

.mobile-gift-recipient-search{
  margin:4px 12px 8px;
  min-height:38px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 10px;
  border:1px solid #dbe3ec;
  border-radius:10px;
  background:#f8fafc;
}
.mobile-gift-recipient-search>.material-symbols-outlined{
  font-size:19px;color:#64748b;
}
.mobile-gift-recipient-search input{
  width:100%;min-width:0;border:0;outline:0;background:transparent;color:#111827;font:inherit;font-size:13px;
}
.mobile-gift-recipient-sheet header strong{color:#111827!important}

html.dark .mobile-gift-recipient-sheet header strong,
html[data-theme="dark"] .mobile-gift-recipient-sheet header strong{color:#fff!important}
html.dark .mobile-gift-recipient-search,
html[data-theme="dark"] .mobile-gift-recipient-search{background:#111c28;border-color:#304253}
html.dark .mobile-gift-recipient-search input,
html[data-theme="dark"] .mobile-gift-recipient-search input{color:#edf4fa}
html.dark .mobile-gift-recipient-search>.material-symbols-outlined,
html[data-theme="dark"] .mobile-gift-recipient-search>.material-symbols-outlined{color:#9fb0c0}

html.dark #featureLayer .plus-menu[data-room-plus-reference="1"] .room-plus-site-sound-direct,
html[data-theme="dark"] #featureLayer .plus-menu[data-room-plus-reference="1"] .room-plus-site-sound-direct{
  background:#111c28;color:#edf4fa;border-top-color:#304253;
}
html.dark #featureLayer .plus-menu[data-room-plus-reference="1"] .room-plus-site-sound-copy>small,
html[data-theme="dark"] #featureLayer .plus-menu[data-room-plus-reference="1"] .room-plus-site-sound-copy>small{
  color:#9fb0c0;
}

/* TALKCHAT_R20A40R29_SEND_BUTTON_REFERENCE_OWNER
   Reference send button visual parity only.
   Existing message form, click/submit logic and keyboard behavior are untouched. */

.ref-shell .composer #sendButton{
  box-sizing:border-box!important;
  display:inline-flex!important;
  flex:0 0 38px!important;
  width:38px!important;
  min-width:38px!important;
  height:38px!important;
  min-height:38px!important;
  padding:0!important;
  margin:0!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-radius:9999px!important;
  background:#2196f3!important;
  color:#fff!important;
  line-height:1!important;
  outline:0!important;
  overflow:hidden!important;
  box-shadow:0 3px 9px rgba(33,150,243,.30)!important;
  transform:translateZ(0);
  transition:background-color .14s ease,box-shadow .14s ease,transform .10s ease,opacity .14s ease!important;
  -webkit-tap-highlight-color:transparent;
}

.ref-shell .composer #sendButton:hover:not(:disabled){
  background:#1e88e5!important;
  box-shadow:0 4px 11px rgba(33,150,243,.36)!important;
}

.ref-shell .composer #sendButton:active:not(:disabled){
  transform:scale(.96)!important;
  box-shadow:0 2px 6px rgba(33,150,243,.28)!important;
}

.ref-shell .composer #sendButton:focus-visible{
  box-shadow:0 0 0 3px rgba(33,150,243,.18),0 3px 9px rgba(33,150,243,.30)!important;
}

.ref-shell .composer #sendButton:disabled{
  background:#90caf9!important;
  color:#fff!important;
  opacity:.78!important;
  box-shadow:0 2px 6px rgba(33,150,243,.18)!important;
  cursor:default!important;
}

.ref-shell .composer #sendButton .material-symbols-outlined{
  position:relative!important;
  display:inline-flex!important;
  width:22px!important;
  height:22px!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
  font-size:0!important;
  line-height:1!important;
  color:transparent!important;
}

.ref-shell .composer #sendButton .material-symbols-outlined::before{
  content:"arrow_forward"!important;
  display:block!important;
  font-family:"Material Symbols Outlined"!important;
  font-size:22px!important;
  font-style:normal!important;
  font-weight:400!important;
  line-height:22px!important;
  letter-spacing:normal!important;
  text-transform:none!important;
  white-space:nowrap!important;
  word-wrap:normal!important;
  direction:ltr!important;
  color:#fff!important;
  font-feature-settings:"liga"!important;
  -webkit-font-feature-settings:"liga"!important;
  font-variation-settings:"FILL" 0,"wght" 500,"GRAD" 0,"opsz" 24!important;
}

html.dark .ref-shell .composer #sendButton,
html[data-theme="dark"] .ref-shell .composer #sendButton{
  background:#2196f3!important;
  color:#fff!important;
  box-shadow:0 3px 10px rgba(33,150,243,.32)!important;
}

html.dark .ref-shell .composer #sendButton:hover:not(:disabled),
html[data-theme="dark"] .ref-shell .composer #sendButton:hover:not(:disabled){
  background:#1e88e5!important;
}

html.dark .ref-shell .composer #sendButton:disabled,
html[data-theme="dark"] .ref-shell .composer #sendButton:disabled{
  background:#64b5f6!important;
  color:#fff!important;
  opacity:.72!important;
}

@media (max-width:767px){
  .ref-shell .composer #sendButton{
    flex:0 0 38px!important;
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
    min-height:38px!important;
    border-radius:9999px!important;
  }
  .ref-shell .composer #sendButton .material-symbols-outlined::before{
    font-size:22px!important;
    line-height:22px!important;
  }
}

/* TALKCHAT_R20A40R30R2_MOBILE_ROOMS_INFO_PARITY_OWNER
   Mobile room cards: keep existing room behavior; restore access/current-room information
   and give the card enough vertical space to display it cleanly. */
@media (max-width:767px){
  .ref-shell .right-panel #panelContent .room-card:not(.desktop-room-card){
    min-height:78px!important;
    height:auto!important;
    padding:7px 50px 7px 8px!important;
    gap:8px!important;
    align-items:center!important;
    border-radius:8px!important;
    overflow:hidden!important;
  }

  .ref-shell .right-panel #panelContent .room-card:not(.desktop-room-card) .room-symbol{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    flex:0 0 40px!important;
    border-radius:7px!important;
  }

  .ref-shell .right-panel #panelContent .room-card:not(.desktop-room-card) .rs-body{
    min-width:0!important;
    overflow:visible!important;
    line-height:1.25!important;
  }

  .ref-shell .right-panel #panelContent .room-card:not(.desktop-room-card) .rs-body>b{
    display:block!important;
    max-width:none!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:15px!important;
    line-height:18px!important;
    margin:0 0 2px!important;
  }

  .ref-shell .right-panel #panelContent .room-card:not(.desktop-room-card) .rs-body small{
    display:block!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    white-space:normal!important;
    font-size:11px!important;
    line-height:14px!important;
    color:#8b949e!important;
    margin:0!important;
  }

  .ref-shell .right-panel #panelContent .room-card:not(.desktop-room-card) .rs-body small strong{
    display:inline!important;
    max-width:none!important;
    overflow:visible!important;
    white-space:normal!important;
    font-size:inherit!important;
    line-height:inherit!important;
    font-weight:600!important;
  }

  .ref-shell .right-panel #panelContent .room-card:not(.desktop-room-card) .rs-body small em{
    display:inline!important;
    visibility:visible!important;
    opacity:1!important;
    font-style:normal!important;
    color:#10b981!important;
    font-weight:700!important;
  }

  .ref-shell .right-panel #panelContent .room-card:not(.desktop-room-card).current .rs-body small::after{
    content:"*Bu odada bulunuyorsunuz";
    display:block!important;
    color:#2196f3!important;
    font-weight:700!important;
    line-height:14px!important;
    white-space:normal!important;
  }

  html.dark .ref-shell .right-panel #panelContent .room-card:not(.desktop-room-card) .rs-body small,
  html[data-theme="dark"] .ref-shell .right-panel #panelContent .room-card:not(.desktop-room-card) .rs-body small{
    color:var(--tc-muted,#9ca3af)!important;
  }

  html.dark .ref-shell .right-panel #panelContent .room-card:not(.desktop-room-card).current .rs-body small::after,
  html[data-theme="dark"] .ref-shell .right-panel #panelContent .room-card:not(.desktop-room-card).current .rs-body small::after{
    color:#64b5f6!important;
  }
}