/* Styles for the module action bar's View dropdown, which hosts the save-view form and the scale's
   timeline controls one under the other. Kept out of pl-component-overrides.css: that file is
   rebuilt from design-tokens/mappings/component-selectors.js and anything not in the map is lost. */

/* Hosted inside a panel that already draws one: the card, the width and the shadow come from there,
   and a second card inside the first is what made this read as a popup over its own dropdown. */
.pl-save-mv-embedded {
  width: auto;
  padding: 0;
  background: none;
  border-radius: 0;
  box-shadow: none;
}

.pl-save-mv-embedded-title {
  display: block;
  padding: 12px 14px 0;
  color: var(--pl-neutral-text-color-text-secondary);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.pl-save-mv-embedded .pl-save-mv-form {
  padding: 6px 14px 12px;
}

/* Same bottom space as the form above: without it a hovered or focused row touches the divider. */
.pl-save-mv-embedded .pl-save-mv-list {
  padding-bottom: 12px;
}

/* Between two sections that are each a panel of their own, so it reads stronger than the hairlines
   that only separate rows inside one of them. */
.pl-view-dropdown-divider {
  height: 1px;
  background: var(--pl-neutral-border-color-border);
}