.omni-panel {
      position: absolute;
      top: calc(100% + 4px);
      left: 0;
      width: 420px;
      max-height: 480px;
      overflow-y: auto;
      background: #fff;
      border: 1px solid rgba(0,0,0,.12);
      border-radius: .375rem;
      z-index: 9999;
    }
    .omni-section-head {
      font-size: .7rem;
      font-weight: 700;
      letter-spacing: .06em;
      text-transform: uppercase;
      color: #6c757d;
      padding: 8px 12px 4px;
    }
    .omni-item {
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 7px 12px;
      cursor: pointer;
      text-decoration: none;
      color: inherit;
      font-size: .875rem;
      border-left: 3px solid transparent;
    }
    .omni-item:hover, .omni-item.omni-active {
      background: #f0f3f7;
      border-left-color: #5c80d1;
      color: inherit;
      text-decoration: none;
    }
    .omni-item .omni-icon {
      width: 28px;
      text-align: center;
      color: #6c757d;
      flex-shrink: 0;
    }
    .omni-item.omni-active .omni-icon { color: #5c80d1; }
    .omni-label { flex-grow: 1; }
    .omni-meta  { font-size: .75rem; color: #9aa0a6; }
    .omni-empty { padding: 16px 12px; color: #9aa0a6; font-size: .875rem; text-align: center; }