@layer base {
  /* In scoped mode, :host is not valid — target the element directly */
  dds-popover {
    display: contents;
  }

  /* Base styles for the popover panel — hidden by default via browser */
  .dds-popover {
    margin: 0;
    position-area: end span-end;
    position-try-fallbacks: flip-block, flip-inline, flip-block flip-inline;
    /* padding: 0;
    margin: 0;
    border: none;
    background: transparent;
    inset: unset; */
  }
}

@layer states {
  /*
   * The browser sets display:none on [popover] by default and removes it
   * when open. We only need to set our own display value here to ensure
   * it isn't accidentally overridden elsewhere.
   */
  .dds-popover:popover-open {
    display: block;
  }
}

@layer reset, base, states;
