/* GetClosifi — compact, paired channel preview cards.
   Scopes every override to the existing primary-channels section.
   Preserves actual live typing/message playback and channel identities. */
#sources.gc-channels .gc-phone-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:18px !important;
  align-items:stretch !important;
  margin-top:26px !important;
}
#sources.gc-channels .gc-phone-card{
  box-sizing:border-box !important;
  width:100% !important;
  min-width:0 !important;
  height:482px !important;
  min-height:0 !important;
  max-height:482px !important;
  padding:18px !important;
  border-radius:22px !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  box-shadow:0 9px 30px rgba(22,30,49,.06) !important;
}
#sources.gc-channels .gc-phone-card>header{
  display:flex !important;
  align-items:center !important;
  flex:0 0 auto !important;
  min-width:0 !important;
  gap:10px !important;
}
#sources.gc-channels .gc-phone-card>header>div{min-width:0 !important;flex:1 1 auto !important}
#sources.gc-channels .gc-phone-card>header>div b{
  display:block !important;white-space:nowrap !important;
  overflow:hidden !important;text-overflow:ellipsis !important;
  line-height:1.28 !important;
}
#sources.gc-channels .gc-phone-card>header>div small{
  white-space:nowrap !important;overflow:hidden !important;
  text-overflow:ellipsis !important;
}
#sources.gc-channels .gc-phone-card>header em{flex:0 0 auto !important}
#sources.gc-channels .gc-channel-short-name{display:none}
#sources.gc-channels .gc-phone-card .gc-phone{
  box-sizing:border-box !important;
  display:flex !important;
  flex-direction:column !important;
  width:min(82%,370px) !important;
  max-width:100% !important;
  min-height:0 !important;
  height:370px !important;
  max-height:370px !important;
  margin:15px auto 0 !important;
  border-width:6px !important;
  border-radius:27px !important;
  padding:0 0 42px !important;
  overflow:hidden !important;
}
#sources.gc-channels .gc-phone .gc-live-thread{
  flex:1 1 auto !important;
  min-height:0 !important;
  overflow-y:auto !important;
  padding:8px 10px 55px !important;
}
#sources.gc-channels .gc-phone-card .gc-phone>.phone-head.gc-preview-head{
  flex:0 0 auto !important;
}
#sources.gc-channels .gc-phone footer{
  bottom:7px !important;left:8px !important;right:8px !important;
}
@media(max-width:768px){
  #sources.gc-channels .gc-phone-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
    margin-top:20px !important;
  }
  #sources.gc-channels .gc-phone-card{
    height:370px !important;
    max-height:370px !important;
    padding:11px !important;
    border-radius:17px !important;
  }
  #sources.gc-channels .gc-phone-card>header{gap:7px !important;min-height:34px !important}
  #sources.gc-channels .gc-phone-card>header>.gc-preview-brand-icon{
    flex:0 0 29px !important;
    width:29px !important;height:29px !important;
    border-radius:9px !important;
  }
  #sources.gc-channels .gc-phone-card>header>.gc-preview-brand-icon svg{
    width:19px !important;height:19px !important;
  }
  #sources.gc-channels .gc-phone-card>header>div b{
    font-size:12px !important;letter-spacing:-.025em !important;
  }
  #sources.gc-channels .gc-phone-card>header>div small{display:none !important}
  #sources.gc-channels .gc-channel-full-name{display:none !important}
  #sources.gc-channels .gc-channel-short-name{display:inline !important}
  #sources.gc-channels .gc-phone-card>header em{
    font-size:6.5px !important;padding:4px 5px !important;
    margin-left:auto !important;
  }
  #sources.gc-channels .gc-phone-card .gc-phone{
    width:100% !important;
    height:297px !important;
    min-height:0 !important;
    max-height:297px !important;
    margin:13px auto 0 !important;
    border-width:4px !important;
    border-radius:21px !important;
    padding:0 0 34px !important;
    box-shadow:0 12px 26px rgba(15,23,42,.12) !important;
  }
  #sources.gc-channels .gc-phone-card .gc-phone>.phone-head.gc-preview-head{
    min-height:39px !important;height:39px !important;
    padding:5px 6px !important;gap:4px !important;
  }
  #sources.gc-channels .gc-phone-card .gc-preview-head .gc-preview-back{
    font-size:14px !important;margin-right:0 !important;
  }
  #sources.gc-channels .gc-phone-card .gc-preview-head .gc-preview-avatar{
    width:22px !important;height:22px !important;
    min-width:22px !important;flex:0 0 22px !important;
  }
  #sources.gc-channels .gc-phone-card .gc-preview-contact b{
    font-size:8px !important;
  }
  #sources.gc-channels .gc-phone-card .gc-preview-contact small{
    font-size:6px !important;
  }
  #sources.gc-channels .gc-phone-card .gc-preview-more{
    font-size:11px !important;padding:0 !important;
  }
  #sources.gc-channels .gc-phone .gc-live-thread{
    padding:5px 5px 38px !important;
    scroll-padding-top:6px !important;
  }
  #sources.gc-channels .gc-phone .gc-live-thread .pm{
    box-sizing:border-box !important;
    max-width:95% !important;
    width:max-content !important;
    min-width:0 !important;
    font-size:7.5px !important;
    line-height:1.35 !important;
    margin:5px 3px !important;
    padding:6px 6px 13px !important;
    overflow-wrap:anywhere !important;
  }
  #sources.gc-channels .gc-phone .gc-live-thread .pm.right{
    margin-left:auto !important;
    margin-right:3px !important;
  }
  #sources.gc-channels .gc-phone .gc-live-thread .pm time{
    font-size:5.4px !important;
    right:5px !important;bottom:2px !important;
  }
  #sources.gc-channels .gc-phone .gc-live-thread .thinking{
    font-size:6px !important;max-width:95% !important;
    white-space:normal !important;overflow-wrap:anywhere !important;
  }
  #sources.gc-channels .gc-phone-card .gc-phone footer{
    box-sizing:border-box !important;
    bottom:5px !important;left:5px !important;right:5px !important;
    padding:7px 8px !important;font-size:7px !important;
    min-height:24px !important;
  }
  #sources.gc-channels .gc-phone-card .rise{display:none !important}
}
@media(max-width:380px){
  #sources.gc-channels .gc-phone-grid{gap:8px !important}
  #sources.gc-channels .gc-phone-card{
    padding:8px !important;
    height:351px !important;max-height:351px !important;
    border-radius:15px !important;
  }
  #sources.gc-channels .gc-phone-card>header{gap:5px !important}
  #sources.gc-channels .gc-phone-card>header>.gc-preview-brand-icon{
    width:26px !important;height:26px !important;flex-basis:26px !important;
  }
  #sources.gc-channels .gc-phone-card>header>div b{font-size:10.5px !important}
  #sources.gc-channels .gc-phone-card>header em{font-size:6px !important;padding:4px !important}
  #sources.gc-channels .gc-phone-card .gc-phone{
    height:283px !important;max-height:283px !important;margin-top:11px !important;
  }
}
@media(prefers-reduced-motion:reduce){
  #sources.gc-channels .gc-phone-card *{
    scroll-behavior:auto !important;
  }
}