/*
 * zm-no-replies-tab (ZCS-17257): homepage only, loads in <head> before the page draws.
 * Registered in extensions_registry.src.json "stylesheets" (rule: page eq homepage).
 * Docs: https://developer-portal.gainsight.com/docs/custom-widgets/v2/stylesheets.html
 *
 * The page script scripts/zm-no-replies-tab/script.js adds the third tab ("Unanswered")
 * after Gainsight draws its Tabs widget. Without this file visitors see Recent Activity and
 * Help Others first, then the third tab pop in, and the Unanswered Dynamic content box show
 * under the feed before it moves into the tab.
 *
 * - Holds the tab row and that box until the page script marks the page done
 *   (html.zm-nrt-done: tab added, or the script decided not to add it).
 * - Safety: if the script never finishes, both show after 3 seconds, as Gainsight drew them.
 * - Gainsight's layout editor (body.is-customizing) is never held.
 */
html:not(.zm-nrt-done) body:not(.is-customizing) .widget-container--category_and_topics_stream_only [role="tablist"] {
  animation: zm-nrt-hold-row 3s step-end both;
}

html:not(.zm-nrt-done) body:not(.is-customizing) .widget-container--dynamic_content:has([data-props*='"showOnlyTopicsWithoutReplies":true']) {
  animation: zm-nrt-hold-box 3s step-end both;
}

@keyframes zm-nrt-hold-row {
  from { visibility: hidden; }
  to { visibility: visible; }
}

@keyframes zm-nrt-hold-box {
  from { display: none; }
  to { display: block; }
}