/* DOUYIN-ATTENTION-018: exclusive view, scoped to this communications container. */
.communications[data-extra-channel] > #comm-frame,
.communications[data-extra-channel] > .supplier-channel-panel { display:none!important; }
.communications:not([data-extra-channel]) > .extra-channel-panel { display:none!important; }
.communications[data-extra-channel] > .extra-channel-panel { display:block!important; }
.extra-channel-panel { padding:24px; background:#fff; color:#193f35; overflow:auto; }
.extra-channel-panel h3 { margin-top:0; }
.extra-channel-panel p { max-width:48em; line-height:1.7; }
.extra-channel-login { display:inline-block; padding:12px 18px; border-radius:8px; color:#fff; background:#19725c; }
.extra-channel-panel > button { margin:8px; }
.supplier-tabs { flex-wrap:wrap; }

.communications > .douyin-channel-panel {display:none;flex:1;min-height:0;overflow:hidden}
.communications[data-douyin-embedded][data-extra-channel="douyin"] > .extra-channel-panel{display:none!important}
.communications[data-douyin-embedded][data-extra-channel="douyin"] > .douyin-channel-panel:not([hidden]){display:flex!important}
.douyin-channel-panel > iframe{flex:1;width:100%;min-height:500px;border:0}