/* TalkChat tenant-scoped room bots v4.4.0 */
/* TALKCHAT_ROOM_BOT_ROOM_PICKER_V441 */
/* TALKCHAT_ROOM_BOT_ROOM_PICKER_V442 */
/* TALKCHAT_ROOM_BOT_AVATAR_URL_LAYOUT_V443 */
/* TALKCHAT_ROOM_BOT_MEMBER_ROW_V444
   Bot satırı bilerek .member ve button sınıflarını kullanmaz. Böylece gerçek
   kullanıcıların el, ses, hover ve seçili satır kuralları botu oynatamaz. */
.room-bot-user-row-v444,
.room-bot-user-row-v444:hover,
.room-bot-user-row-v444:focus,
.room-bot-user-row-v444:active{
  box-sizing:border-box!important;
  position:relative!important;
  inset:auto!important;
  display:grid!important;
  grid-template-columns:82px minmax(0,1fr)!important;
  align-items:center!important;
  justify-items:stretch!important;
  gap:7px!important;
  width:100%!important;
  min-width:0!important;
  min-height:82px!important;
  margin:0 0 4px!important;
  padding:5px 6px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:inherit!important;
  cursor:default!important;
  user-select:none!important;
  transform:none!important;
  translate:none!important;
  scale:none!important;
  transition:none!important;
}

.room-bot-user-avatar-v444{
  box-sizing:border-box!important;
  grid-column:1!important;
  align-self:center!important;
  justify-self:center!important;
  width:72px!important;
  min-width:72px!important;
  max-width:72px!important;
  height:72px!important;
  min-height:72px!important;
  max-height:72px!important;
  margin:0!important;
  transform:none!important;
}

.room-bot-user-info-v444{
  box-sizing:border-box!important;
  grid-column:2!important;
  align-self:center!important;
  display:grid!important;
  align-content:center!important;
  gap:2px!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  margin:0!important;
  padding:0 2px!important;
  color:inherit!important;
  text-align:left!important;
  transform:none!important;
}

.room-bot-user-name-v444,
.room-bot-user-status-v444{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  transform:none!important;
}

.room-bot-user-name-v444{
  color:inherit!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.2!important;
}

.room-bot-user-status-v444{
  color:inherit!important;
  font-size:9px!important;
  font-weight:400!important;
  line-height:1.2!important;
  opacity:.76!important;
}

.left.room-left-custom-v24 .room-bot-user-name-v444{
  color:var(--room-left-fg-v24)!important;
}

.left.room-left-custom-v24 .room-bot-user-status-v444{
  color:var(--room-left-muted-v24)!important;
  opacity:1!important;
}

html[data-talkchat-theme] .left .room-bot-user-name-v444{
  color:var(--tc-text)!important;
}

html[data-talkchat-theme] .left .room-bot-user-status-v444{
  color:color-mix(in srgb,var(--tc-text) 68%,var(--tc-surface))!important;
  opacity:1!important;
}

@media (max-width:860px){
  .room-bot-user-row-v444,
  .room-bot-user-row-v444:hover,
  .room-bot-user-row-v444:focus,
  .room-bot-user-row-v444:active{
    grid-template-columns:64px minmax(0,1fr)!important;
    gap:5px!important;
    min-height:68px!important;
    padding:4px!important;
  }

  .room-bot-user-avatar-v444{
    width:58px!important;
    min-width:58px!important;
    max-width:58px!important;
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;
  }

  .room-bot-user-info-v444{padding:0 2px!important}
}

.room-admin-bots-pane-v440{
  min-height:0;
  overflow:hidden;
}

.room-admin-bots-layout-v440{
  display:grid;
  grid-template-columns:minmax(230px,300px) minmax(0,1fr);
  gap:14px;
  min-height:0;
  height:100%;
  padding:12px;
  box-sizing:border-box;
}

.room-admin-bots-list-panel-v440,
.room-admin-bot-editor-v440{
  min-width:0;
  min-height:0;
  border:1px solid rgba(94,234,255,.22);
  border-radius:14px;
  background:rgba(12,28,47,.92);
  overflow:hidden;
}

.room-admin-bots-list-panel-v440{
  display:flex;
  flex-direction:column;
  gap:9px;
  padding:10px;
}

.room-admin-bots-list-panel-v440>header,
.room-admin-bot-editor-v440>header,
.room-admin-bot-rooms-v440>header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.room-admin-bots-list-panel-v440 header>div,
.room-admin-bot-editor-v440 header>div,
.room-admin-bot-rooms-v440 header>div{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
}

.room-admin-bots-list-panel-v440 small,
.room-admin-bot-editor-v440 small{
  color:#93a7bf;
}

.room-admin-bots-list-panel-v440 input,
.room-admin-bot-editor-v440 input,
.room-admin-bot-editor-v440 select,
.room-admin-bot-editor-v440 textarea{
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  color:#eef8ff;
  border:1px solid rgba(94,234,255,.25);
  border-radius:9px;
  background:#071725;
  padding:9px 10px;
  font:inherit;
}

.room-admin-bot-editor-v440 input[type="color"]{
  min-height:40px;
  padding:4px;
}

.room-admin-bot-editor-v440 input[type="checkbox"],
.room-admin-bot-editor-v440 input[type="radio"]{
  width:auto;
  accent-color:#22d3ee;
}

.room-admin-bots-list-v440{
  display:flex;
  flex:1 1 auto;
  min-height:120px;
  flex-direction:column;
  gap:6px;
  overflow:auto;
}

.room-admin-bot-row-v440{
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  align-items:center;
  gap:9px;
  width:100%;
  padding:8px;
  text-align:left;
  color:#f5fbff;
  border:1px solid transparent;
  border-radius:11px;
  background:rgba(255,255,255,.045);
}

.room-admin-bot-row-v440:hover,
.room-admin-bot-row-v440.active{
  border-color:#22d3ee;
  background:linear-gradient(135deg,rgba(34,211,238,.16),rgba(168,85,247,.15));
}

.room-admin-bot-row-v440>span:first-child{
  width:44px;
  height:44px;
  border-radius:50%;
}

.room-admin-bot-row-v440>span:last-child{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:3px;
}

.room-admin-bot-row-v440 b,
.room-admin-bot-row-v440 small{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.room-admin-bot-editor-v440{
  display:flex;
  flex-direction:column;
}

.room-admin-bot-editor-v440>header{
  padding:11px 14px;
  border-bottom:1px solid rgba(94,234,255,.16);
}

#roomAdminBotPermissionV440{
  flex:0 0 auto;
  padding:5px 9px;
  color:#a5f3fc;
  border:1px solid rgba(34,211,238,.24);
  border-radius:999px;
  background:rgba(8,145,178,.12);
  font-size:11px;
  font-weight:700;
}

#roomAdminBotFormV440{
  display:flex;
  flex-direction:column;
  gap:14px;
  min-height:0;
  padding:14px;
  overflow:auto;
}

#roomAdminBotFormV440>label,
.room-admin-bot-form-grid-v440>label{
  display:flex;
  flex-direction:column;
  gap:6px;
  color:#dcecff;
  font-size:12px;
  font-weight:700;
}

.room-admin-bot-identity-v440{
  display:grid;
  grid-template-columns:112px minmax(0,1fr);
  align-items:center;
  gap:16px;
  padding:12px;
  border:1px solid rgba(94,234,255,.16);
  border-radius:12px;
  background:rgba(255,255,255,.025);
}

.room-admin-bot-preview-v440{
  width:104px;
  height:104px;
  border-radius:50%;
}

.room-admin-bot-form-grid-v440{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 12px;
}

.room-admin-bot-avatar-url-v443{
  grid-column:1/-1;
  padding:10px;
  border:1px solid rgba(56,189,248,.18);
  border-radius:10px;
  background:rgba(8,47,73,.22);
}

.room-admin-bot-avatar-url-v443 input:invalid{
  border-color:#fb7185!important;
  box-shadow:0 0 0 2px rgba(251,113,133,.12);
}

.room-admin-bot-avatar-url-v443 small{
  color:#8fb3ca!important;
  font-size:9px!important;
  font-weight:500!important;
  line-height:1.4;
}

.room-admin-bot-active-v440,
.room-admin-bot-bold-v440{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:9px!important;
  padding:8px 10px;
  border:1px solid rgba(94,234,255,.16);
  border-radius:9px;
}

.room-admin-bot-active-v440 span,
.room-admin-bot-bold-v440 span{
  display:flex;
  flex-direction:column;
  gap:2px;
}

.room-admin-bot-rooms-v440{
  border:1px solid rgba(34,211,238,.45);
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 0 0 1px rgba(34,211,238,.07),0 12px 30px rgba(2,8,23,.18);
}

/* v4.4.2: Bu alan section/header tabanlı genel panel kurallarından bağımsızdır. */
#roomAdminBotRoomPickerV442.room-admin-bot-room-picker-v442{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  flex:0 0 auto!important;
  width:100%!important;
  height:auto!important;
  min-height:190px!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  visibility:visible!important;
  opacity:1!important;
  overflow:visible!important;
  contain:none!important;
  box-sizing:border-box!important;
}

.room-admin-bot-room-picker-head-v442{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  min-height:66px!important;
  padding:12px!important;
  visibility:visible!important;
  background:linear-gradient(135deg,rgba(14,116,144,.24),rgba(126,34,206,.18));
}

.room-admin-bot-room-picker-head-v442>div:first-child{
  display:flex!important;
  flex-direction:column!important;
  gap:3px!important;
  min-width:0!important;
}

.room-admin-bot-room-picker-head-v442 b{
  color:#f3fbff!important;
  font-size:13px!important;
}

.room-admin-bot-room-picker-head-v442 small{
  display:block!important;
  color:#9fb3c8!important;
  font-size:10px!important;
}

.room-admin-bot-room-picker-counts-v442{
  display:flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  gap:6px!important;
}

#roomAdminBotAvailableRoomsV442{
  flex:0 0 auto;
  padding:6px 9px;
  color:#bae6fd;
  border:1px solid rgba(56,189,248,.28);
  border-radius:999px;
  background:rgba(7,41,63,.68);
  font-size:10px;
  font-weight:800;
  white-space:nowrap;
}

.room-admin-bot-rooms-v440>header{
  padding:12px;
  background:linear-gradient(135deg,rgba(14,116,144,.24),rgba(126,34,206,.18));
}

#roomAdminBotRoomCountV441{
  flex:0 0 auto;
  padding:6px 9px;
  color:#cffafe;
  border:1px solid rgba(103,232,249,.32);
  border-radius:999px;
  background:rgba(8,47,73,.58);
  font-size:11px;
  font-weight:800;
  white-space:nowrap;
}

.room-admin-bot-room-tools-v441{
  display:grid;
  grid-template-columns:minmax(180px,1fr) auto;
  gap:8px;
  padding:10px 12px;
  border-top:1px solid rgba(103,232,249,.14);
  border-bottom:1px solid rgba(103,232,249,.14);
  background:#0a1a2b;
}

.room-admin-bot-room-tools-v441 input{
  min-height:36px;
}

#roomAdminBotClearRoomsV441{
  color:#e2e8f0;
  border:1px solid rgba(148,163,184,.28);
  border-radius:9px;
  background:#17283c;
  white-space:nowrap;
}

.room-admin-bot-room-legend-v441{
  display:flex;
  flex-wrap:wrap;
  gap:8px 16px;
  padding:7px 12px;
  color:#9fb3c8;
  background:#071522;
  font-size:10px;
}

#roomAdminBotRoomsV440{
  display:grid!important;
  grid-template-columns:1fr;
  gap:1px;
  min-height:96px!important;
  height:auto!important;
  visibility:visible!important;
  opacity:1!important;
  max-height:340px;
  overflow:auto!important;
  background:rgba(94,234,255,.09);
}

.room-admin-bot-room-row-v440{
  display:grid;
  grid-template-columns:minmax(130px,.8fr) minmax(390px,2fr);
  align-items:center;
  gap:10px;
  min-width:0;
  padding:10px;
  background:#0b1c2e;
}

.room-admin-bot-room-row-v441:nth-child(even){
  background:#0d2136;
}

.room-admin-bot-room-row-v441[hidden]{
  display:none!important;
}

.room-admin-bot-room-row-v440>div{
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:0;
}

.room-admin-bot-room-modes-v441{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:5px!important;
}

.room-admin-bot-room-row-v440 label{
  color:#d8e9f7;
  font-size:11px;
  white-space:nowrap;
}

.room-admin-bot-mode-v441{
  position:relative;
  display:block;
  cursor:pointer;
}

.room-admin-bot-mode-v441 input{
  position:absolute;
  width:1px!important;
  height:1px;
  opacity:0;
  pointer-events:none;
}

.room-admin-bot-mode-v441 span{
  display:block;
  padding:8px 7px;
  overflow:hidden;
  text-align:center;
  text-overflow:ellipsis;
  color:#b8c6d7;
  border:1px solid rgba(148,163,184,.2);
  border-radius:8px;
  background:#101f32;
}

.room-admin-bot-mode-v441 input:focus-visible+span{
  outline:2px solid #67e8f9;
  outline-offset:2px;
}

.room-admin-bot-mode-v441.mode-none input:checked+span{
  color:#e2e8f0;
  border-color:#64748b;
  background:#243247;
}

.room-admin-bot-mode-v441.mode-normal input:checked+span{
  color:#ecfeff;
  border-color:#22d3ee;
  background:linear-gradient(135deg,#0369a1,#0e7490);
  box-shadow:0 0 14px rgba(34,211,238,.18);
}

.room-admin-bot-mode-v441.mode-welcome input:checked+span{
  color:#fff7ed;
  border-color:#fb7185;
  background:linear-gradient(135deg,#7c3aed,#db2777);
  box-shadow:0 0 14px rgba(236,72,153,.2);
}

.room-admin-bot-mode-v441 input:disabled+span{
  cursor:not-allowed;
  opacity:.55;
}

.room-admin-bot-room-owner-v440{
  grid-column:1/-1;
  max-width:220px;
  color:#fbbf24!important;
  white-space:normal!important;
}

.room-admin-bot-room-empty-v441{
  margin:0;
  padding:18px;
  color:#fbbf24;
  background:#0b1c2e;
}

.room-admin-bot-message-v440{
  min-height:18px;
  margin:0;
  color:#67e8f9;
  font-size:12px;
}

.room-admin-bot-actions-v440{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  padding:4px 0 2px;
}

#roomAdminBotDeleteV440{
  color:#fecdd3;
  border-color:rgba(244,63,94,.4);
  background:rgba(159,18,57,.24);
}

#roomAdminBotSaveV440,
#roomAdminBotNewV440{
  color:#fff;
  border-color:transparent;
  background:linear-gradient(135deg,#2563eb,#d946ef);
}

@media (max-width:900px){
  .room-admin-bots-layout-v440{
    grid-template-columns:1fr;
    height:auto;
    overflow:auto;
  }

  .room-admin-bots-list-panel-v440{
    max-height:300px;
  }

  .room-admin-bot-editor-v440{
    overflow:visible;
  }

  #roomAdminBotFormV440{
    overflow:visible;
  }

  .room-admin-bot-room-row-v440{
    grid-template-columns:1fr;
  }
}

/* TALKCHAT_ROOM_BOT_AVATAR_PREVIEW_FIX_V447
   Ortak avatar kurallari mutlak konum kullandigi icin bot yonetimi
   onizlemeleri kendi olcu ve konumlandirma baglamina sabitlenir. */
.room-admin-bot-preview-v440,
.room-admin-bot-preview-v440.has-image,
.room-admin-bot-preview-v440.has-frame{
  position:relative!important;
  isolation:isolate!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 104px!important;
  box-sizing:border-box!important;
  width:104px!important;
  min-width:104px!important;
  max-width:104px!important;
  height:104px!important;
  min-height:104px!important;
  max-height:104px!important;
  margin:0!important;
  border-radius:50%!important;
  transform:none!important;
}

.room-admin-bot-row-v440>span:first-child,
.room-admin-bot-row-v440>span:first-child.has-image,
.room-admin-bot-row-v440>span:first-child.has-frame{
  position:relative!important;
  isolation:isolate!important;
  display:grid!important;
  place-items:center!important;
  box-sizing:border-box!important;
  width:44px!important;
  min-width:44px!important;
  max-width:44px!important;
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  margin:0!important;
  border-radius:50%!important;
  transform:none!important;
}

.room-admin-bot-preview-v440:not(.has-frame),
.room-admin-bot-row-v440>span:first-child:not(.has-frame){
  overflow:hidden!important;
}

.room-admin-bot-preview-v440:not(.has-frame)>.avatar-image,
.room-admin-bot-preview-v440:not(.has-frame)>.avatar-fallback,
.room-admin-bot-row-v440>span:first-child:not(.has-frame)>.avatar-image,
.room-admin-bot-row-v440>span:first-child:not(.has-frame)>.avatar-fallback{
  position:absolute!important;
  inset:0!important;
  left:0!important;
  top:0!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  margin:0!important;
  border-radius:50%!important;
  object-fit:cover!important;
  object-position:center center!important;
  clip-path:circle(50% at 50% 50%)!important;
  transform:none!important;
}

.room-admin-bot-preview-v440.has-frame,
.room-admin-bot-row-v440>span:first-child.has-frame{
  overflow:visible!important;
}

.room-admin-bot-preview-v440.has-frame>.avatar-frame-overlay,
.room-admin-bot-row-v440>span:first-child.has-frame>.avatar-frame-overlay{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  margin:0!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
}

.room-admin-bot-preview-v440.has-frame>.avatar-image,
.room-admin-bot-preview-v440.has-frame>.avatar-fallback,
.room-admin-bot-row-v440>span:first-child.has-frame>.avatar-image,
.room-admin-bot-row-v440>span:first-child.has-frame>.avatar-fallback{
  position:absolute!important;
  inset:auto!important;
  left:50%!important;
  top:50%!important;
  width:var(--frame-avatar-size,58%)!important;
  min-width:0!important;
  max-width:100%!important;
  height:var(--frame-avatar-size,58%)!important;
  min-height:0!important;
  max-height:100%!important;
  margin:0!important;
  border-radius:50%!important;
  object-fit:cover!important;
  object-position:center center!important;
  clip-path:circle(50% at 50% 50%)!important;
  transform:translate(-50%,-50%)!important;
}

@media (max-width:600px){
  .room-admin-bot-preview-v440,
  .room-admin-bot-preview-v440.has-image,
  .room-admin-bot-preview-v440.has-frame{
    flex-basis:68px!important;
    width:68px!important;
    min-width:68px!important;
    max-width:68px!important;
    height:68px!important;
    min-height:68px!important;
    max-height:68px!important;
  }
}

@media (max-width:600px){
  .room-admin-bots-layout-v440{padding:7px;gap:8px;}
  .room-admin-bot-identity-v440{grid-template-columns:72px minmax(0,1fr);gap:10px;padding:8px;}
  .room-admin-bot-preview-v440{width:68px;height:68px;}
  .room-admin-bot-form-grid-v440{grid-template-columns:1fr;}
  #roomAdminBotRoomsV440{grid-template-columns:1fr;max-height:none;}
  .room-admin-bot-room-tools-v441{grid-template-columns:1fr;}
  .room-admin-bot-rooms-v440>header{align-items:flex-start;flex-direction:column;}
  .room-admin-bot-room-picker-head-v442{align-items:flex-start!important;flex-direction:column!important;}
  .room-admin-bot-room-picker-counts-v442{width:100%!important;flex-wrap:wrap!important;}
  .room-admin-bot-room-modes-v441{grid-template-columns:1fr!important;}
  .room-admin-bot-actions-v440{flex-direction:column-reverse;}
  .room-admin-bot-actions-v440 button{width:100%;}
}

/* TALKCHAT_ROOM_BOT_ROW_ALIGNMENT_V445
   Bot satırı tıklanamaz kalır; ancak normal kullanıcı satırındaki görünmez
   durum/el sütunu korunarak avatar, çerçeve ve nick aynı eksene oturtulur. */
.room-bot-user-row-v444,
.room-bot-user-row-v444:hover,
.room-bot-user-row-v444:focus,
.room-bot-user-row-v444:active{
  grid-template-columns:20px 74px minmax(0,1fr)!important;
  gap:6px!important;
  padding:4px 5px!important;
}

.room-bot-user-avatar-v444{
  grid-column:2!important;
  margin-left:7px!important;
}

.room-bot-user-info-v444{
  grid-column:3!important;
  padding-left:1px!important;
}

@media (max-width:860px){
  .room-bot-user-row-v444,
  .room-bot-user-row-v444:hover,
  .room-bot-user-row-v444:focus,
  .room-bot-user-row-v444:active{
    grid-template-columns:20px 60px minmax(0,1fr)!important;
    gap:6px!important;
    padding:4px!important;
  }
}