/* C•FLOW Small Business contextual NODE controls only. */

.cflow-toolbar .fx-control-group select {
  max-width: min(360px, 100%);
}

.cflow-toolbar [hidden] {
  display: none !important;
}

.cflow-small-business-lens-menu {
  z-index: 10020;
  display: grid;
  min-width: 180px;
  padding: 5px;
  border: 1px solid #33455e;
  border-radius: 5px;
  background: #091525;
  box-shadow: 0 12px 28px rgb(0 0 0 / 45%);
}

.cflow-small-business-lens-menu[hidden] {
  display: none;
}

.cflow-small-business-lens-menu button {
  padding: 7px 10px;
  border: 0;
  border-radius: 3px;
  color: #d8e6fb;
  background: transparent;
  font: inherit;
  text-align: left;
  white-space: nowrap;
  cursor: pointer;
}

.cflow-small-business-lens-menu button:hover,
.cflow-small-business-lens-menu button:focus-visible,
.cflow-small-business-lens-menu button[aria-current="true"] {
  color: #fff;
  background: #152842;
  outline: none;
}

[data-cflow-small-business-lens-context] {
  color: #9fc2ff;
  white-space: nowrap;
}

@media (max-width: 680px) {
  .cflow-toolbar > * {
    order: 0 !important;
  }

  .cflow-toolbar .fx-separator {
    width: 100%;
  }

  .cflow-toolbar .fx-control-group select {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }
}

/* C•FLOW permanently uses the broad lower GeoScen layout. */
#view-cflow .cflow-left-stack,
#view-cflow .cflow-left-top-grid {
  display: contents;
}

#view-cflow .cflow-geoscen-panel {
  grid-column: 1 / span 2;
  grid-row: 2;
  min-width: 0;
  min-height: 280px;
}

#view-cflow .cflow-statement-panel {
  display: none;
}

#view-cflow .cflow-risk-panel {
  grid-column: 3;
  grid-row: 2;
}

@media (max-width: 820px) {
  #view-cflow .cflow-fcf-panel,
  #view-cflow .cflow-quality-panel,
  #view-cflow .cflow-liquidity-panel,
  #view-cflow .cflow-geoscen-panel,
  #view-cflow .cflow-risk-panel {
    grid-column: 1 !important;
  }

  #view-cflow .cflow-fcf-panel {
    grid-row: 1 !important;
  }

  #view-cflow .cflow-quality-panel {
    grid-row: 2 !important;
  }

  #view-cflow .cflow-liquidity-panel {
    grid-row: 3 !important;
  }

  #view-cflow .cflow-geoscen-panel {
    grid-row: 4 !important;
  }

  #view-cflow .cflow-risk-panel {
    grid-row: 5 !important;
  }
}