/*
 * Demo-only presentation fixes. This file is injected by docker/nginx/demo.conf
 * and is not loaded by the normal application deployment.
 */
.public-demo-next-banner {
  margin: 12px 3.2vw 0;
  padding: 10px 14px;
  border: 1px solid #b7dcd4;
  border-radius: 12px;
  color: #174c44;
  background: #eaf7f3;
  font: 500 12px/1.45 "Golos Text", sans-serif;
}

body[data-theme="dark"] .public-demo-next-banner {
  border-color: #35665e;
  color: #c7eee6;
  background: #173a35;
}

@media (max-width: 760px) {
  .public-demo-next-banner {
    margin: 10px 12px 0;
  }

  .analytics-imt-header {
    display: grid;
    grid-template-columns: auto 42px minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
    align-items: center;
    column-gap: 10px;
    row-gap: 10px;
  }

  .analytics-imt-header > .imt-drag-handle {
    grid-column: 1;
    grid-row: 1;
  }

  .analytics-imt-header > img {
    grid-column: 2;
    grid-row: 1;
  }

  .analytics-imt-header > .analytics-imt-head-main {
    grid-column: 3;
    grid-row: 1;
  }

  .analytics-imt-header > .analytics-imt-head-right {
    grid-column: 4;
    grid-row: 1;
  }

  .analytics-imt-header > .linkage-facet-filter--header {
    grid-column: 2 / 5;
    grid-row: 2;
    width: 100%;
    max-width: none;
    padding-bottom: 2px;
  }
}