/* Voa Entregador — Menu de filtro por status
   Carregado da estrutura de componentes */

.filter-menu {
    position: absolute;
    top: 72px; right: 16px;
    background: var(--surface);
    border-radius: 14px;
    box-shadow: var(--shadow-lg);
    border: 1px solid var(--ink-200);
    padding: 6px;
    z-index: 25;
    min-width: 220px;
    opacity: 0;
    transform: translateY(-6px) scale(0.97);
    transform-origin: top right;
    pointer-events: none;
    transition: opacity 0.15s, transform 0.15s;
  }
  .filter-menu.show {
    opacity: 1; transform: translateY(0) scale(1); pointer-events: auto;
  }
  .filter-opt {
    display: flex; align-items: center; gap: 10px;
    width: 100%;
    padding: 10px 12px;
    border-radius: 10px;
    font-size: 14px; font-weight: 500; color: var(--ink-900);
    text-align: left;
    transition: background 0.1s;
  }
  .filter-opt:hover { background: var(--ink-100); }
  .filter-opt .d { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; }
  .filter-opt .label { flex: 1; }
  .filter-opt .check { opacity: 0; color: var(--brand); display: grid; place-items: center; }
  .filter-opt.active .check { opacity: 1; }
  .filter-opt.active { background: var(--brand-soft); color: var(--brand); font-weight: 600; }

  /* Divider e toggle do menu de filtros */
  .filter-divider {
    height: 1px;
    background: var(--ink-200);
    margin: 6px 4px;
  }
  .filter-toggle {
    display: flex; align-items: center; gap: 10px;
    width: 100%;
    padding: 10px 12px;
    border-radius: 10px;
    font-size: 14px; font-weight: 500; color: var(--ink-900);
    text-align: left;
    background: transparent;
    transition: background 0.1s;
  }
  .filter-toggle:hover { background: var(--ink-100); }
  .filter-toggle .d { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; }
  .filter-toggle .label { flex: 1; }
  .filter-toggle .switch {
    width: 32px; height: 18px;
    background: var(--ink-300);
    border-radius: 999px;
    position: relative;
    flex-shrink: 0;
    transition: background 0.18s;
  }
  .filter-toggle .switch-knob {
    position: absolute;
    top: 2px; left: 2px;
    width: 14px; height: 14px;
    border-radius: 50%;
    background: var(--surface);
    box-shadow: 0 1px 2px rgba(11,18,32,0.18);
    transition: transform 0.18s;
  }
  .filter-toggle.active .switch { background: var(--brand-2); }
  .filter-toggle.active .switch-knob { transform: translateX(14px); }

  /* Mapa SVG */