#inputBuscar,
    #category_id,
    #branch_id {
      background-color: transparent !important;
      border: 1px solid black !important;
      color: #000 !important;
    }

    #branch_id {
      background-image: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/icons/geo-alt-fill.svg');
      background-repeat: no-repeat;
      background-position: 8px center;
      background-size: 18px;
      padding-left: 32px;
    }

    #inputBuscar::placeholder {
      color: #000;
    }

    .navbar-custom {
      background: linear-gradient(135deg, rgba(34,34,34,0.85), #ffffff) !important;
    }

    .user-bar-custom {
      background-color: #05d7a0 !important;
      color: #111 !important;
    }

    .nav-link-custom {
      color: #000 !important;
      font-weight: bold;
      text-decoration: none;
      position: relative;
    }

    .nav-link-custom::after {
      content: '';
      position: absolute;
      left: 0;
      bottom: -2px;
      width: 0;
      height: 2px;
      background: #fff;
      transition: width .3s ease;
    }

    .nav-link-custom:hover::after {
      width: 100%;
    }


    .navbar-collapse {
      gap: 12px;
    }

    .search-wrapper {
      width: 100%;
    }

    .select-wrapper {
      width: 100%;
    }

    @media (min-width: 768px) {
      .search-wrapper {
        width: 60%;
      }

      .select-wrapper {
        width: auto;
        min-width: 180px;
      }
    }

    @media (min-width: 992px) {
      .search-wrapper {
        width: 50%;
      }
    }