/* ============================================
   PLACE TIP - the list behind a "+N" places count
   Rendered by js/place-tip.js for the positions table and the position brief.
   ============================================ */

/* Top level, not nested under a page root: the element is appended to <body>,
   so it is a sibling of every page root rather than a descendant of one, and a
   nested rule would never match it. Fixed, so neither the table's horizontal
   scroll nor the cell that holds the +N can clip it. */
@layer components {
  .place-tip {
    position: fixed;
    z-index: 90;
    max-inline-size: 18rem;
    padding: var(--space-xs) var(--space-sm);
    border: 1px solid;
    border-radius: var(--wire-radius);
    font-size: var(--fs-xsmall);
    line-height: 1.5;
    pointer-events: none;

    div + div {
      margin-block-start: var(--space-3xs);
    }
  }
}

@layer theme {
  .place-tip {
    background: var(--surface-elevated);
    border-color: var(--border-color);
    color: var(--text-primary);
    box-shadow: 0 12px 32px var(--shadow-color);
  }
}