/* ====== 범용 레이어 팝오버 스타일 ====== */
  .layer-popover {
    position: fixed;
    z-index: 9999;
    display: none; visibility: hidden;
    min-width: 220px; max-width: var(--layer-max-w, 420px);
    max-height: var(--layer-max-h, 60vh);
    border: 1px solid #e5e7eb; border-radius: 10px;
    background: #fff; box-shadow: 0 10px 24px rgba(0,0,0,.12);
    overflow: hidden;
  }
  .layer-popover::after {
    content: ""; position: absolute; width: 10px; height: 10px;
    background: #fff; border-left: 1px solid #e5e7eb; border-top: 1px solid #e5e7eb;
    transform: rotate(45deg); left: 24px; top: -6px;
    box-shadow: -2px -2px 2px rgba(0,0,0,.03);
  }
  .layer-header {
    display: flex; align-items: center; justify-content: space-between; gap: 8px;
    padding: 10px 12px; background: #f6f7f9; border-bottom: 1px solid #e5e7eb;
    cursor: pointer; user-select: none;
  }
  .layer-title { font-weight: 600; font-size: 14px; }
  .layer-close { border: 0; background: transparent; font-size: 18px; cursor: pointer; line-height: 1; }
  .layer-body { padding: 12px; overflow: auto; }